/* css document */

/*//book object*/
.flipbook {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 800px;
  height: 600px;
  /*background: #009900;*/
  /*display: none;
  background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,255,0.2)), to(rgba(255,0,0,0.8)));
  background-image:-webkit-linear-gradient(left,rgba(123,123,123,0) 0%, rgba(33,33,33,0.3) 30%,rgba(123,123,123,0) 100%);
  /*overflow: hidden;*/
}

.zoombook {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 600px;
}

.zoompage {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 600px;
}

.zoomside {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 600px;
}

.bookstage {
  top: 0px;
  left: 0px;

  display: block;
  overflow: hidden; /**/
}

.image {
  width: 640px;
  height: 920px;
  top: 1px;
  left: 1px;
  /*-webkit-transform-origin:0% 0%;
  -webkit-transform:scale3d(1,1,1); */
}

/**page object*/
.paper {
  position: absolute;
  top: 0px;
  left: 320px;
  width: 320px;
  height: 460px;
}

/**side object*/
.side {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
  /*background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255,0,0,0.2)), to(rgba(0,255,0,0.8)));
  -webkit-transform-origin: 0% 0%;
  -webkit-transform: rotatez(-60deg);*/

}

.backshadow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
  overflow: hidden;
}

.frontshadow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
  overflow: hidden;
}

/***/
.sidebackground {
  position: inherit;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;

}

.searchscrollbox {
  position: absolute;
  overflow-y: auto;
  top: 55px;
  left: 5px;
  width: 280px;
}

.searchbackground {
  position: absolute;
  width: 300px;
  height: 300px;
  display: none;
  background-color: #888888;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(40, 0, 0, 0.5);
  opacity: 0.95;
  z-index: 100;
}

.searchcontent {
  position: absolute;
  width: 300px;
  height: 265px;
  top: 35px;
  left: 0px;

}

/**content of side (image or swf)*/
.sidecontent {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;

  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin : 0 % 0 %;
  -o-transform-origin : 0 % 0 %;
  background-color : white;
}

/**shadow between sides*/
/*left shadow*/
.catalogleftshadow {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 460px;

  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#cc3f3f3f', startcolorstr='#007b7b7b');

  background-image: linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.4) 0%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);

  /*background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0)));*/

}

.catalogrightshadow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 460px;

  background-image: linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
  background-image: -webkit-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(53, 53, 53, 0.5) 0%, rgba(53, 53, 53, 0.2) 40%,rgba(53, 53, 53, 0.1) 60%, rgba(200, 200, 200, 0) 100%);

  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#00c8c8c8', startcolorstr='#cc5d5d5d');

}

.leftshadow {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 460px;

  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#cc3f3f3f', startcolorstr='#007b7b7b');

  background-image: linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);
  background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%);

  background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0)));
}

.edgeshadow {

  background-image: linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0));
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(50, 50, 50, 0.5)), to(rgba(230, 230, 230, 0)));
  background-image: -moz-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0));
  background-image: -o-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0));
  background-image: -ms-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(230, 230, 230, 0));

  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#007b7b7b', startcolorstr='#cc3f3f3f');

}

/*right shadow*/
.rightshadow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50px;
  height: 460px;

  background-image: linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0));
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(93, 93, 93, 0.6)), to(rgba(200, 200, 200, 0)));
  background-image: -moz-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0));
  background-image: -o-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0));
  background-image: -ms-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0));

  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#00c8c8c8', startcolorstr='#cc5d5d5d');

}

.leftpapercoil {
  position: absolute;
  right: 0px;
  /*left: auto;*/
  width: 20px;
  height: 30px;
  background-image: url(/uploads/image/bmsicon/leftcoil.png);
  background-repeat: repeat-y;

  -webkit-transform-origin: "0% 0%";
  -moz-transform-origin: "0% 0%";
  -ms-transform-origin: "0% 0%";
  -o-transform-origin: "0% 0%";
  -webkit-transform: "translate3d(0px,0px,0px) scale(1)";
  -moz-transform: "translate3d(0px,0px,0px) scale(1)";
  -ms-transform: "translate3d(0px,0px,0px) scale(1)";
  -o-transform: "translate(0px,0px) scale(1)";
}

.rightpapercoil {
  position: absolute;
  left: 0px;
  /*right: auto;*/
  width: 21px;
  height: 30px;
  background-image: url(/uploads/image/bmsicon/rightcoil.png);
  background-repeat: repeat-y;

  -webkit-transform-origin: "0% 0%";
  -moz-transform-origin: "0% 0%";
  -ms-transform-origin: "0% 0%";
  -o-transform-origin: "0% 0%";
  -webkit-transform: "translate3d(0px,0px,0px) scale(1)";
  -moz-transform: "translate3d(0px,0px,0px) scale(1)";
  -ms-transform: "translate3d(0px,0px,0px) scale(1)";
  -o-transform: "translate(0px,0px) scale(1)";
}

/**flip right to left, animate shadow*/
.shadowa {
  background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%);
  background-image: linear-gradient(left, rgba(123, 123, 123, 0.05) 0%, rgba(63, 63, 63, 0.4) 93%, rgba(123, 123, 123, 0) 100%);
  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#663f3f3f', startcolorstr='#007b7b7b');
  position: inherit;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
}

/**flip right to left, static shadow*/
.shadowd {
  background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%);
  background-image: linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 30%, rgba(123, 123, 123, 0) 100%);
  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#007b7b7b', startcolorstr='#663f3f3f');
  position: inherit;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
}

/**flip left to right, animate shadow*/
.shadowc {
  background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%);
  background-image: linear-gradient(left, rgba(123, 123, 123, 0.1) 0%, rgba(63, 63, 63, 0.4) 7%, rgba(123, 123, 123, 0) 100%);
  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#007b7b7b', startcolorstr='#663f3f3f');
  position: inherit;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
}

/**flip left to right, static shadow*/
.shadowb {
  background-image: -webkit-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%);
  background-image: -moz-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%);
  background-image: linear-gradient(left, rgba(123, 123, 123, 0) 0%, rgba(63, 63, 63, 0.8) 70%, rgba(123, 123, 123, 0) 100%);
  filter: progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#63f3f3f', startcolorstr='#007b7b7b');
  position: inherit;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
}

.kong {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
  height: 100px;
}

/** shadow of side
.sideshadow{
	background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
	display:none;
	position:inherit;
	top:0px;
	left:0px;
	width:320px;
	height:460px;
}*/

/**mask for shadow**/
.shadowmask {
  position: inherit;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
  overflow: hidden;

}

/**the position of sidew**/
.sideposition {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;

}

.singleshadow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 460px;
  background-color: #888888;
  opacity: 0.5;
  display: none;
}

/**mask for shadow
.shadowmask{
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	height:460px;
	overflow: hidden;
	background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.7)));
}background-image:-webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255,122,0,0.1)), to(rgba(0,0,255,0.5)));*/

.pagemask {
  position: inherit;
  top: 0px;
  left: 0px;
  width: 320px;
  height: 860px;
  overflow: hidden;
}

.scrollbutton {
  position: absolute;
  top: 15px;
  width: 40px;
  height: 70px;
}

.sharebar {
  position: absolute;
  width: 135px;
  height: 220px;
  background-color: #888888;
  opacity: 0.8;
  overflow: hidden;
}

