.version{version:2017032001}
html{width:100%;height:100%;position:fixed}
body{width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}
.tmpContainer{position:absolute;width:100%;height:100%;top:0;left:0;display:block;overflow:hidden}
.bookContainer{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;display:block;overflow:hidden}

p{margin:0;padding:0}
input{outline:none}
textarea{outline:none}
ul,ol{list-style:none}
h1,h1,h2,h3,h4,h5,h6{font-weight:400}
i,u{font-style:normal;text-decoration:none}
.book{
position :absolute;
z-index :2;
cursor :default;
}
.mask{
 cursor :default;
 position :absolute;
 right:50%;
 left:auto;
 
 
 transform-origin :100% 50%;
 -webkit-transform-origin :100% 50%;
 -moz-transform-origin :100% 50%;
 -ms-transform-origin :100% 50%;
 
 overflow:hidden;
 
 -webkit-backface-visibility :hidden;
 -moz-backface-visibility :hidden;
 -ms-backface-visibility :hidden;
 backface-visibility :hidden;
}
.single-book-mask{
 cursor :default;
 position :absolute;
 right:100%;
 left:auto;
 
 
 transform-origin :100% 50%;
 -webkit-transform-origin :100% 50%;
 -moz-transform-origin :100% 50%;
 -ms-transform-origin :100% 50%;
 
 overflow:hidden;
 
 -webkit-backface-visibility :hidden;
 -moz-backface-visibility :hidden;
 -ms-backface-visibility :hidden;
 backface-visibility :hidden;
}
.single-book-right-mask{
 cursor :default;
 position :absolute;
 right:0;
 left:auto;
 
 
 transform-origin :100% 50%;
 -webkit-transform-origin :100% 50%;
 -moz-transform-origin :100% 50%;
 -ms-transform-origin :100% 50%;
 
 overflow:hidden;
 
 -webkit-backface-visibility :hidden;
 -moz-backface-visibility :hidden;
 -ms-backface-visibility :hidden;
 backface-visibility :hidden;
}
.right-single-mask-side{
cursor :default;
position:absolute;

left:0;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}
.left-single-mask-side{
cursor :default;
position:absolute;

right:0;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}
.right-mask-side{
cursor :default;
position:absolute;

left:50%;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}
.left-mask-side{
cursor :default;
position:absolute;

right:50%;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}
.right-flip-side{
cursor :default;
position:absolute;

right:0;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}
.right-side{
cursor :default;
position:absolute;

right:0;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}
.left-side{
cursor :default;
position:absolute;

left:0;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}
.right-mask-side .right-side{
left:0;
}
.left-mask-side .left-side{
right:0;
left:auto;
}
.right-single-mask-side .right-side{
left:0;
}
.left-single-mask-side .left-side{
right:0;
left:auto;
}

.center-side{
cursor :default;
position:absolute;

left:0;
right:0;
margin:auto;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}

.flip-side{
cursor :default;
position:absolute;

left:100%;
overflow:hidden;
background-repeat:no-repeat;
background-position:center;
}

.flip-hard-left-side{
cursor :default;
position:absolute;
background-color:white;
overflow:hidden;
left:auto;
right:auto;
background-repeat:no-repeat;
background-position:center;
-webkit-perspective-origin :right center;
-moz-perspective-origin :right center;
-ms-perspective-origin :right center;
perspective-origin :right center;
-webkit-transform-style :preserve-3d;
-moz-transform-style :preserve-3d;
-ms-transform-style :preserve-3d;
transform-style :preserve-3d;
transform-origin :100% 50%;
-webkit-transform-origin :100% 50%;
-moz-transform-origin :100% 50%;
-ms-transform-origin :100% 50%;
}

.flip-hard-right-side{
cursor :default;
position:absolute;
background-color:white;
overflow:hidden;
right:0px;
left:auto;
background-repeat:no-repeat;
background-position:center;
-webkit-perspective-origin :left center;
-moz-perspective-origin :left center;
-ms-perspective-origin :left center;
perspective-origin :left center;
-webkit-transform-style :preserve-3d;
-moz-transform-style :preserve-3d;
-ms-transform-style :preserve-3d;
transform-style :preserve-3d;
transform-origin :0% 50%;
-webkit-transform-origin :0% 50%;
-moz-transform-origin :0% 50%;
-ms-transform-origin :0% 50%;
}

.side-content{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}

.attachments-content{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:4;
}

.side-highlight{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
opacity:.8;
z-index:1;
}

.bookShadow{
position:absolute;
top:0px;
-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);
}

@media all and (max-width:400px){
 .bookShadow{
position:absolute;
top:0px;
-webkit-box-shadow :0 0 5px rgba(40,40,40,0.7);
-moz-box-shadow :0 0 5px rgba(40,40,40,0.7);
-o-box-shadow :0 0 5px rgba(40,40,40,0.7);
-ms-box-shadow :0 0 5px rgba(40,40,40,0.7);
box-shadow :0 0 5px rgba(40,40,40,0.7);
}
}

@media all and (max-height:400px){
 .bookShadow{
position:absolute;
top:0px;
-webkit-box-shadow :0 0 5px rgba(40,40,40,0.7);
-moz-box-shadow :0 0 5px rgba(40,40,40,0.7);
-o-box-shadow :0 0 5px rgba(40,40,40,0.7);
-ms-box-shadow :0 0 5px rgba(40,40,40,0.7);
box-shadow :0 0 5px rgba(40,40,40,0.7);
}
}

.singleWidth{
 width :50%;
 height :100%;
}

.doubleWidth{
width :100%;
height :100%;
}

.zoomBook{
 position:absolute;
}

.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;
 
}


.sideContent{
 position:absolute;

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

.boxShadow{
 -webkit-box-shadow :0 0 10px rgba(40,40,40,0.4);
 -moz-box-shadow :0 0 10px rgba(40,40,40,0.4);
 -ms-box-shadow :0 0 10px rgba(40,40,40,0.4);
 box-shadow :0 0 10px rgba(40,40,40,0.4);
}

.miniFullscreen{
z-index:1000;
height:30px;
line-height :30px;
background:#333;
border-radius:5px;
left :50%;
transform:translate(-50%,0);
position :absolute;
color :#fff;
vertical-align :middle;
text-align :center;
cursor :pointer;
font-family :"Tahoma","sans-serif","Arial";
font-size:12px;
padding :3px 7px;
opacity :.5;
white-space :nowrap;
}

.miniFullscreen:hover{
opacity:.7;
}


.sideBackground{
 position:inherit;
 top:0px;
 left:0px;
 width:320px;
 height:460px;

}

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



.catalogLeftShadow{
 position:absolute;
 top:0px;
 right:0px;
 height:100%;
 z-index:5;
 pointer-events:none;

 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%);

 

}

.catalogRightShadow{
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 z-index:5;
 pointer-events:none;

 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');

}