.sharebutton {
  position: absolute;
  width: 133px;
  height: 30px;
}

.shareimg {
  width: 22px;
  height: 22px;
}

.sharebarimg {
  width: 30px;
  height: 30px;
}

.moreimg {
  width: 17px;
  height: 17px;
  margin-top: 8px;
  /*padding-left:2px;*/
}

.morebutton {
  position: absolute;
  width: 130px;
  height: 30px;
  top: 3px;
}

.adsbar {
  position: absolute;
  width: 200px;
  height: 100px;
  overflow: hidden;
}

.bubble {
  /* make it an inline-block element so we can specify the size */
  display: inline-block;

  /* size */
  width: 100px;
  height: 100px;

  /* set the box-sizing so the border fit's within our specified size*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 5px solid #ffb000;

  /*background: #f00;*/

  /* the transition from :hover -> normal */
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}

.radiotext {
  border: 1px solid;
  border-radius: 5px;
}

.google {
  filter: ;
  filter: gray; /* ie6-9 */
  -webkit-filter: grayscale(100%); /* chrome 19  & safari 6  */
}

/* hide the text */
.bubble > span {
  display: block;
  overflow: hidden;
  text-indent: -10000px;
  font-size: 1px;

  width: 1px;
  height: 1px;
  position: absolute;
}

/* the hovered state */
.bubble:hover {
  border-width: 2px;

  /* the transition from normal > :hover */
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.type3 {
  -webkit-mask: url(/uploads/image/bmsicon/centerblur.png) no-repeat center center;
  -ms-mask: url(/uploads/image/bmsicon/centerblur.png) no-repeat center center;
  -o-mask: url(/uploads/image/bmsicon/centerblur.png) no-repeat center center;
  -moz-mask: url(/uploads/image/bmsicon/centerblur.png) no-repeat center center;
  /*-webkit-mask-size:500px 300px;*/

}

/*.type3:hover{
    -webkit-animation: loop_frames 1s ease infinite;
     -webkit-animation-direction:alternate;
     -webkit-mask-size: auto 100%;
}*/

.printbar {
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  background-color: #000000;
  opacity: 0.6;
  height: 120px;
  z-index: 98;
}

.printbg {
  position: absolute;
  bottom: 1px;
  left: 0px;
  right: 0px;
  height: 105px;
  overflow: hidden;
  opacity: 0.9;
  /*background-color:#ffffff;*/
  border-radius: 5px;
  z-index: 102;
}

.printback {
  position: absolute;
  bottom: 1px;
  left: 0px;
  right: 0px;
  height: 105px;
  overflow: hidden;
  opacity: 0.9;
  background-color: #999999;
  border-radius: 5px;
  z-index: 101;
}

.printbox {
  position: absolute;
  /*bottom: 1px;*/
  /*left: 0px;*/
  /*right: 0px;*/
  /*height: 95px;*/
  /*background-color:#333333;*/
  /*z-index:103;*/
}

.printbox input[type="radio"] {
  background-color: #bbb000;
}

.printbox label {
  display: inline-block;
  /*background-color:#ddd000;*/
  /*padding:4px 11px;*/
  font-family: arial;
  font-size: 10px;
}

.printbox input[type="radio"]:checked   label {
  /*background-color:#bbb000;*/
}

a:hover {
  text-decoration: underline;
}

a {
  text-decoration: none;
}

.hint {
  z-index: 101;
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;

  font-family: arial;
  font-size: 12px;

  color: #edaa1d;

  border: 1px solid #505050;
  border-radius: 4px;

  padding: 5px;

  background-image: linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background-image: -o-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background-image: -moz-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background-image: -webkit-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background-image: -ms-linear-gradient(top, rgba(80, 80, 80, 1) 0%, rgba(0, 0, 0, 1) 100%);

  background-image: linear-gradient(linear, top, bottom, color-stop(0, rgba(80, 80, 80, 1)), color-stop(1, rgba(0, 0, 0, 1)));

  filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, endcolorstr='#000000', startcolorstr='#545454');

  box-shadow: 2px 2px 2px #606060;
  -o-box-shadow: 2px 2px 2px #606060;
  -moz-box-shadow: 2px 2px 2px #606060;
  -webkit-box-shadow: 2px 2px 2px #606060;
  -ms-box-shadow: 2px 2px 2px #606060;

}

/* backissues */
.overoption {
  background: #c8c8c8; /*#3698fb;*/
  color: #fff;
  cursor: pointer;
}

.textellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*.description:after {
  top: 50%;
  border: 10px solid transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
  margin-top: -8px;
}
.description:after {
  border-left-color: #ffffff;
  border-width: 8px;
  right: -8px;
  margin-right: -8px;
  opacity: 0.9;
}*/

.backissuestitle {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.backissuestitle .innertitle:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #4cbeff transparent;
}

.backissuestitle .dropdown {
  /* styles */
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;

  /* hiding */
  max-height: 0;
  overflow: hidden;
}

.backissuestitle.active {
  border-radius: 5px 5px 0 0;
  background: #4cbeff;
  box-shadow: none;
  border-bottom: none;
  color: white;
}

.backissuestitle.active .innertitle:after {
  border-color: #82d1ff transparent;
}

.backissuestitle.active .dropdown {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  max-height: 99999px;
}

.backissuestitle .dropdown li {
  display: block;
  text-decoration: none;
  color: #333333;
  padding: 10px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #e6e8ea;
}

.backissuestitle .dropdown li:hover {
  color: #57a9d9;
}

.slider-button {
	position : absolute;
	z-index : 10;
	opacity : 0.4;
	background : #808080;
	
}

.slider-shadow {
	-webkit-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8);
	-moz-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8);
	-o-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8);
	-ms-box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8);
	box-shadow : 0px 0px 8px rgba(80, 80, 80, 0.8);
}

.slider-action {
	cursor : pointer;
}

.view-read {
	position : absolute;
	z-index:9;
	/*border-radius : 3px;*/
	overflow : hidden;
}

.view-zoom {
	position : absolute;
	z-index:9;
	overflow : visible;
}

.item-transparent {
	background : none;
	-webkit-box-shadow : none;
    -moz-box-shadow : none;
    -o-box-shadow : none;
    box-shadow : none
}

.item-enter {
	background : #383838;
	-moz-box-shadow :    inset 0 0 2px rgba(0, 0, 0, 0.92);
    -webkit-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.92);
    box-shadow:         inset 0 0 2px rgba(0, 0, 0, 0.92);
    -ms-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.92);
    -o-box-shadow : inset 0 0 2px rgba(0, 0, 0, 0.92);
    
    -webkit-box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18);
    -moz-box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18);
    -o-box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18);
    box-shadow : 0 1px 1px rgba(255, 255, 255, 0.18)
}.fliphtml5photogallery-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000000;
  opacity: 0.5;
}

.fliphtml5photogallery {
  position: absolute;
  width: 320px;
  height: 320px;
  background-color: #ffffff;
  border: 8px solid #ffffff;
  cursor: pointer;
}

.fliphtml5photogallery-prevbtn, .fliphtml5photogallery-nextbtn {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  cursor: pointer;

  background-color: #ffffff;
  color: #474747;
  font-weight: bold;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
}

.fliphtml5photogallery-thumb {
  position: absolute;
  width: 100%;
  height: 64px;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0px;
  bottom: 0px;
  top: auto;
}

.fliphtml5photogallery-thumbview {
  position: absolute;
  overflow: hidden;
  height: 100%;
}

.fliphtml5photogallery-thumblist {
  position: absolute;
  height: 56px;
  top: 4px;
  left: 0px;
}

.fliphtml5photogallery-thumbtitle {
  position: absolute;
  background-color: #000000;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 10px;
}

.fliphtml5photogallery-thumbtitle:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 6px;
  border-width: 11px 7px 0 7px;
  border-style: solid;
  border-color: #000000 transparent;
}

.fliphtml5photothumb, .fliphtml5photothumbbg {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.fliphtml5videogallery-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000000;
  opacity: 0.5;
}

.fliphtml5videogallery {
  position: absolute;
  width: 866px;
  height: 422px;
  left: 50%;
  margin-left: -433px;
  top: 50%;
  margin-top: -211px;
  border: 4px solid rgba(252, 251, 249, 0.5);
  border-radius: 4px;
}

.fliphtml5videogallery-videodiv {
  position: absolute;
  width: 504px;
  height: 370px;
  left: 17px;
  top: 6px;
  background-color: #000000;
}

.fliphtml5videogallery-videolistdiv {
  position: absolute;
  width: 320px;
  height: 370px;
  left: auto;
  right: 17px;
  top: 6px;
  background-color: #ffffff;
  box-shadow: 0px 0px 1px #494949;
}