.catalog_simple_bar{
position:absolute;
height:38px;
top:5px;
left:0;
right:0;
margin:auto;
border-radius :3px;
z-index :1000;
background :#f6f6f6;
-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);
}
.catalog_simple_bar .button{position:absolute;cursor:pointer;top:0;width:38px;height:38px}
.catalog_simple_bar .button div{margin-left:1px;margin-top:1px;width:35px;height:35px}
.catalog_simple_bar .page_num{position:absolute;font-size:16px;color:#bababa;height:38px;line-height:38px;vertical-align:middle;text-align:center;font-family:arial,tahoma,sans-serif}
.catalog_logo{position:absolute;cursor:pointer;z-index:95}


.leftShadow{
 position:absolute;
 top:0px;
 right:0px;
 height:100%;
 z-index:5;
 pointer-events:none;

 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#553f3f3f',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)));
}


.rightShadow{
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 z-index:5;
 pointer-events:none;

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

 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#00C8C8C8',StartColorStr='#CC5D5D5D');

}

.leftCoverShadow{
 position:absolute;
 top:0px;
 right:0px;
 height:100%;
 width:4px

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

 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC5D5D5D',EndColorStr='#00C8C8C8');

}

.rightCoverShadow{
 position:absolute;
 top:0px;
 left:0px;
 height:100%;
 width :4px;

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

 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC5D5D5D',EndColorStr='#00C8C8C8');

}

.flip-shadowB{
background-image :-webkit-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));
background-image :-moz-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));
background-image :-o-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));
background-image :-ms-linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));
background-image :linear-gradient(left,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#223f3f3f',StartColorStr='#aa7b7b7b');



overflow :hidden;
width :100px;
opacity :1;
z-index :20;
position :absolute;
visibility :hidden;
transform-origin :0% 50%;
-webkit-transform-origin :0% 50%;
-moz-transform-origin :0% 50%;
-ms-transform-origin :0% 50%;
}

.flip-shadowA{
background-image :-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
background-image :-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
background-image :-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
background-image :-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
background-image :linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));



overflow :hidden;
opacity :1;
position :absolute;
transform-origin :100% 50%;
-webkit-transform-origin :100% 50%;
-moz-transform-origin :100% 50%;
-ms-transform-origin :100% 50%;
}

.flip-topshadow{
background-image :-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,1),rgba(0,0,0,0));
background-image :-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,1),rgba(0,0,0,0));
background-image :-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,1),rgba(0,0,0,0));
background-image :-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,1),rgba(0,0,0,0));
background-image :linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.5),rgba(0,0,0,1),rgba(0,0,0,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#993f3f3f',StartColorStr='#557b7b7b');


width :100px;
overflow :hidden;
visibility :hidden;
z-index :20;
position :absolute;
}

.emboss-left{
background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1));
pointer-events:none;
}
.emboss-right{
background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:-ms-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
pointer-events:none;
}

.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');
 
 width :50%;
 height :100%;
 
 z-index :1000;
 position:absolute;
 left :-35%;
 top :-30%;
 pointer-events:none;
 
 -webkit-transform :rotate(30deg);
 -moz-transform :rotate(30deg);
 -ms-transform :rotate(30deg);
 -o-transform :rotate(30deg);
 transform :rotate(30deg);
}

.grayShadow{
width:100%;
height:100%;
position:absolute;
z-index:10000;
overflow:hidden;
display:none;
pointer-events:none;
}


.leftPaperCoil{
 position:absolute;
 right:0px;
 
 width:20px;
 height:100%;
 background-image:url(icon/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;
 
 width:21px;
 height:100%;
 background-image:url(icon/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);
}


.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;
}


.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;
}


.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;
}


.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;
}




.shadowMask{
 position:inherit;
 top:0px;
 left:0px;
 width:320px;
 height:460px;
 overflow:hidden;

}


.sidePosition{
 position:absolute;
 top:0px;
 left:0px;
 width:320px;
 height:460px;

}



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

.loadingImage{
position:absolute;
margin:auto;
left:0px;
right:0px;
top:0px;
bottom:0px;
width:24px;
height:24px;
}

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

.shareBar{
 position:absolute;
 width:135px;
 height:220px;
 background-color:#888;
 opacity:.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;
 
}

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

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

.bubble{
 
 display:inline-block;

 
 width:100px;
 height:100px;

 
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;

 border:5px solid #ffb000;

 

 
 -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:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 filter:gray;
 -webkit-filter:grayscale(100%);
}


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

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


.bubble:hover{
 border-width:2px;

 
 -webkit-transition-duration:1s;
 -moz-transition-duration:1s;
 -ms-transition-duration:1s;
 -o-transition-duration:1s;
 transition-duration:1s;
}

.star{
 -webkit-mask:url(../style/icon/star_mask.png) no-repeat center center;
 -ms-mask:url(../style/icon/star_mask.png) no-repeat center center;
 -o-mask:url(../style/icon/star_mask.png) no-repeat center center;
 -moz-mask:url(../style/icon/star_mask.png) no-repeat center center;
}

.heart{
 -webkit-mask:url(../style/icon/heart_mask.png) no-repeat center center;
 -ms-mask:url(../style/icon/heart_mask.png) no-repeat center center;
 -o-mask:url(../style/icon/heart_mask.png) no-repeat center center;
 -moz-mask:url(../style/icon/heart_mask.png) no-repeat center center;
}
.rect{
 -webkit-mask:url(../style/icon/rect_mask.png) no-repeat center center;
 -ms-mask:url(../style/icon/rect_mask.png) no-repeat center center;
 -o-mask:url(../style/icon/rect_mask.png) no-repeat center center;
 -moz-mask:url(../style/icon/rect_mask.png) no-repeat center center;
}

.type3{
 -webkit-mask:url(../style/icon/centerblur.png) no-repeat center center;
 -ms-mask:url(../style/icon/centerblur.png) no-repeat center center;
 -o-mask:url(../style/icon/centerblur.png) no-repeat center center;
 -moz-mask:url(../style/icon/centerblur.png) no-repeat center center;
}

.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:#000;
 opacity:.6;
 height:120px;
 z-index:98;
}

.printBG p{padding:18px 0 0 0}

.printBG{
 position:absolute;
 bottom:1px;
 left:0px;
 right:0px;
 height:105px;
 overflow:hidden;
 opacity:.9;
 
 border-radius:5px;
 z-index:102;
}

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

.printBox{
 position:absolute;
 
 
 
 
 
 
}

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

.printBox label{
 display:inline-block;
 
 
 font-family:Arial;
 font-size:10px;
}

.printBox input[type="radio"]:checked + label{
 
}

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-color :rgba(40,40,40,1);
 
 

 box-shadow:1px 1px 2px rgba(96,96,96,0.5);
 -o-box-shadow:1px 1px 2px rgba(96,96,96,0.5);
 -moz-box-shadow:1px 2px 2px rgba(96,96,96,0.5);
 -webkit-box-shadow:1px 1px 2px rgba(96,96,96,0.5);
 -ms-box-shadow:1px 1px 2px rgba(96,96,96,0.5);

}

.hintBackground{
 background-color:#CECECE;
 color :#FCFCFC;
 border-color :#FCFCFC;
 border-radius :3px 3px 3px 3px;
 position:absolute;
 max-width:120px;
 max-height:30px;
 text-align:center;
 z-index:101;
 padding-left :5px;
 padding-right :5px;
 padding-bottom :5px;
 padding-top :5px;
}


.overOption{
 background:#c8c8c8;
 color:#fff;
 cursor:pointer;
}

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



.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{
 
 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;

 
 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:#333;
 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 :.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;

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:#000;
 opacity:.5;
}

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

.flipHTML5PhotoGallery-prevBtn,.flipHTML5PhotoGallery-nextBtn{
 position:absolute;
 width:32px;
 height:32px;
 top:50%;
 margin-top:-16px;
 cursor:pointer;

 background-color:#fff;
 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:#000;
 font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
 color:#fff;
 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:#000 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:#000;
 opacity:.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:#000;
}

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

.flipHTML5VideoGallery-eachVideo{
 background:-webkit-linear-gradient(top,#F0F0F0,#D6D6D6);
 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 #000;
}

.flipHTML5VideoGallery-eachVideo:hover{
 background:#949494;
}

.flipHTML5VideoGallery-eachVideoDes{
 position:absolute;
 padding:6px 8px 0px 8px;
 width:224px;
 height:5em;
 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:#fff;
 vertical-align:middle;
 line-height:30px;
 font-weight:bold;
}

.flipHTML5VideoGallery-closeTitle,.flipHTML5PhotoGallery-closeTitle{
 position:absolute;
 background-color:#000;
 color:#fff;
 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(icon/progress.gif);
 background-position:center center;
 background-repeat:no-repeat no-repeat;
 background-repeat:no-repeat;
}.noteCookie-note,.flipHTML5Signature,.flipHTML5BookMark{
 margin-left:-200px;
 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:#fff;
 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:#fff;
 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;
 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:#fff;
 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:#000;
 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 #fff,0px 0px 3px #fff,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:#000;
 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:#adb499;
 color:#000;
 -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 #3d3d3d;
 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:#3d3d3d;
 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 #969595;
}

.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:#4d4d4d;
 box-shadow:inset 0 1px 2px rgba(255,255,255,0.61);
}

.flipHtml5AnnotationClickButton:hover,.flipHtml5AnnotationActiveButton:hover{
 background-color:#7d7d7d;
}

.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 #585858;
 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:#fff;
 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:#afaeae;
 top:-6PX;
 box-shadow:inset 0 1px 1px white;
}

.flipHtml5AnnotationOpacityCursor:hover{
 outline:1px solid #17d3d3;
}

.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 #068eb9;
}