.fliphtml5videogallery-eachvideo {
  background: -webkit-linear-gradient(top, #f0f0f0, #d6d6d6); /*#f8f3f3, #d3cdcd*/
  background: -moz-linear-gradient(top, #f0f0f0, #d6d6d6);
  background: -o-linear-gradient(top, #f0f0f0, #d6d6d6);
  background: linear-gradient(top, #f0f0f0, #d6d6d6);
  background-color: #d3cdcd;
  box-shadow: 0px 0px 1px #000000;
}

.fliphtml5videogallery-eachvideo:hover {
  background: #949494;
}

.fliphtml5videogallery-eachvideodes {
  position: absolute;
  padding: 6px 8px 0px 8px;
  width: 224px;
  height: 5em; /*56px;*/
  overflow: hidden;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 11px;
  color: #1a1a1a;
  font-weight: bold;
}

.fliphtml5videogallery-videotitle {
  position: absolute;
  left: 17px;
  bottom: 0px;
  width: 500px;
  height: 30px;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 16px;
  color: #ffffff;
  vertical-align: middle;
  line-height: 30px;
  font-weight: bold;
}

.fliphtml5videogallery-closetitle, .fliphtml5photogallery-closetitle {
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  z-index: 8;
  height: 15px;
  line-height: 15px;
  padding: 0px 4px;
}

.fliphtml5loading {
  background-image: url(/uploads/image/bmsicon/progress.gif);
  background-position: center center;
  background-repeat: no-repeat no-repeat;
  background-repeat: no-repeat;
}.notecookie-note, .fliphtml5signature, .fliphtml5bookmark {
  position: absolute;
  overflow: hidden;
  width: 500px;
  height: auto;
  left: 50%;
  top: 50px;
  border: 4px solid rgba(252, 251, 249, 0.5);
  border-radius: 4px;
  z-index: 9999;
}

.fliphtml5signature-title, .notecookie-notetitle, .fliphtml5bookmark-top {
  position: relative;
  overflow: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 34px;
  background-color: #373737;
}

.fliphtml5signature-titletext, .notecookie-notetitle-text, .fliphtml5bookmark-toptext {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 280px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  line-height: 34px;
  vertical-align: middle;
  text-indent: 8px;
}

.notecookie-notetitle-closebtn, .notecookie-notetitle-showbtn, .fliphtml5bookmark-topshrink, .fliphtml5bookmark-topclose {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 5px;
  cursor: pointer;
  color: #ffffff;
  z-index: 2;
}

.fliphtml5bookmark-bottom, .notecookie-notebutton {
  position: relative;
  width: 100%;
  left: 0px;
  background-color: #c7c7c7;
  overflow: hidden;
  padding-bottom: 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fliphtml5bookmark-savetext {
  position: absolute;
  top: 8px;
  left: 18px;
  width: 426px; /*460*/
  height: 28px;
  font-size: 19px;
  text-indent: 2px;
  color: #1a1a1a;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
}

.fliphtml5bookmark-addleftmark, .fliphtml5bookmark-addrightmark, .fliphtml5bookmark-removebookmark {
  position: absolute;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  top: 52px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1));
  background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -o-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: linear-gradient(top, #e6e5e6, #d1d0d1);
  background-color: #e4e4e4;
  border: 1px solid #8c8d8c;
  color: #464343;
}

.fliphtml5bookmark-removebookmark:hover, .fliphtml5signature-nuderclose:hover, .fliphtml5signature-typeedit-typedel:hover, .fliphtml5signature-type-cancel:hover, .notecookie-notebutton-removeallbtn:hover, .notecookie-notebutton-addbtn:hover {
  background-color: #8c8d8c;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #afb0af), color-stop(100%, #7a7b7a));
  background: -webkit-linear-gradient(top, #afb0af, #7a7b7a);
  background: -moz-linear-gradient(top, #afb0af, #7a7b7a);
  background: -o-linear-gradient(top, #afb0af, #7a7b7a);
  background: linear-gradient(top, #afb0af, #7a7b7a);
}

.fliphtml5bookmark-removebookmark:active, .fliphtml5signature-nuderclose:active, .fliphtml5signature-typeedit-typedel:active, .fliphtml5signature-type-cancel:active, .notecookie-notebutton-removeallbtn:active, .notecookie-notebutton-addbtn:active {
  background: #e4e4e4;
  color: #374f00;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.fliphtml5bookmark-table, .notecookie-notetable {
  position: relative;
  width: 100%;
  left: 0px;
  top: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  overflow: hidden;
}

.fliphtml5bookmark-table-lists, .notecookie-notetable-inner {
  position: relative;
  width: 100%;
  left: 0px;
  top: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.fliphtml5bookmark-row-th, .notecookie-notetable-row-th {
  position: relative;
  height: 28px;
  background-color: #373737;
  line-height: 28px;
  vertical-align: middle;
  color: #ffffff;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 11px;
  font-weight: bold;
}

.fliphtml5bookmark-cellleft-th, .notecookie-notetable-cellleft-th {
  position: absolute;
  left: 0px;
  width: 54px;
  height: 100%;
  text-indent: 6px;
  overflow: hidden;
}

.fliphtml5bookmark-cellright-th, .notecookie-notetable-cellright-th {
  position: absolute;
  width: 410px;
  height: 100%;
  left: 54px;
}

.fliphtml5bookmark-table-row:hover, .notecookie-notetable-row:hover {
  background-color: #949494 !important;
}

.fliphtml5bookmark-table-cellleft, .notecookie-notetable-cellleft {
  position: absolute;
  left: 0px;
  width: 54px;
  height: 100%;
  text-indent: 14px;
  color: #1a1a1a;
  line-height: 28px;
  vertical-align: middle;
  overflow: hidden;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 11px;
}

.fliphtml5bookmark-table-cellright-text, .notecookie-notetable-cellright-text {
  background-color: transparent;
  border: 0px;
  width: 320px;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  text-indent: 8px;
  color: #1a1a1a;
  cursor: pointer;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 11px;
}

.fliphtml5bookmark-table-cellright-edit, .fliphtml5bookmark-table-cellright-cancel, .fliphtml5bookmark-table-cellright-del, .notecookie-notetable-cellright-del, .notecookie-notetable-cellright-edit {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
}

.fliphtml5bookmark-normal, .fliphtml5signature-normal {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1));
  background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -o-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: linear-gradient(top, #e6e5e6, #d1d0d1);
  background-color: #e4e4e4;
  border: 1px solid #8c8d8c;
  color: #464343;
}

.fliphtml5bookmark-hover, .fliphtml5signature-hover {
  background-color: #8c8d8c;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #afb0af), color-stop(100%, #7a7b7a));
  background: -webkit-linear-gradient(top, #afb0af, #7a7b7a);
  background: -moz-linear-gradient(top, #afb0af, #7a7b7a);
  background: -o-linear-gradient(top, #afb0af, #7a7b7a);
  background: linear-gradient(top, #afb0af, #7a7b7a);
}.notecookie-notebutton-top {
  position: absolute;
  height: 134px;
  width: 464px;
  top: 14px;
  left: 18px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  box-shadow: inset 1px 1px 0px #a6a6a6, 1px 1px 0px #f6f6f6;
}

.notecookie-notebutton-inputtext {
  height: 80px;
  position: absolute;
  width: 444px;
  left: 10px;
  top: 11px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  resize: none;
  color: #000000;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 11px;
  z-index: 2;
}

.notecookie-notebutton-removeallbtn, .notecookie-notebutton-addbtn {
  position: absolute;
  text-align: center;
  line-height: 27px;
  vertical-align: middle;
  width: 79px;
  height: 27px;
  top: 100px;
  cursor: pointer;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 12px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1));
  background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -o-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: linear-gradient(top, #e6e5e6, #d1d0d1);
  background-color: #e4e4e4;
  border: 1px solid #8c8d8c;
  color: #1a1a1a;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.notecookie-notelist {
  position: relative;
  width: 464px;
  left: 18px;
  top: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  z-index: 2;
}

.notecookie-eachnote {
  position: absolute;
  cursor: pointer;
  width: 56px;
  height: 56px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
}

.notecookie-eachnote-img:hover {
  box-shadow: 0px 0px 2px #ffffff, 0px 0px 3px #ffffff, 0px 0px 5px #7c7878;
  z-index: 2;
}

.notecookie-eachnote-img:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7c7878;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7c7878;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px #7c7878;
  z-index: 2;
}

.notecookie-eachnote-textlist {
  position: absolute;
  width: 180px;
  height: 140px;
  border: 1px solid #9c9c9c;
  border-radius: 3px;
  left: 0px;
  top: 0px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.69), 0px 1px 3px #7c7878;
  z-index: 122;
}

.notecookie-eachnote-textlist-current, .fliphtml5localfile-current {
  z-index: 124 !important;
}

.notecookie-eachnote-textlist-toptitle {
  position: absolute;
  width: 100%;
  height: 15px;
  left: 0px;
  bottom: 0px;
  top: auto;
  line-height: 16px;
  vertical-align: middle;
  text-indent: 5px;
  color: #1a1a1a;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 12px;
  z-index: 2;
  border-top: 1px solid #9c9c9c;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.notecookie-eachnote-textlist-topdel, .notecookie-eachnote-textlist-topclose, .notecookie-eachnote-textlist-topsave {
  position: absolute;
  width: 18px;
  height: 18px;
  right: 46px;
  top: 1px;
  cursor: pointer;
  z-index: 2;
}

.notecookie-eachnote-textlist-text {
  height: 104px;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  resize: none;
  text-indent: 6px;
  background-color: #fff4a1;
  color: #000000;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 11px;
  z-index: 2;
}

.notecookie-eachnote-textlist-textdiv-bgno, .notecookie-eachnote-textlist-textdiv-bgyes {
  position: absolute;
  top: 60px;
  width: 42px;
  height: 20px;
  text-align: center;
  border-radius: 4px;
  font-family: helvetica;
  font-size: 14px;
  line-height: 20px;
  color: #1d1c1c;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.notecookie-eachnote-textlist-textdiv-bgno:hover, .notecookie-eachnote-textlist-textdiv-bgyes:hover {
  background-color: #4d5358;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #50535a), color-stop(100%, #474445));
  background: -webkit-linear-gradient(top, #50535a, #474445);
  background: -moz-linear-gradient(top, #50535a, #474445);
  background: -o-linear-gradient(top, #50535a, #474445);
  background: linear-gradient(top, #50535a, #474445);
  z-index: 2;
}

.notecookie-eachnote-textlist-textdiv-bgno:active, .notecookie-eachnote-textlist-textdiv-bgyes:active {
  background: rgb(173, 180, 153);
  color: #000000;
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
  z-index: 2;
}.fliphtml5annotationsizewrap {
  cursor: all-scroll;
  z-index: 1;
  left: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  outline: 1px dashed rgb(61, 61, 61);
  position: absolute;
}

.fliphtml5svgcontainer {
  position: absolute;
}

.fliphtml5arrowrightbottom {
  left: 100%;
  top: 100%;
  right: auto;
  bottom: auto;
}

.fliphtml5arrowleftbottom {
  left: auto;
  top: 100%;
  right: 100%;
  bottom: auto;
}

.fliphtml5arrowlefttop {
  left: auto;
  top: auto;
  right: 100%;
  bottom: 100%;
}

.fliphtml5arrowrighttop {
  left: 100%;
  top: auto;
  right: auto;
  bottom: 100%;
}

.fliphtml5sizepoint {
  background-color: rgb(61, 61, 61);
  position: absolute;
  border: 1px solid black;
  box-shadow: inset 0 1px 1px white;
}

.fliphtml5sizepoint:hover {
  box-shadow: inset 0 1px 3px white;
}

.fliphtml5sizepoint:active {
  box-shadow: none;
}

.fliphtml5sizepoint1 {
  cursor: nw-resize;
  z-index: 2;
  width: 6px;
  height: 6px;
  left: -4px;
  top: -4px;
}

.fliphtml5sizepoint2 {
  cursor: n-resize;
  z-index: 3;
  width: 4px;
  height: 4px;
  margin-left: -3px;
  left: 50%;
  top: -3px;
}

.fliphtml5sizepoint3 {
  cursor: ne-resize;
  z-index: 2;
  width: 6px;
  height: 6px;
  right: -4px;
  top: -4px;
}

.fliphtml5sizepoint4 {
  cursor: e-resize;
  z-index: 1;
  width: 4px;
  height: 4px;
  right: -3px;
  margin-top: -3px;
  top: 50%;
}

.fliphtml5sizepoint5 {
  cursor: se-resize;
  z-index: 2;
  width: 6px;
  height: 6px;
  right: -4px;
  bottom: -4px;
}

.fliphtml5sizepoint6 {
  cursor: s-resize;
  z-index: 3;
  width: 4px;
  height: 4px;
  left: 50%;
  margin-left: -3px;
  bottom: -3px;
}

.fliphtml5sizepoint7 {
  cursor: sw-resize;
  z-index: 2;
  width: 6px;
  height: 6px;
  left: -4px;
  bottom: -4px;
}

.fliphtml5sizepoint8 {
  cursor: w-resize;
  z-index: 1;
  width: 4px;
  height: 4px;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.fliphtml5annotationlinetoolscontainer {
  position: absolute;
  padding: 3px;
  top: 50px;
  left: 40%;
  z-index: 10;
  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
  -webkit-user-drag: none;user-drag: none;
  display: none;
  background: rgba(77, 77, 77, 0.9);
  border-radius: 5px;
  border: 1px groove rgb(150, 149, 149);
}

.fliphtml5annotationclickbutton, .fliphtml5annotationactivebutton {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid black;
  left: 7px;
  top: 3px;
  outline: none;
  margin: 0 10px 0 0;
  display: inline-block;
  background: rgb(77, 77, 77);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.61);
}

.fliphtml5annotationclickbutton:hover, .fliphtml5annotationactivebutton:hover {
  background-color: rgb(125, 125, 125);
}

.fliphtml5annotationclickbutton:active, .fliphtml5annotationactivebutton-active {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid black;
  left: 7px;
  top: 3px;
  margin: 0 10px 0 0;
  display: inline-block;
  background: rgba(77, 77, 77, 0.9);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.61);
}

.fliphtml5annotationbuttonimage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: no-repeat 0 0;
}

.fliphtml5annotationcolorselectorwrap {
  position: absolute;
  z-index: 10000;
  width: 242px;
  cursor: default;
  height: 205px;
  background: rgba(41, 41, 41, 0.9);
  border: 1px solid rgb(88, 88, 88);
  padding: 6px;
  font-size: 14px;
  text-decoration: none;
  color: white;
  font-family: serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.fliphtml5annotationcolorselectormessage {
  font-size: 14px;
  font-family: serif;
  text-align: left;
  line-height: 22px;
  margin-bottom: 5px;
  width: 57px;
  padding: 0 6px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.fliphtml5annotationopacity {
  width: 150px;
  height: 1px;
  text-align: center;
  line-height: 20px;
  color: white;
  cursor: pointer;
  border: 1px black;
  background: rgb(255, 255, 255);
  position: relative;
  display: inline-block;
  left: 10px;
}

.fliphtml5annotationopacityspan {
  position: absolute;
  top: -24px;
  left: 45px;
}

.fliphtml5annotationopacitycursor {
  left: 0;
  width: 5px;
  height: 12px;
  display: inline-block;
  position: absolute;
  background: rgb(175, 174, 174);
  top: -6px;
  box-shadow: inset 0 1px 1px white;
}

.fliphtml5annotationopacitycursor:hover {
  outline: 1px solid rgb(23, 211, 211);
}

.fliphtml5annotationopacitycursor:active {
  background-color: white;
}

.fliphtml5annotationcolorselectorblock {
  width: 18px;
  height: 18px;
}

.fliphtml5annotationcolorbar {
  width: 12px;
  height: 3px;
  position: absolute;
  z-index: 2;
  background-color: black;
  bottom: 2px;
  left: 3px;
}

.fliphtml5annotationcolorselectorblock:hover {
  outline: 1px solid rgb(6, 142, 185);
}

.fliphtml5annotationimage-delete {
  background-image: url(/uploads/image/bmsicon/delete.png);
}

.fliphtml5annotationimage-stroke, .fliphtml5annotationimage-fill {
  background-color: white;
  width: 10px;
  height: 10px;
  margin: 3px;
  position: absolute;
  z-index: 3;
  border: 1px solid black;
}

.fliphtml5annotationselect {
  padding: 0;
  width: 100px;
  height: 21px;
  position: relative;
  top: -2px;
  left: 4px;
  margin: 0 10px 0 0;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  background: rgb(77, 77, 77);
  color: white;
  border-color: black;
  box-shadow: inset 0 1px 6px rgb(39, 39, 39);
  outline: 0;
  line-height: 15px;
}.fliphtml5signature-toolbar-del, .fliphtml5signature-toolbar-up, .fliphtml5signature-toolbar-down, .fliphtml5signature-toolbar-revert, .fliphtml5signature-toolbar-date {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 4px;
  border-radius: 2px;
  cursor: pointer;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(61, 61, 61)), color-stop(100%, rgb(61, 61, 61)));
  background: -webkit-linear-gradient(top, #141414, rgb(61, 61, 61));
  background: -moz-linear-gradient(top, #141414, rgb(61, 61, 61));
  background: -o-linear-gradient(top, #141414, rgb(61, 61, 61));
  background: linear-gradient(top, #141414, rgb(61, 61, 61));
  background-color: rgb(61, 61, 61);
  border: 1px solid #111010;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.34), 0px 1px 2px rgba(255, 255, 255, 0.34);
}

.fliphtml5signature-toolbar-del:hover, .fliphtml5signature-toolbar-up:hover, .fliphtml5signature-toolbar-down:hover, .fliphtml5signature-toolbar-revert:hover, .fliphtml5signature-toolbar-date:hover {
  background-color: #242524;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #6d706d));
  background: -webkit-linear-gradient(top, #000000, #6d706d);
  background: -moz-linear-gradient(top, #000000, #6d706d);
  background: -o-linear-gradient(top, #000000, #6d706d);
  background: linear-gradient(top, #000000, #6d706d);
}

.fliphtml5signature-toolbar-del:active, .fliphtml5signature-toolbar-up:active, .fliphtml5signature-toolbar-down:active, .fliphtml5signature-toolbar-revert:active, .fliphtml5signature-toolbar-date:active {
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.38), 0px 1px 0px rgba(14, 13, 13, 0.28);
}

.fliphtml5signature-eachsignatureimg {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fliphtml5signature-titleclose, .fliphtml5videogallery-close {
  position: absolute;
  cursor: pointer;
  border-radius: 4px;
  border-left: 1px solid rgba(255, 255, 255, 0.47);
  border-top: 1px solid rgba(255, 255, 255, 0.48);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55), 1px 0px 0px rgba(255, 255, 255, 0.57), 0px 0px 4px #000000;
}

.fliphtml5signature-titleclose:hover, .fliphtml5videogallery-close:hover {
  box-shadow: 0px 0px 0px #000000;
}

.fliphtml5signature-titleclose:active, .fliphtml5videogallery-close:active {
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.83), 0px 1px 0px white;
}

.fliphtml5signature-eachdate {
  position: absolute;
  width: 180px;
  height: 45px;
  border: 1px dashed rgb(47, 47, 47);
  top: -24px;
  left: 26px;
  line-height: 70px;
  color: #1a1a1a;
  font-size: 16px;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-weight: bold;
  text-indent: 10px;
}

.fliphtml5signature-nudermessage {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 534px;
  height: 36px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  padding-left: 6px;
  word-spacing: 4px;
  color: #1a1a1a;
  font-size: 15px;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  text-indent: 8px;
  box-shadow: 0px 0px 2px #000000;
}

.fliphtml5signature-typetitle {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 24px;
  background-color: #373737;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.fliphtml5signature-typeunder {
  position: absolute;
  left: 0px;
  top: 24px;
  width: 100%;
  height: 110px;
  background-color: #e0e0e0;
}

.fliphtml5signature-typemid {
  position: absolute;
  left: 17px;
  top: 8px;
  width: 204px;
  height: 70px;
  border: 1px solid #cccccc;
  background-color: #fafafa;
  box-shadow: 0px 0px 1px #584f4f;
  cursor: pointer;
  text-align: center;
  font-family: mistral;
  color: #000000;
  font-size: 13px;
  vertical-align: bottom;
  line-height: 70px;
  box-shadow: rgb(166, 166, 166) 1px 1px 0px inset, rgb(246, 246, 246) 1px 1px 0px;
}

.fliphtml5signature-typeedit-typedel {
  height: 22px;
  top: auto;
  bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  text-indent: 17px;
  position: absolute;
  cursor: pointer;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1));
  background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -o-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: linear-gradient(top, #e6e5e6, #d1d0d1);
  background-color: #e4e4e4;
  border: 1px solid #8c8d8c;
  color: #464343;
}

.fliphtml5signature-type-cancel {
  left: 371px;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1));
  background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -o-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: linear-gradient(top, #e6e5e6, #d1d0d1);
  background-color: #e4e4e4;
  border: 1px solid #8c8d8c;
  color: #464343;
}

.fliphtml5signature-typebtn {
  position: absolute;
  width: 84px;
  height: 22px;
  border: 1px solid #8c8d8c;
  line-height: 22px;
  vertical-align: middle;
  text-align: center;
  top: auto;
  bottom: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
}

.fliphtml5signature-nuderclose {
  width: 80px;
  height: 27px;
  left: 50%;
  margin-left: -40px;
  bottom: 11px;
  top: auto;
  line-height: 27px;
  font-size: 15px;
  position: absolute;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  font-weight: bold;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e5e6), color-stop(100%, #d1d0d1));
  background: -webkit-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -moz-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: -o-linear-gradient(top, #e6e5e6, #d1d0d1);
  background: linear-gradient(top, #e6e5e6, #d1d0d1);
  background-color: #e4e4e4;
  border: 1px solid #8c8d8c;
  color: #464343;
}

.fliphtml5signature-drawtypemid-preview {
  position: absolute;
  width: 234px;
  height: 60px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  top: 15px;
  left: auto;
  right: 17px;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-size: 11px;
  color: #a29696;
  font-weight: bold;
  text-indent: 4px;
  box-shadow: rgb(166, 166, 166) 1px 1px 0px inset, rgb(246, 246, 246) 1px 1px 0px;
}

.fliphtml5signature-drawtypemid-redo, .fliphtml5signature-drawtypemid-undo, .fliphtml5signature-drawtypemid-clearall {
  position: absolute;
  width: 44px;
  height: 22px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  left: 80px;
  top: 54px;
  text-align: center;
  line-height: 22px;
  font-family: "helveticaneue-light", "helvetica neue light", "helvetica neue", helvetica, arial, "lucida grande", sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #5f5e5e;
  cursor: pointer;
}.fliphtml5remark {
  z-index: 2;
  position: absolute;
  width: 0;
  height: 0;
  resize: none;
  outline: 2px solid rgb(255, 173, 0);
  cursor: text;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.fliphtml5highlight {
  z-index: 3;
  position: absolute;
  width: 0;
  height: 0;
  resize: none;
  outline: 2px solid rgb(255, 173, 0);
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: normal;
}

.fliphtml5remarkwrap {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 8px solid transparent;
}

.fliphtml5remarkwrap:focus {
  outline: 1px solid #3181e7;
}

.fliphtml5sizewrap {
  cursor: all-scroll;
  z-index: 1;
  left: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  min-width: 40px;
  min-height: 20px;
  border: 1px dashed rgb(61, 61, 61);
  position: absolute;
}

.fliphtml5sizepoint {
  background-color: rgb(61, 61, 61);
  position: absolute;
  border: 1px solid black;
  box-shadow: inset 0 1px 1px white;
}

.fliphtml5sizepoint:hover {
  box-shadow: inset 0 1px 3px white;
}

.fliphtml5sizepoint:active {
  box-shadow: none;
}

.fliphtml5sizepoint1 {
  cursor: nw-resize;
  width: 6px;
  height: 6px;
  left: -4px;
  top: -4px;
}

.fliphtml5sizepoint2 {
  cursor: n-resize;
  width: 4px;
  height: 4px;
  margin-left: -3px;
  left: 50%;
  top: -3px;
}

.fliphtml5sizepoint3 {
  cursor: ne-resize;
  width: 6px;
  height: 6px;
  right: -4px;
  top: -4px;
}

.fliphtml5sizepoint4 {
  cursor: e-resize;
  width: 4px;
  height: 4px;
  right: -3px;
  margin-top: -3px;
  top: 50%;
}

.fliphtml5sizepoint5 {
  cursor: se-resize;
  width: 6px;
  height: 6px;
  right: -4px;
  bottom: -4px;
}

.fliphtml5sizepoint6 {
  cursor: s-resize;
  width: 4px;
  height: 4px;
  left: 50%;
  margin-left: -3px;
  bottom: -3px;
}

.fliphtml5sizepoint7 {
  cursor: sw-resize;
  width: 6px;
  height: 6px;
  left: -4px;
  bottom: -4px;
}

.fliphtml5sizepoint8 {
  cursor: w-resize;
  width: 4px;
  height: 4px;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.fliphtml5remarktoolbarcontainer {
  position: absolute;
  height: 47px;
  width: 420px;
  z-index: 10;
  padding: 5px;
  display: none;
  background: rgba(77, 77, 77, 0.9);
  border-radius: 5px;
  border: 1px groove rgb(150, 149, 149);
}

.fliphtml5remarkhighlighttoolbarcontainer {
  display: none;
  left: 325;
  top: 70px;
  z-index: 10;
  position: absolute;
  height: 20px;
  padding: 0;
  width: 57px;
}

.fliphtml5remark pre {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  max-width: 100%;
  overflow: auto;
  padding: 6px;
  display: inline-block;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.fliphtml5remark address {
  font-style: italic;
  margin-bottom: 12px;
}

/*.fliphtml5remark a {*/
/*text-decoration: none;*/
/*font-style: italic;*/
/*color: dodgerblue;*/
/*cursor: pointer;*/
/*}*/
/*.fliphtml5remark a:hover {*/
/*text-decoration: underline;*/
/*}*/

.fliphtml5remarkbutton {
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid black;
  top: 1px;
  outline: none;
  margin: 0 0 0 2px;
  display: inline-block;
  background: rgb(77, 77, 77);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.61);
}

.fliphtml5remarkbutton:hover {
  background-color: rgb(125, 125, 125);
}

.fliphtml5remarkbutton:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.61);
}

.fliphtml5remarkbuttonimage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: no-repeat 0 0;
}

.fliphtml5remarkcolorselectorwrap {
  position: absolute;
  z-index: 10000;
  width: 242px;
  cursor: default;
  height: 205px;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgb(88, 88, 88);
  padding: 6px;
  font-size: 14px;
  text-decoration: none;
  color: white;
  font-family: serif;
}

.fliphtml5remarkcolorselectormessage {
  font-size: 14px;
  font-family: serif;
  text-align: left;
  line-height: 22px;
  border: 1px solid black;
  margin-bottom: 5px;
  width: 57px;
  padding: 0 6px;
}

.fliphtml5remarkopacity {
  width: 150px;
  height: 1px;
  text-align: center;
  line-height: 20px;
  color: white;
  cursor: pointer;
  border: 1px black;
  background: rgb(255, 255, 255);
  position: relative;
  display: inline-block;
  left: 10px;
}

.fliphtml5remarkopacityspan {
  position: absolute;
  top: -24px;
  left: 45px;
}

.fliphtml5remarkopacitycursor {
  left: 0;
  width: 5px;
  height: 12px;
  display: inline-block;
  position: absolute;
  background: rgb(175, 174, 174);
  top: -6px;
  box-shadow: inset 0 1px 1px white;
}

.fliphtml5remarkopacitycursor:hover {
  outline: 1px solid rgb(23, 211, 211);
}

.fliphtml5remarkopacitycursor:active {
  background-color: white;
}

.fliphtml5remarkcolorselectorblock {
  width: 18px;
  height: 18px;
}

.fliphtml5remarkcolorbar {
  width: 16px;
  height: 3px;
  position: absolute;
  z-index: 2;
  background-color: black;
  bottom: 1px;
  left: 1px;
}

.fliphtml5remarkcolorselectorblock:hover {
  outline: 1px solid rgb(6, 142, 185);
}

.fliphtml5remarkimage-bold {
  background-image: url(/uploads/image/bmsicon/bold.png);
}

.fliphtml5remarkimage-strikethrough {
  background-image: url(/uploads/image/bmsicon/strikethrough.png);
}

.fliphtml5remarkimage-undo {
  background-image: url(/uploads/image/bmsicon/undo.png);
}

.fliphtml5remarkimage-delete {
  background-image: url(/uploads/image/bmsicon/delete.png);
}

.fliphtml5remarkimage-forecolor {
  background: url(/uploads/image/bmsicon/fontcolor.png) 0 2px;
}

.fliphtml5remarkimage-redo {
  background-image: url(/uploads/image/bmsicon/redo.png);
}

.fliphtml5remarkimage-removeformat {
  background-image: url(/uploads/image/bmsicon/clear.png);
}

.fliphtml5remarkimage-italic {
  background-image: url(/uploads/image/bmsicon/italic.png);
}

.fliphtml5remarkimage-underline {
  background-image: url(/uploads/image/bmsicon/underline.png);
}

.fliphtml5remarkimage-justifyleft {
  background-image: url(/uploads/image/bmsicon/justyleft.png);
}

.fliphtml5remarkimage-justifycenter {
  background-image: url(/uploads/image/bmsicon/justycenter.png);
}

.fliphtml5remarkimage-justifyright {
  background-image: url(/uploads/image/bmsicon/justyright.png);
}

.fliphtml5remarkimage-insertorderedlist {
  background-image: url(/uploads/image/bmsicon/orderlist.png);
}

.fliphtml5remarkimage-insertunorderedlist {
  background-image: url(/uploads/image/bmsicon/unorderlist.png);
}

.fliphtml5remarkimage-blockquote {
  background-image: url(/uploads/image/bmsicon/blockquote.png);
}

.fliphtml5remarkimage-outdent {
  background-image: url(/uploads/image/bmsicon/oudent.png);
}

.fliphtml5remarkimage-indent {
  background-image: url(/uploads/image/bmsicon/indent.png);
}

.fliphtml5remarkimage-createlink {
  background-image: url(/uploads/image/bmsicon/hyperlink.png);
}

.fliphtml5remarkimage-backcolor {
  background-color: white;
  width: 10px;
  height: 10px;
  margin: 3px;
  position: absolute;
  z-index: 3;
  border: 1px solid black;
}

.fliphtml5remarkselect {
  padding: 0;
  width: 100px;
  height: 21px;
  position: relative;
  top: 2px;
  left: 2px;
  margin: 0 17px 0 0;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  background: rgb(71, 71, 71);
  color: white;
  border-color: black;
  box-shadow: inset 0 1px 6px rgb(39, 39, 39);
  outline: 0;
  line-height: 15px;
}

.fliphtml5remarkhr {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
}.fliphtml5addfile {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 8;
  overflow: hidden;
}

.fliphtml5zoomframe {
  z-index: 6;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  /*min-width: 40px;*/
  /*min-height: 20px;*/
  border: 1px dashed rgb(61, 61, 61);
  position: absolute;
}

.fliphtml5zoomframe .fliphtml5point {
  background-color: #0202ff;
  /*background-color: rgb(61, 61, 61);*/
  position: absolute;
  border: 1px solid black;
  box-shadow: inset 0 1px 1px white;
}

.fliphtml5zoomframe .fliphtml5zoompoint0 {
  left: -4px;
  top: -4px;
  cursor: nw-resize;
  width: 6px;
  height: 6px;
}

.fliphtml5zoomframe .fliphtml5zoompoint1 {
  left: 50%;
  margin-left: -2px;
  top: -3px;
  cursor: n-resize;
  width: 4px;
  height: 4px;
}

.fliphtml5zoomframe .fliphtml5zoompoint2 {
  right: -4px;
  top: -4px;
  cursor: ne-resize;
  width: 6px;
  height: 6px;
}

.fliphtml5zoomframe .fliphtml5zoompoint3 {
  right: -3px;
  top: 50%;
  margin-top: -2px;
  cursor: e-resize;
  width: 4px;
  height: 4px;
}

.fliphtml5zoomframe .fliphtml5zoompoint4 {
  right: -4px;
  bottom: -4px;
  cursor: se-resize;
  width: 6px;
  height: 6px;
}

.fliphtml5zoomframe .fliphtml5zoompoint5 {
  left: 50%;
  margin-left: -2px;
  bottom: -3px;
  cursor: s-resize;
  width: 4px;
  height: 4px;
}

.fliphtml5zoomframe .fliphtml5zoompoint6 {
  left: -4px;
  bottom: -4px;
  cursor: sw-resize;
  width: 6px;
  height: 6px;
}

.fliphtml5zoomframe .fliphtml5zoompoint7 {
  left: -3px;
  top: 50%;
  margin-top: -2px;
  cursor: w-resize;
  width: 4px;
  height: 4px;
}

.fliphtml5localfile-toolbar-del, .fliphtml5localfile-toolbar-update {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 4px;
  border-radius: 2px;
  cursor: pointer;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(61, 61, 61)), color-stop(100%, rgb(61, 61, 61)));
  background: -webkit-linear-gradient(top, #141414, rgb(61, 61, 61));
  background: -moz-linear-gradient(top, #141414, rgb(61, 61, 61));
  background: -o-linear-gradient(top, #141414, rgb(61, 61, 61));
  background: linear-gradient(top, #141414, rgb(61, 61, 61));
  background-color: rgb(61, 61, 61);
  border: 1px solid #111010;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.34), 0px 1px 2px rgba(255, 255, 255, 0.34);
}

.fliphtml5localfile-toolbar-del:hover, .fliphtml5localfile-toolbar-update:hover {
  background-color: #242524;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #6d706d));
  background: -webkit-linear-gradient(top, #000000, #6d706d);
  background: -moz-linear-gradient(top, #000000, #6d706d);
  background: -o-linear-gradient(top, #000000, #6d706d);
  background: linear-gradient(top, #000000, #6d706d);
}

.fliphtml5localfile-toolbar-del:active, .fliphtml5localfile-toolbar-update:active {
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.38), 0px 1px 0px rgba(14, 13, 13, 0.28);
}

.guidbutton {
	cursor : pointer;
}

.guidbutton div {
	margin-left: 1px;
	margin-top: 1px;
	width : 35px;
	height : 35px;
}

.menutitle{
	cursor : pointer;
	overflow : hidden;
	width : 100%;
	height : 50px;
	font-family : arial,tahoma;
}

.menutitleicon{
	cursor : pointer;
	position : absolute;
	top : 10px;
	left : 20px;
	width : 32px;
	height : 32px;	
	border-radius : 16px;
}

.menutitleicon div{
	cursor : pointer;
	position : absolute;
	top : 6px;
	left : 6px;
	width : 20px;
	height : 20px;	
}

.menutitlecaption{
	cursor : pointer;
	position : absolute;
	left : 60px;
	top : 18px;
	font-size : 14px;
	color : #ffffff;
}

.menutitlestate{
	position : absolute;
	top : 15px;
	right : 20px;
	width : 24px;
	height : 24px;
}

.dockmenu {
	text-align : center;
	z-index : 300;
	display : block;
	overflow : visible;
	position : absolute;
	bottom : 10;
	white-space: nowrap;
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.3)));
	-moz-box-reflect: below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.3)));
}

.dockmenucontent {
	padding : 0px;
	list-style : none;
	text-align : center;
	display: inline-block;
	white-space: nowrap;	
}

.dockmenuitem{
	display : inline-block;
	vertical-align : bottom;
	position : relative;
	overflow : visible;
	text-align : center;
	cursor: pointer;
}

.dockmenuitemcontent {
	/*background : #ff0000;*/
	position : absolute;
	bottom : 1px;
	background : #ffffff;
}

.dockmenuitemshadow {
	-webkit-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	-moz-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	-o-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	-ms-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
}

.dockmenuitemcaption {
	line-height : 1.3em;
	text-align : center;
	width : auto;
	overflow : visible;
	font-weight : bold;
	color : #ffffff;
	font-size : 80%;
	padding : 4px 12px;
	opacity : 0.4;
	background-color : #000000;
	display : none;
	margin : 0px auto;
	top : 0px;
	border-radius : 10px;
	white-space: nowrap;	
}

.dockmenuitemcaptionafter{
	display: none;
	height: 9px;
	line-height:9px;
	left:50%;
	opacity:0.4;
	color: transparent;
	position: absolute;
	text-align: center;
	width: 16px;
	margin-left: -4px;
	margin-top: -2px;
}

.phonegotopagecontent img{
	width : 25px;
	height : 25px;
	cursor : pointer;
}

.phonegotopagecontent .btn{
	display : inline-block;
	position : relative;
	overflow : visible;
	margin-top : 5px;
	margin-left : 15px;
	width : 25px;
	height : 25px;
	cursor : pointer;
}

.phonegotopagecontent .btn div{
	width : 25px;
	height : 25px;
}

.flipshotbackground {
	position : absolute;
	background : #727272;
	width : 100%;
	height : 100%;
	opacity : 0.6;
}

.flipshot img{
	position : absolute;
	top : 50%;
	left : 50%;
	margin-top : -10px;
	margin-left : -10px;
}

.flipshot {
	cursor : pointer;
}

.slideshortcut{
	position : absolute;
	z-index : 101;
	width : 210px;
	height : 40px;
	background-color : #d0d7df;
	
	/*background : linear-gradient(top, #f6fafd, #e1e8f0);
	background : -webkit-linear-gradient(top, #f6fafd, #e1e8f0);
	background : -ms-linear-gradient(top, #f6fafd", #e1e8f0);
	background : -moz-linear-gradient(top, #f6fafd", #e1e8f0);
	background : -o-linear-gradient(top, #f6fafd", #e1e8f0);
	
	filter : progid:dximagetransform.microsoft.gradient(gradienttype=1, endcolorstr='#e1e8f0', startcolorstr='#f6fafd');*/
	
	opacity : 0.6;
	-webkit-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	-moz-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	-o-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	-ms-box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
	box-shadow : 0 0 5px rgba(40, 40, 40, 0.5);
}

.shortcutitem{
	position : relative;
	float : left;
	top : 0px;
	width : 70px;	
	height : 40px;
	border-width : 0px; 
	cursor : default;
}

.shortcurtitementer{
	position : relative;
	float : left;
	top : 0px;
	width : 68px;	
	border-left : 1px solid #7297c1;
	border-right : 1px solid #7297c1;
	height : 40px;
	background-color : #8faccc;
	cursor : pointer;
}

.slidetoolbar{
	z-index:5;
	position:relative;
	margin:0px auto;
	height:43px;
	width:155px;
	border-radius:0px 0px 5px 5px;
	opacity:0.7;
}

.slidetoolbar:hover{
	opacity : 1;
}

.slidetoolbar img{
	width : 32px;
	margin-left : 15px;
	margin-top : 5px;
	cursor : pointer;
}

.slidebar{
	z-index:5;
	position:absolute;
	cursor:pointer;
	width:50px;
	height:50px;
	top:50%;
	opacity:0.7;
	margin-top:-25px;
}

/*search form*/
.inputinnershadow {
  -moz-box-shadow : inset 0 0 5px #555555;
  -webkit-box-shadow : inset 0 0 5px #555555;
  box-shadow : inset 0 0 5px #555555;
  -ms-box-shadow : inset 0 0 5px #555555;
  -o-box-shadow : inset 0 0 5px #555555;
}

.searchbutton {
	border-radius : 5px;
	width : 36px;
	height : 36px;
	position : absolute;
	border-radius : 5px;
}

.searchbutton img {
	margin-left : 5px;
	margin-top : 5px;
}

.searchtextcontent {
	top : 0px;
	left : 0px;
}

.searchtextfield {
    position : absolute;
    size : 13px;
    font-family : tahoma;
    -moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 0px;
	border-width : 1px;
	background : #ffffff;
	top : 16px;
	border-right-width : 0px;
	border-bottom-width : 0px;
	border-style : 0 none;
	color : black;
	padding-left : 5px;
	height : 30px;
}

.searchresultcontent {
	/*position : absolute;*/
	color : #ffffff;
	font-family : tahoma;
	font-size : 12px;
	vertical-align : middle;
	text-shadow : 1px 1px #000000;
}


/*form title background*/
.formbackground {
	top : 10px; 
	z-index : 99;
	opacity :1;
	position : absolute;
}

.form_background {
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-width : 0px;
    border-style : 0 none;
    position : absolute;
}

.formboxshdow {
	-webkit-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7);
	-moz-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7);
	-o-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7);
	-ms-box-shadow : 0 0 15px rgba(40, 40, 40, 0.7);
	box-shadow : 0 0 15px rgba(40, 40, 40, 0.7);
}

.formtitlebox {
	border-width : 0px;
	-moz-border-radius : 5px 5px 0px 0px;
    -webkit-border-radius : 5px 5px 0px 0px;
    border-radius : 5px 5px 0px 0px;
	vertical-align : middle;
	position : absolute;
	text-shadow : 1px 1px #000000
}

.formcontentbox {
	position : absolute;
}