.flipHtml5AnnotationImage-delete{
 background-image:url(icon/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:#4d4d4d;
 color:white;
 border-color:black;
 box-shadow:inset 0 1px 6px #272727;
 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%,#3d3d3d),color-stop(100%,#3d3d3d));
 background:-webkit-linear-gradient(top,#141414,#3d3d3d);
 background:-moz-linear-gradient(top,#141414,#3d3d3d);
 background:-o-linear-gradient(top,#141414,#3d3d3d);
 background:linear-gradient(top,#141414,#3d3d3d);
 background-color:#3d3d3d;
 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%,#000),color-stop(100%,#6D706D));
 background:-webkit-linear-gradient(top,#000,#6D706D);
 background:-moz-linear-gradient(top,#000,#6D706D);
 background:-o-linear-gradient(top,#000,#6D706D);
 background:linear-gradient(top,#000,#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 #000;
}

.flipHTML5Signature-titleClose:hover,.flipHTML5VideoGallery-close:hover{
 box-shadow:0px 0px 0px #000;
}

.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 #2f2f2f;
 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 #CCC;
 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 #000;
}

.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:#fff;
 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 #ccc;
 background-color:#FAFAFA;
 box-shadow:0px 0px 1px #584F4F;
 cursor:pointer;
 text-align:center;
 font-family:Mistral;
 color:#000;
 font-size:13px;
 vertical-align:bottom;
 line-height:70px;
 box-shadow:#a6a6a6 1px 1px 0px inset,#f6f6f6 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:#fff;
 border:1px solid #ccc;
 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:#a6a6a6 1px 1px 0px inset,#f6f6f6 1px 1px 0px;
}

.flipHTML5Signature-drawTypeMid-redo,.flipHTML5Signature-drawTypeMid-undo,.flipHTML5Signature-drawTypeMid-clearAll{
 position:absolute;
 width:44px;
 height:22px;
 border:1px solid #ccc;
 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 #ffad00;
 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 #ffad00;
 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 #3d3d3d;
 position:absolute;
}

.flipHtml5SizePoint{
 background-color:#3d3d3d;
 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 #969595;
}

.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;
}











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

.flipHtml5RemarkButton:hover{
 background-color:#7d7d7d;
}

.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 #585858;
 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:#fff;
 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:#afaeae;
 top:-6PX;
 box-shadow:inset 0 1px 1px white;
}

.flipHtml5RemarkOpacityCursor:hover{
 outline:1px solid #17d3d3;
}

.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 #068eb9;
}

.flipHtml5RemarkImage-bold{
 background-image:url(icon/bold.png);
}

.flipHtml5RemarkImage-strikeThrough{
 background-image:url(icon/strikethrough.png);
}

.flipHtml5RemarkImage-undo{
 background-image:url(icon/undo.png);
}

.flipHtml5RemarkImage-delete{
 background-image:url(icon/delete.png);
}

.flipHtml5RemarkImage-forecolor{
 background:url(icon/fontcolor.png) 0 2px;
}

.flipHtml5RemarkImage-redo{
 background-image:url(icon/redo.png);
}

.flipHtml5RemarkImage-removeFormat{
 background-image:url(icon/clear.png);
}

.flipHtml5RemarkImage-italic{
 background-image:url(icon/italic.png);
}

.flipHtml5RemarkImage-underline{
 background-image:url(icon/underline.png);
}

.flipHtml5RemarkImage-justifyLeft{
 background-image:url(icon/justyleft.png);
}

.flipHtml5RemarkImage-justifyCenter{
 background-image:url(icon/justycenter.png);
}

.flipHtml5RemarkImage-justifyRight{
 background-image:url(icon/justyright.png);
}

.flipHtml5RemarkImage-insertOrderedList{
 background-image:url(icon/orderlist.png);
}

.flipHtml5RemarkImage-insertUnorderedList{
 background-image:url(icon/unorderlist.png);
}

.flipHtml5RemarkImage-blockquote{
 background-image:url(icon/blockquote.png);
}

.flipHtml5RemarkImage-outdent{
 background-image:url(icon/oudent.png);
}

.flipHtml5RemarkImage-indent{
 background-image:url(icon/indent.png);
}

.flipHtml5RemarkImage-createLink{
 background-image:url(icon/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:#474747;
 color:white;
 border-color:black;
 box-shadow:inset 0 1px 6px #272727;
 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;
 
 
 border:1px dashed #3d3d3d;
 position:absolute;
}

.flipHTML5ZoomFrame .flipHTML5Point{
 background-color:#0202FF;
 
 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%,#3d3d3d),color-stop(100%,#3d3d3d));
 background:-webkit-linear-gradient(top,#141414,#3d3d3d);
 background:-moz-linear-gradient(top,#141414,#3d3d3d);
 background:-o-linear-gradient(top,#141414,#3d3d3d);
 background:linear-gradient(top,#141414,#3d3d3d);
 background-color:#3d3d3d;
 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%,#000),color-stop(100%,#6D706D));
 background:-webkit-linear-gradient(top,#000,#6D706D);
 background:-moz-linear-gradient(top,#000,#6D706D);
 background:-o-linear-gradient(top,#000,#6D706D);
 background:linear-gradient(top,#000,#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);
}

.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 :#FFF;
}

.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{

position :absolute;
bottom :1px;
background :#fff;
}

.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 :#FFF;
font-size :80%;
padding :4px 12px;
opacity :.4;
background-color :#000;
display :none;
margin :0px auto;
top :0px;
border-radius :10px;
white-space:nowrap;
}

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

.flipShotBackground{
position :absolute;
background :#000;
width :100%;
height :100%;
opacity :.6;
}

.flipShotObj{
position:absolute;
top:0;
z-index :11;
}

.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;



opacity :.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:absolute;
top:0;
left:50%;
margin:0px auto;
padding:5px;
border-radius:0px 0px 5px 5px;
opacity:.7;
}

.slideToolbar:hover{
opacity :1;
}

.slideToolbar img{
width :32px;
margin :0 5px;
cursor :pointer;
}

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

.passwardPannel{
position:absolute;
z-index:991;
background:#fff;
width:90%;
left:0px;
right:0px;
top:0px;
bottom:0px;
height:330px;
margin:auto;
max-width:400px;
border-radius:5px;
line-height:50px;
vertical-align:middle;
text-align:center;
font-family:"Arial Black";
font-size:20px;
}
.passwardPannel .icon div{width:100%;height:100%}
.passwardPannel .icon{width:100px;height:100px;left:50%;position:relative;margin:10px 0px 10px -50px}
.passwardPannel input{width:82%;height:50px;border-radius:5px;margin-bottom:10px;border-width:0px;background:#EBEBEB;padding:0px 3%;color:#9FA0A3}
.passwardPannel p{margin:0px 6% 10px 6%;width:88%;height:50px;border-radius:5px;background:#189BED;color:#fff;cursor:pointer}
.passwardPannel .cancleIn{background:#F4F1F1;border:1px solid #E5E1E1;color:#B6B5B5}
.passwardPannel .passwardResult{color:#f00;position:absolute;bottom:-8px;margin-left:6%;left:0px;font-size:10px}

.passwardPannel .prompt{background:rgba(0,0,0,0.8);position:absolute;padding:10px;color:#fff;font-size:15px;display:none;z-index:5;width:170px;border-radius:5px;max-height:310px;overflow-y:auto;line-height:20px}
.passwardPannel .prompt u{color:#fff;text-decoration:underline}
.passwardPannel .arrow{border-width:6px 8px 6px 8px;border-style:solid;border-color:transparent rgba(0,0,0,0.5) transparent transparent;position:absolute;left:370px;top:45%;margin-top:-6px}

.passwardPannel-background{position:absolute;z-index:990;background:rgba(0,0,0,0.5);width:100%;height:100%}

.phoneSharePanel{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.phoneSharePanel .item{padding:10px;border-bottom:1px solid #474747;vertical-align:middle;color:#fff;line-height:50px;height:50px;font-weight:bold}
.phoneSharePanel .item .logo{width:50px;height:50px;display:inline-block;float:left}
.phoneSharePanel .item .logo div{width:50px;height:50px}
.phoneSharePanel .item span{margin-left:20px;float:left}
.sharePanel .item{width:30px;height:30px;margin:10px 0 10px 10px;display:inline-block}
.sharePanel .item .logo{width:30px;height:auto}

.ad-box-container{position:absolute;z-index:2000;bottom:25px;left:0;right:0;margin:0 auto;width:100%;display:none}
.ad-box-container .ad-box-image{width:100%;cursor:pointer;float:left}
.ad-box-container .ad-box-cancel{position:absolute;z-index:2;right:0;top:0;cursor:pointer}
.phoneBookmark .scrollBox{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.phoneBookmark .item{position:relative;width:100%;height:100px;line-height:100px;vertical-align:middle;font-size:15px;color:#aaa;cursor:pointer}
.phoneBookmark .item span{margin:0 10px;float:left;display:inline-block;width:20px}
.phoneBookmark .item img{height:76px;float:left;margin:12px 0}
.phoneBookmark .item .close{position:absolute;cursor:pointer;top:30px;right:10px;width:41px;height:41px;background-position:-402px -429px;background-image:url(phoneIcon/phone_icon.png);background-repeat:no-repeat}
.phoneBookmark .item .close:hover{background-position:-462px -429px}

.miniLogo{width:100px;right:0;bottom:0;opacity:.5;position:absolute;cursor:pointer;z-index:100}
.miniLogo:hover{opacity:1}
.miniTitle{
z-index:1000;
height:30px;
line-height :30px;
background :rgba(51,51,51,0.5);
border-radius:5px;
left :50%;
top:0;
bottom:0;
transform:translate(-50%,0);
position :absolute;
color :#fff;
vertical-align :middle;
text-align :center;
cursor :pointer;
font-family :"Tahoma","sans-serif","Arial";
font-size:12px;
padding :3px 7px;
margin :auto;
white-space :nowrap;
}

.hardCover{position:absolute;z-index:-1}
.hardSide{position:absolute}
.hardSide .pageSide{overflow:hidden;position:absolute}
.bookSpine{position:absolute;left:50%;overflow:hidden}
.bookSpine .left_shadow{position:absolute;left:0;top:0;height:100%;width:0}
.bookSpine .right_shadow{position:absolute;right:0;top:0;height:100%;width:0}
.bookSpine .shadow{
-webkit-box-shadow :0 0 10px 3px #252929;
-moz-box-shadow :0 0 10px 3px #252929;
-ms-box-shadow :0 0 10px 3px #252929;
box-shadow :0 0 10px 3px #252929;
}
.top_spine{position:absolute;top:0;left:50%}
.botoom_spine{position:absolute;bottom:0;left:50%}

.SlideBook{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.SlideBook .slide_side{width:100%;height:100%;position:absolute}
.SlideBook .slide_pages{position:absolute}

.shoppingCount{position:absolute;top:5px;left:38px;font-size:15px;font-weight:bold;color:#fff}

.menu{position:absolute;width:100%;height:170px;overflow:hidden;z-index:5;bottom:-170px}
.dockMenuContent{position:absolute;bottom:30px;height:140px;left:25px;z-index:1}
.thumbnailItemContent{position:absolute;bottom:0px;width:100%;height:30px;text-align:center;line-height:30px;z-index:2;display:inline-block}
.thumbnailItem{position:relative;width:40px;height:20px;display:inline-block;margin-left:4px;cursor:pointer;margin-top:5px}
.thumbnailRect{position:absolute;top:7px;width:40px;height:5px;border-radius:3px;background:#505a60}
.dockButton{width:30px;height:60px;margin-left:10px;bottom:1px}
.dockButton div{width:100%;height:100%;background:#333;opacity:.5}
.dockButton img{left:0;right:0;bottom:0;top:0;margin:auto;position:absolute}

.tipsBox{padding:10px 6px;background-color:#333;opacity:.5;display:none;width:190px;left:0;right:0;top:100px;margin:auto;z-index:110;position:absolute;font-size:15px;color:#f0f0f0;vertical-align:middle;text-align:center}
.tipsBoxShadow{-webkit-box-shadow:0 0 15px rgba(40,40,40,0.6);-moz-box-shadow:0 0 15px rgba(40,40,40,0.6);-ms-box-shadow:0 0 15px rgba(40,40,40,0.6);-o-box-shadow:0 0 15px rgba(40,40,40,0.6);box-shadow:0 0 15px rgba(40,40,40,0.6)}
.tipsBoxRadius{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}

.thumbnail_map{
position:absolute;
z-index:202;
display:none;
border:5px solid #fff;
-webkit-box-shadow:0px 0px 5px gray;
-moz-box-shadow:0px 0px 5px gray;
-o-box-shadow:0px 0px 5px gray;
-ms-box-shadow:0px 0px 5px gray;
box-shadow:0px 0px 5px gray;
background-color:white;
}
.map_img_left{
top:0;
left:0;
height:98px;
position:absolute;
border-left:1px solid gray;
border-top:1px solid gray;
border-bottom:1px solid gray;
}
.map_img_right{
top:0;
right:0;
height:98px;
position:absolute;
border-right :1px solid gray;
border-top :1px solid gray;
border-bottom :1px solid gray;
}
.map_cursor{position:absolute;border:2px solid green;background-color:RGBA(250,240,185,0.5)}


.text_bubble{
position:absolute;
z-index:10000;
display:none;
}

.text_bubble_content{
position:relative;
border-radius:3px;
}

.text_bubble_text{
font-family :"Tahoma","sans-serif","Arial";
font-size :12px;
font-weight :100;
}

.text_bubble_arrow{
position:absolute;
width:0px;
height:0px;
font-size:0px;
overflow:hidden;
}

.left_bookmark_bar{
position :absolute;
overflow :hidden;
z-index :1;
height :65px;
top:-65px;
}

.left_bookmark_bar.vertical{
-webkit-transform-origin :100% 100%;
-moz-transform-origin :100% 100%;
-ms-transform-origin :100% 100%;
-o-transform-origin :100% 100%;
transform-origin :100% 100%;

-webkit-transform :rotate(-90deg);
-moz-transform :rotate(-90deg);
-ms-transform :rotate(-90deg);
-o-transform :rotate(-90deg);
transform :rotate(-90deg);
}

.right_bookmark_bar{
 position :absolute;
 overflow :hidden;
 z-index :1;
height :65px;
top:-65px;
}

.right_bookmark_bar.vertical{
-webkit-transform-origin :0% 100%;
-moz-transform-origin :0% 100%;
-ms-transform-origin :0% 100%;
-o-transform-origin :0% 100%;
transform-origin :0% 100%;

-webkit-transform :rotate(90deg);
-moz-transform :rotate(90deg);
-ms-transform :rotate(90deg);
-o-transform :rotate(90deg);
transform :rotate(90deg);
}

.bookmark_item{
position :absolute;
top :40px;
width :100px;
height :50px;
padding :5px;
cursor :pointer;
border-radius :3px 3px 0px 0px;

-webkit-box-shadow:1px 0px 3px 0px rgba(51,51,51,0.7);
-moz-box-shadow:1px 0px 3px 0px rgba(51,51,51,0.7);
-ms-box-shadow:1px 0px 3px 0px rgba(51,51,51,0.7);
-o-box-shadow:1px 0px 3px 0px rgba(51,51,51,0.7);
box-shadow:1px 0px 3px 0px rgba(51,51,51,0.7);
}

.bookmark_caption{
font-family :"Tahoma","sans-serif","Arial";
font-size :12px;
text-align :center;
color :#EEE;
width :100%;
}

.loader{
box-sizing:border-box;
display:flex;
flex:0 1 auto;
flex-direction:column;
flex-grow:1;
flex-shrink:0;
flex-basis:25%;
max-width:25%;
height:200px;
align-items:center;
justify-content:center;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
position:absolute;
}

@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
.ball-pulse-sync > div:nth-child(0){
-webkit-animation:ball-pulse-sync 0.6s 0s infinite ease-in-out;
animation:ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(1){
-webkit-animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
animation:ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(2){
-webkit-animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
animation:ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(3){
-webkit-animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
animation:ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
}
.ball-pulse-sync > div{
background-color:rgba(51,51,51,0.8);
width:10px;
height:10px;
border-radius:100%;
margin:2px;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
display:inline-block;
}

.bookInstructions.icon_show{
 position:absolute;
 text-align:center;
 left:9px;
 top:9px;
 font-size:33px;
 width:33px;
 height:33px;
 line-height:33px;
 border-radius:50%;
 color:#fff;
 background:#00daff;
}
.bookInstructions.helpBody{
 background:#fff;
 text-align:center;
 position:absolute;
 overflow:hidden;
 box-sizing:border-box;
 width:100%;
 height:100%;
 z-index:1000;

}
.bookInstructions.hide{
 visibility:hidden;
}
.bookInstructions.show{
 visibility:visible;
}
.bookInstructions .swiper{
 position:relative;
 width:500%;
 height:100%;
 transform-style:preserve-3d;
 font-size:0;
 perspective:0;
 -webkit-perspective:0px;
 -o-perspective:0px;
 -moz-perspective:0px;
 -ms-perspective:0px;
}
.bookInstructions .helpImgs{
 position:relative;
 z-index:100;
 width:100%;
 height:100%;
 font-size:0;
}
.bookInstructions .helpPage{
 position:relative;
 width:20%;
 height:100%;
 display:inline-block;
}

.bookInstructions .helpPageImg{
 width:100%;
 position:absolute;
 top:10%;
 margin-top:10px;
 height:60%;
}
.bookInstructions .icon_drop img{
 width:100%;
 height:100%;
}
@media (max-width:720px){
 .bookInstructions .helpTitle{
 margin:0;padding:0;
 font-family:"HelveticaNeue-CondensedBold,sans-serif";
 font-weight:normal;
 position:relative;
 left:0;
 width:100%;
 font-size:26px;
 line-height:26px;
 top:5%;
 color:#58A3EB;
 }
 .bookInstructions .helpBottomText{
 font-family:"HelveticaNeue-CondensedBold,sans-serif";
 margin:0;padding:0;
 font-size:20px;
 line-height:20px;
 position:absolute;
 bottom:15%;
 left:10%;
 width:80%;
 color:#58A3EB;
 }
 .bookInstructions .helpBullet{
 padding:0;
 margin:10px 0;
 list-style:none;
 position:absolute;
 bottom:3%;
 width:100%;
 height:28px;
 z-index:100;

 }
 .bookInstructions .helpBullet>li{
 display:inline-block;
 cursor:pointer;
 border-radius:50%;
 margin:0 10px;
 width:14px;
 height:14px;
 background:#aaa;
 opacity:.5;
 -webkit-user-drag:none;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 touch-action:none;
 }
 .bookInstructions .helpBullet>li.icon_active{
 background:#81D3FB;
 opacity:1;
 }
 .bookInstructions .icon_drop{
 width:30px;
 height:30px;
 font-size:22px;
 cursor:pointer;
 position:absolute;
 border-radius:50%;
 line-height:30px;
 color:#fff;
 right:9px;
 top:9px;
 background:#7FCEFF;
 z-index:100;
 }
}
@media (min-width:720px ){
 .bookInstructions .helpTitle{
 margin:0;padding:0;
 font-weight:normal;
 font-family:"HelveticaNeue-CondensedBold,sans-serif";
 position:relative;
 left:0;
 width:100%;
 font-size:50px;
 line-height:50px;
 top:5%;
 color:#58A3EB;
 }

 .bookInstructions .helpBottomText{
 font-family:"HelveticaNeue-CondensedBold,sans-serif";
 font-size:40px;
 line-height:40px;
 position:absolute;
 bottom:15%;
 left:10%;
 width:80%;
 color:#58A3EB;
 }
 .bookInstructions .helpPageImg{
 width:100%;
 position:absolute;
 top:10%;
 margin-top:20px;
 height:60%;
 }
 .bookInstructions .helpBullet{
 list-style:none;
 padding:0;
 margin:15px 0;
 position:absolute;
 bottom:5%;
 width:100%;
 height:28px;
 z-index:100;
 }
 .bookInstructions .helpBullet>li{
 display:inline-block;
 cursor:pointer;
 border-radius:50%;
 margin:0 16px;
 width:20px;
 height:20px;
 background:#aaa;
 opacity:.5;
 -webkit-user-drag:none;
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 touch-action:none;
 }
 .bookInstructions .helpBullet>li.icon_active{
 background:#81D3FB;
 opacity:1;
 }
 .bookInstructions .icon_drop{
 width:44px;
 height:44px;
 font-size:44px;
 cursor:pointer;
 position:absolute;
 border-radius:50%;
 line-height:44px;
 right:18px;
 top:18px;
 color:#fff;
 background:#7FCEFF;
 z-index:100;
 }
 .bookInstructions .icon_show{
 width:33px;
 height:33px;
 font-size:33px;
 cursor:pointer;
 position:fixed;
 border-radius:50%;
 line-height:100%;
 left:18px;
 top:18px;
 color:#fff;
 background:#7FCEFF;
 z-index:100;
 }
}

.rtl{direction:rtl}

.book_style_choose_container{
width :100%;
height :100%;
}

.book_style_choose_container .book_style_box{
width :700px;
height :460px;
left :0;
right :0;
bottom :0;
top :0;
margin :auto;
position :absolute;
z-index :10;
color :#fff;
text-align :center;
 vertical-align :middle;
 white-space :nowrap;
 text-overflow :ellipsis;
 overflow :hidden;
text-shadow :0 0 10px #8c97cb,0 0 20px #8c97cb,0 0 30px #8c97cb;
}

.book_style_choose_container .book_style_box .title{
 position :absolute;
 height :50px;
 line-height :50px;
 width :100%;
 left :0;
 top :44px;
 font-size :30px;
}
.book_style_choose_container .book_style_box .description{
 position :absolute;
 height :50px;
 line-height :50px;
 width :100%;
 left :0;
 top :99px;
 font-size :20px;
}
.book_style_choose_container .book_style_box .flipModel{
position :absolute;
left :100px;
top :169px;
cursor :pointer;
}
.book_style_choose_container .book_style_box .slideModel{
position :absolute;
left :360px;
top :169px;
cursor :pointer;
}
.book_style_choose_container .book_style_box .flipModel:hover{border :2px solid #ff8040}
.book_style_choose_container .book_style_box .slideModel:hover{border :2px solid #ff8040}

.photogallery{position:absolute;display:none;z-index:1001;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;vertical-align:middle}
.photogallery .imgContainer{position:absolute;z-index:1;overflow:hidden;cursor:pointer;border:8px solid #fff;background:#fff}
.photogallery .photoBG{position:absolute;z-index:0;background:rgba(0,0,0,0.5);left:0;top:0;bottom:0;right:0}
.photogallery .close{position:absolute;right:0;top:0;z-index:1;cursor:pointer}
.photogallery .leftBtn{position:absolute;left:-32px;z-index:1;cursor:pointer}
.photogallery .rightBtn{position:absolute;right:-32px;z-index:1;cursor:pointer}
.photogallery .imgContainer>img{position:absolute;cursor:pointer}
.photogallery .thumbContainer{position:absolute;bottom:0;width:100%;height:60px;z-index:1}

.photogallery .thumbBG{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:block;
 -webkit-transition:all 0.3s;
 -o-transition:all 0.3s;
 -ms-transition:all 0.3s;
 -moz-transition:all 0.3s;
 transition:all 0.3s;
}
.photogallery .thumbBox{position:absolute;cursor:pointer;width:50px;height:46px;top:4px;border:2px solid #fff;
 -webkit-transition:all 0.3s ease-out;
 -o-transition:all 0.3s ease-out;
 -ms-transition:all 0.3s ease-out;
 -moz-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;
}
.photogallery .thumbBox img{position:absolute;cursor:pointer}
.photogallery .thumbBox:hover{border:2px solid #0f0;
 
 
 
 
 
}

.photogallery .thumbBox.focus{border:2px solid #f00}
.photogallery .thumbBox:hover .thumbBG{z-index:0}
.photogallery .thumbBox.focus .thumbBG{z-index:0}
.cover_shadow{
position :absolute;
left :0px;
top :0px;
width:100%;
height:100%;
pointer-events:none;
z-index:10;
}

.flip_x{
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
-ms-transform:scaleX(-1);
transform:scaleX(-1);
filter:FlipH;
}

.flip_y{
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
-ms-transform:scaleX(-1);
transform:scaleY(-1);
filter:FlipV;
}

.hard_top_border{
position :absolute;
left :0px;
top :0px;
height:3px;
width :100%;

background-image:linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
 background-image:-o-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
 background-image:-moz-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
 background-image:-webkit-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
 background-image:-ms-linear-gradient(top,rgba(240,240,200,0.6),rgba(240,240,200,0));
 
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8');
}

.hard_inner_left_border{
position :absolute;
z-index:1;
left :0px;
right :auto;
top :0px;
width:10px;
height:100%;

background-image :linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));
background-image :-o-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));
background-image :-moz-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));
background-image :-webkit-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));
background-image :-ms-linear-gradient(left,rgba(150,150,150,0.4),rgba(180,180,180,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66969696',EndColorStr='#00B4B4B4');
}

.hard_left_cover_border{
position :absolute;
z-index:0;
left :0px;
right :auto;
top :0px;
width:4px;
height:100%;

background-image:linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
 background-image:-o-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
 background-image:-moz-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
 background-image:-webkit-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
 background-image:-ms-linear-gradient(left,rgba(180,180,140,0.6),rgba(180,180,140,0));
 
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8');
}

.cover_shadow.flip_x .hard_right_border{
position :absolute;
left :auto;
right :0px;
top :1px;
width:3px;

background-image :linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));
background-image :-o-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));
background-image :-moz-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));
background-image :-webkit-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));
background-image :-ms-linear-gradient(right,rgba(220,220,180,0.6),rgba(220,220,180,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896');
}

.hard_right_border{
position :absolute;
left :auto;
right :0px;
top :1px;
width:3px;

background-image :linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-ms-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896');
}

.hard_bottom_border{
position :absolute;
left :12px;
top :auto;
bottom :0px;
height:3px;

background-image :linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image :-ms-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00F0F0C8',EndColorStr='#77C8C896');
}


.cover_shadow.stitch .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:.5%;
height:100%;

background-image :linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));
background-image :-o-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));
background-image :-moz-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));
background-image :-webkit-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));
background-image :-ms-linear-gradient(left,rgba(60,60,40,0.5),rgba(220,220,180,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC3C3C28',EndColorStr='#CCDCDCB4');
}



.cover_shadow.stitch .hard_left_body{
position :absolute;
left :2.5%;
top :0px;
width:1.5%;
height:100%;

background-image :linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);
background-image :-o-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);
background-image :-moz-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);
background-image :-webkit-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);
background-image :-ms-linear-gradient(left,rgba(225,225,225,0.1) 0%,rgba(225,225,225,0.4) 50%,rgba(40,40,20,0.4) 50%,rgba(40,40,20,0.1) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4');
}

.cover_shadow.stitch.flip_x .hard_left_body{
position :absolute;
left :2.5%;
top :0px;
width:1.5%;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);
background-image :-o-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);
background-image :-moz-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);
background-image :-ms-linear-gradient(left,rgba(40,40,20,0.1) 0%,rgba(40,40,20,0.4) 50%,rgba(225,225,225,0.4) 50%,rgba(225,225,225,0.1) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66DCDCB4',EndColorStr='#00DCDCB4');
}

.cover_shadow.stitch .hard_bottom_border_width{
left :.5%;
width :99%;
}

.cover_shadow.stitch .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:2px;
height:100%;

background-image :linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));
background-image :-o-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));
background-image :-moz-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));
background-image :-webkit-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));
background-image :-ms-linear-gradient(left,rgba(200,200,200,1),rgba(200,200,200,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FFC8C8C8',EndColorStr='#CCC8C8C8');
}

.cover_shadow.stitch .normal_left_body{
position :absolute;
left :3%;
top :0px;
width:3px;
height:100%;

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

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4');
}


.cover_shadow.side .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:1.2%;
height:100%;

background-image :linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4');
}

.cover_shadow.side .hard_left_body{
position :absolute;
left :2.5%;
top :0px;
width:1.5%;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);
background-image :-o-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);
background-image :-moz-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);
background-image :-ms-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.4) 35%,rgba(40,40,20,0) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815');
}

.cover_shadow.side.flip_x .hard_left_body{
position :absolute;
left :2.5%;
top :0px;
width:1.5%;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);
background-image :-o-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);
background-image :-moz-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);
background-image :-ms-linear-gradient(left,rgba(40,40,20,0) 0%,rgba(40,40,20,0.3) 35%,rgba(40,40,20,0) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815');
}

.cover_shadow.side .hard_bottom_border_width{
left :.4%;
width :99.6%;
}

.cover_shadow.side .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:1.2%;
height:100%;

background-image :linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC');
}

.cover_shadow.side .normal_left_body{
display :none;
}


.cover_shadow.press .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:2px;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0.8),rgba(240,240,200,0.8) );
background-image :-o-linear-gradient(left,rgba(40,40,20,0.8),rgba(240,240,200,0.8) );
background-image :-moz-linear-gradient(left,rgba(40,40,20,0.8),rgba(240,240,200,0.8) );
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0.8),rgba(240,240,200,0.8) );
background-image :-ms-linear-gradient(left,rgba(40,40,20,0.8),rgba(240,240,200,0.8) );

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC282815',EndColorStr='#CCF0F0C8');
}


.cover_shadow.press .hard_left_body{
position :absolute;
left :4%;
top :0px;
width:6px;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0.5),rgba(40,40,20,0));
background-image :-o-linear-gradient(left,rgba(40,40,20,0.5),rgba(40,40,20,0));
background-image :-moz-linear-gradient(left,rgba(40,40,20,0.5),rgba(40,40,20,0));
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0.5),rgba(40,40,20,0));
background-image :-ms-linear-gradient(left,rgba(40,40,20,0.5),rgba(40,40,20,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815');
}

.cover_shadow.press.flip_x .hard_left_body{
position :absolute;
left :4%;
top :0px;
width:6px;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0.3),rgba(40,40,20,0));
background-image :-o-linear-gradient(left,rgba(40,40,20,0.3),rgba(40,40,20,0));
background-image :-moz-linear-gradient(left,rgba(40,40,20,0.3),rgba(40,40,20,0));
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0.3),rgba(40,40,20,0));
background-image :-ms-linear-gradient(left,rgba(40,40,20,0.3),rgba(40,40,20,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#00282815');
}

.cover_shadow.press .hard_bottom_border_width{
left :4.5%;
width :95.5%;
}

.cover_shadow.press .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:2px;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));
background-image :-o-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));
background-image :-moz-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));
background-image :-ms-linear-gradient(left,rgba(40,40,20,0.8),rgba(220,220,180,0.8));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CC282815',EndColorStr='#CCF0F0C8');
}

.cover_shadow.press .normal_left_body{
position :absolute;
left :4%;
top :0px;
width:3px;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));
background-image :-o-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));
background-image :-moz-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));
background-image :-ms-linear-gradient(left,rgba(40,40,20,0.4),rgba(40,40,20,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66282815',EndColorStr='#00282815');
}

.cover_shadow.press.flip_x .normal_left_body{
position :absolute;
left :4%;
top :0px;
width:4px;
height:100%;

background-image :linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));
background-image :-o-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));
background-image :-moz-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));
background-image :-webkit-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));
background-image :-ms-linear-gradient(left,rgba(200,200,150,0.4),rgba(240,240,200,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66C8C896',EndColorStr='#00F0F0C8');
}


.cover_shadow.sewing .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:1.2%;
height:100%;

background-image :linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-o-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-moz-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-webkit-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-ms-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8');
}

.cover_shadow.sewing .hard_leftbody{
display:none;
}

.cover_shadow.sewing .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:1.2%;
height:100%;

background-image :linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-o-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-moz-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-webkit-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));
background-image :-ms-linear-gradient(left,rgba(220,220,220,0.5),rgba(220,220,220,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#ccF0F0C8');
}

.cover_shadow.sewing .normal_left_body{
display:none;
}

.cover_shadow.sewing .hard_bottom_border_width{
left :0%;
width :100%;
}



.cover_shadow.pit .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:6px;
height:100%;

background-image :linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));
background-image :-o-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));
background-image :-moz-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));
background-image :-webkit-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));
background-image :-ms-linear-gradient(left,rgba(40,40,20,0.5),rgba(240,240,200,0.5));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#77F0F0C8');
}

.cover_shadow.pit .hard_left_body{
position :absolute;
left :6px;
top :0px;
width:4%;
height:100%;

background-image :linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);
background-image :-o-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);
background-image :-moz-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);
background-image :-webkit-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);
background-image :-ms-linear-gradient(left,rgba(210,210,180,0.5) 0%,rgba(40,40,20,0.1) 40%,rgba(40,40,20,0.5) 80%,rgba(210,210,180,0.5) 80%,rgba(210,210,180,0) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8');
}

.cover_shadow.pit .hard_bottom_border_width{
left :4%;
width :96%;
}

.cover_shadow.pit .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:6px;
height:100%;

background-image :linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-webkit-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-o-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-moz-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-ms-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66F0F0C8',EndColorStr='#33F0F0C8');
}

.cover_shadow.pit .normal_left_body{
position :absolute;
left :5%;
top :0px;
width:6px;
height:100%;

background-image :linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-o-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-moz-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-webkit-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-ms-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8');
}

.cover_shadow.pit.flip_x .normal_left_body{
position :absolute;
left :5%;
top :0px;
width:6px;
height:100%;

background-image :linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-o-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-moz-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-webkit-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);
background-image :-ms-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.6) 50%,rgba(240,240,200,0.6) 50%,rgba(240,240,200,0.2) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77F0F0C8');
}


.cover_shadow.pit2 .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:1%;
height:100%;

background-image :linear-gradient(left,rgba(20,20,20,0.5),rgba(20,20,20,0));
background-image :-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(20,20,20,0));
background-image :-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(20,20,20,0));
background-image :-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(20,20,20,0));
background-image :-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(20,20,20,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77282815',EndColorStr='#77F0F0C8');
}

.cover_shadow.pit2 .hard_left_body{
position :absolute;
left :1.4%;
top :0px;
width:2%;
height:100%;

background-image :linear-gradient(left,rgba(210,210,180,0.1) 0%,rgba(210,210,180,0.4) 20%,rgba(210,210,180,0.1) 50%,rgba(40,40,20,0.5) 80%,rgba(40,40,20,0) 100%);
background-image :-o-linear-gradient(left,rgba(210,210,180,0.1) 0%,rgba(210,210,180,0.4) 20%,rgba(210,210,180,0.1) 50%,rgba(40,40,20,0.5) 80%,rgba(40,40,20,0) 100%);
background-image :-moz-linear-gradient(left,rgba(210,210,180,0.1) 0%,rgba(210,210,180,0.4) 20%,rgba(210,210,180,0.1) 50%,rgba(40,40,20,0.5) 80%,rgba(40,40,20,0) 100%);
background-image :-webkit-linear-gradient(left,rgba(210,210,180,0.1) 0%,rgba(210,210,180,0.4) 20%,rgba(210,210,180,0.1) 50%,rgba(40,40,20,0.5) 80%,rgba(40,40,20,0) 100%);
background-image :-ms-linear-gradient(left,rgba(210,210,180,0.1) 0%,rgba(210,210,180,0.4) 20%,rgba(210,210,180,0.1) 50%,rgba(40,40,20,0.5) 80%,rgba(40,40,20,0) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8');
}

.cover_shadow.pit2 .hard_bottom_border_width{
left :0%;
width :100%;
}

.cover_shadow.pit2 .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:3px;
height:100%;

background-image :linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-webkit-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-o-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-moz-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));
background-image :-ms-linear-gradient(left,rgba(240,240,200,0.4),rgba(240,240,200,0.2));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#66F0F0C8',EndColorStr='#33F0F0C8');
}

.cover_shadow.pit2 .normal_left_body{
position :absolute;
left :2%;
top :0px;
width:4px;
height:100%;

background-image :linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-o-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-moz-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-webkit-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-ms-linear-gradient(left,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77F0F0C8',EndColorStr='#00F0F0C8');
}

.cover_shadow.pit2.flip_x .normal_left_body{
position :absolute;
left :2%;
top :0px;
width:4px;
height:100%;

background-image :linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-o-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-moz-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-webkit-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);
background-image :-ms-linear-gradient(right,rgba(60,60,60,0.2) 0%,rgba(20,20,20,0.5) 50%,rgba(240,240,200,0.5) 50%,rgba(240,240,200,0.2) 100%);

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#00F0F0C8',EndColorStr='#77F0F0C8');
}



.cover_shadow.saddle .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:2.4%;
height:100%;

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

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC');
}

.cover_shadow.saddle .hard_left_body{
display:none;
}

.cover_shadow.saddle .hard_bottom_border_width{
left :1.4%;
width :98.6%;
}

.cover_shadow.saddle .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:2.4%;
height:100%;

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

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC');
}

.cover_shadow.saddle .normal_left_body{
display :none;
}



.cover_shadow.loose .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:4px;
height:100%;

background-image :linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));
background-image :-o-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));
background-image :-moz-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));
background-image :-webkit-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));
background-image :-ms-linear-gradient(left,rgba(240,240,200,0.8),rgba(240,240,200,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#CCF0F0C8',EndColorStr='#00F0F0C8');
}

.cover_shadow.loose .hard_left_body{
display :none;
}

.cover_shadow.loose .hard_bottom_border_width{
left :0%;
width :100%;
}

.cover_shadow.loose .normal_left_border{
display :none;
}

.cover_shadow.loose .normal_left_body{
display :none;
}



.cover_shadow.catalog .hard_left_border{
position :absolute;
left :0px;
top :0px;
width:2%;
height:100%;

background-image :linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#77151515',EndColorStr='#00DCDCB4');
}

.cover_shadow.catalog .hard_left_body{
display :none;
}

.cover_shadow.catalog .hard_bottom_border_width{
left :.2%;
width :99.8%;
}

.cover_shadow.catalog .normal_left_border{
position :absolute;
left :0px;
top :0px;
width:2%;
height:100%;

background-image :linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-o-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-moz-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-webkit-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));
background-image :-ms-linear-gradient(left,rgba(20,20,20,0.5),rgba(240,240,200,0));

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#88CCCCCC',EndColorStr='#00CCCCCC');
}

.cover_shadow.catalog .normal_left_body{
display :none;
}