p{padding:0;margin:0;}
input{font-family:Calibri;}
textarea{font-family:Calibri;}
.win10_border{border:5px solid rgba(255, 255, 255, 0.5);}

.form_title{font-size:18px;margin:0;}
.close{right:20px;top:13px;position:absolute;cursor:pointer;}
.rightToLeft .close{left:20px;}
.drag{position:absolute;top:5px;left:0;right:0;margin:auto;pointer-events:none;}
.close:hover{opacity:0.7;}
.close:active{opacity:0.5;}
.close:focus{opacity:0.5;}

.phone_scroll_y{overflow-y:auto,overflow-x:hidden,-webkit-overflow-scrolling:touch;}

.about_win10{vertical-align:middle;line-height:20px;text-align:center;width:437px;height:315px;background:#000000;padding:10px 20px 20px 20px;color:#ffffff;font-size:15px;font-family:Calibri;position:absolute;}
.about_win10 .form_title{text-align:left;}
.about_win10 .content_title{border:1px solid transparent;top:51px;background:rgba(255,255,255,0.25);cursor:pointer;width:105px;height:34px;position:absolute;line-height:34px;vertical-align:middle;text-align:center;}
.about_win10 .contact_title{left:51%;}
.about_win10 .description_title{right:51%;}
.about_win10 .focus{background:transparent;}
.about_win10 .content{margin-top:73px;width:100%;}
.about_win10 .content1{display:none;height:220px;overflow:auto;}
.about_win10 .content2{height:220px;overflow:auto;}
.about_win10 .description{text-align:left;}
.about_win10 .item{position:relative;margin:15px 0;min-height:18px;text-align:left;}
.about_win10 .item .title{display:inline-block;position:absolute;left:0;top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.about_win10 .content2 .item .content{margin:0;width:auto;}
.about_win10 .content1 .item .content{margin:0 0 0 60px;width:auto;}
.about_win10 a{color:#1a7fc7;text-decoration:none;}

.about_win10.rightToLeft{text-align:right;}
.about_win10.rightToLeft .form_title{text-align:right;}
.about_win10.rightToLeft .item{text-align:right;}
.about_win10.rightToLeft .item .title{position:absolute;left:auto;top:0;right:0;text-align:right;}
.about_win10.rightToLeft .content2 .item .content{margin:0;text-align:right;}
.about_win10.rightToLeft .content1 .item .content{margin:0 60px 0 0;text-align:right;}

/*.bookmark_win10 .close{transition: all 500ms;
-moz-transition: all 500ms;
-webkit-transition: all 500ms;
-o-transition: all 500ms;}

.bookmark_win10 .close:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg); }*/
.share_win10{text-align:left;vertical-align:middle;line-height:20px;position:absolute;z-index:1000;left:0;top:0;width:400px;background:#000000;padding:10px 20px 20px 20px;color:#ffffff;font-size:15px;font-family:Calibri;position:absolute;}
.share_win10 .link_title{margin-top:10px;line-height:28px;}
.share_win10 .link_input{width:320px;height:30px;padding:0 10px;border:none;}
.share_win10 .copy{width:52px;height:30px;cursor:pointer;background:rgba(255,255,255,0.25);position:absolute;right:20px;top:68px;line-height:30px;vertical-align:middle;text-align:center;}
.share_win10 .insert_input{width:378px;height:73px;padding:10px;border:none;resize:none;}
.share_win10 .copy2{top:auto;bottom:20px;}
.share_win10 .sharePanel{width:100%;height:30px;margin-top:8px;}
.share_win10 .sharePanel img{height:30px;margin-left:2px;}

.share_win10.rightToLeft{text-align:right;}
.share_win10.rightToLeft .copy{left:20px;right:auto;}
.share_win10 .sharePanel img{margin:0 2px 0 0;}

.share_win10.phone{background:transparent;width:100%;height:100%;padding:0;}
.share_win10.phone .stage{overflow:hidden;width:100%;height:100%;position:relative;}
.share_win10.phone .swiper{width:100%;left:0;top:0;}
.share_win10.phone .progress{left:0;right:auto;}
.share_win10.phone .progressBar{left:0;right:auto;}

.share_win10.phone .item{padding:10px;vertical-align:middle;font-size:15px;line-height:50px;height:50px;font-weight:bold;position:relative;}
.share_win10.phone .item .logo{width:50px;height:50px;display:inline-block;float:left;}
.share_win10.phone .item .logo div{width:50px;height:50px;}
.share_win10.phone .item span{margin-left:20px;float:left;}

.tableofcontent_win10{position:absolute;z-index:1000;left:-300px;top:0;width:250px;height:548px;background:#000000;padding:10px;color:#ffffff;font-size:15px;font-family:Calibri;}

.tableofcontent_win10 .stage{overflow:hidden;width:270px;height:515px;position:relative;margin:12px 0 0 -10px;}
.tableofcontent_win10 .swiper{width:100%;position:absolute;left:0;top:0;}

.tableofcontent_win10 .progress{width:15px;height:5px;position:absolute;bottom:0;right:0;cursor:pointer;}
.tableofcontent_win10 .progressBar{width:5px;height:5px;background:rgba(255,255,255,0.25);position:absolute;right:0;top:0;cursor:pointer;border-radius:2px;}

.tableofcontent_win10 .item{padding:10px 12px;font-size:15px;cursor:pointer;position:relative}
.tableofcontent_win10 .item .arrow{padding:10px;position:absolute;top:8px}
.tableofcontent_win10 .item .description{padding:3px 0;display:inline-block;}
.tableofcontent_win10 .item:hover{background:rgba(255,255,255,0.1);}

.tableofcontent_win10.rightToLeft{text-align:right;}
.tableofcontent_win10.rightToLeft .progress{left:0;right:auto;}
.tableofcontent_win10.rightToLeft .progressBar{left:0;right:auto;}

.tableofcontent_win10.phone{background:transparent;width:100%;height:100%;padding:0;left:0;top:0;margin:0;}
.tableofcontent_win10.phone .stage{margin:0;width:100%;height:100%;}

.thumbnail_win10{position:absolute;z-index:1000;padding:10px;left:-260px;width:200px;height:116px;color:#ffffff;font-size:12px;font-family:Calibri;}
.thumbnail_win10 .close{top:-24px;position:absolute;cursor:pointer;width:32px;height:24px;background-color:#000000;background-repeat:no-repeat;background-position:center center;}

.thumbnail_win10 .stage{overflow:hidden;width:100%;height:100%;position:relative;margin-top:12px;}
.thumbnail_win10 .swiper{position:absolute;top:0;width:100%;height:80px;}

.thumbnail_win10 .progress{display:none;width:0;height:0;position:absolute;bottom:7px;right:0;cursor:pointer;}
.thumbnail_win10 .progressBar{width:0;height:0;background:rgba(255,255,255,0.25);position:absolute;top:0;left:0;cursor:pointer;border-radius:4px;}

.thumbnail_win10 .item_focus{border:1px solid #000000;box-sizing:border-box;display:inline-block;width:200px;left:0;cursor:pointer;position:absolute;}
.thumbnail_win10 .title{display:none;z-index:10;width:100%;height:100%;line-height:100%;background:rgba(0,0,0,0.5);color:#ffffff;vertical-align:middle;position:absolute;left:0;text-align:center;}
.thumbnail_win10 .item{width:100px;position:absolute;box-sizing:border-box;overflow:hidden;}
.thumbnail_win10 .item img{height:100%;width:100px;pointer-events:none;}
.thumbnail_win10 .highlight.focus{border:2px solid #016BAF;overflow:hidden;}
.thumbnail_win10 .highlight.focus .title{border:none;}
.thumbnail_win10 .item_focus.focus:hover div.title{display:block;}
.thumbnail_win10 .item.focus:hover p.title{display:block;}
.thumbnail_win10 .title{pointer-events:none;}

.thumbnail_win10 .pageCaption{cursor:default;margin-top:15px;display:inline-block;line-height:20px;padding:0 20px;border-radius:10px;background:rgba(0,0,0,0.5);}

.thumbnail_win10 .btn{position:absolute;top:14px;cursor:pointer;}
.thumbnail_win10 .leftBtn{left:0;}
.thumbnail_win10 .rightBtn{right:0;}

.appear_win10{position:absolute;opacity:0;z-index:1001;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);text-align:center;vertical-align:middle;}
.appear_win10 .main_dom{position:relative;display:inline-block;left:0;top:0;}
.appear_win10:after{content:""; display:inline-block; height:100%;vertical-align:middle;}

.button_hover:hover{opacity:0.7;filter:alpha(opacity=40);}
.button_hover:active{opacity:0.2;filter:alpha(opacity=20);}

.disable{opacity:0.2;filter:alpha(opacity=20);}
.usable{opacity:1;filter:alpha(opacity=100);}.pictureList_win10{width:150px;height:196px;position:absolute;left:0;}
.pictureList_win10 .thumbnail .page{width:100%;height:20px;line-height:20px;}
.pictureList_win10 .thumbnail img{vertical-align:middle;width:100%;}
.pictureList_win10 .btn{position:absolute;top:0;bottom:0;width:18px;height:18px;cursor:pointer;margin:auto;z-index:3;}
.pictureList_win10 .leftBtn{left:0;}
.pictureList_win10 .rightBtn{right:0;}

.pictureList_win10{left:0;text-align:center;vertical-align:middle;}
.pictureList_win10 .thumbnail{width:100%;position:relative;display:inline-block;left:0;top:0;text-align:center;vertical-align:middle;}
.pictureList_win10:after{content:""; display:inline-block; height:100%;vertical-align:middle;}
.print_win10{text-align:left;vertical-align:middle;line-height:20px;position:absolute;left:0;top:0;z-index:1000;background:#000000;width:310px;padding:10px 20px 20px 20px;color:#ffffff;font-size:15px;font-family:Calibri;position:absolute;}
.print_win10 .printButton{cursor:pointer;width:100%;height:26px;margin-top:20px;background:rgba(255,255,255,0.25);line-height:26px;vertical-align: middle;text-align:center;}
.print_win10 .item{cursor:pointer;margin:10px 0;line-height:26px;vertical-align: middle;position:relative;padding:0 0 0 20px;}
.print_win10 .item span{margin-left:10px;}
.print_win10 .item img{vertical-align: middle;position:absolute;left:4px;top:6px;}
.print_win10 .printRange input{padding:0 5px;width:102px;height:26px;border:none;margin-left:10px;font-size:12px;}

.print_win10.rightToLeft{text-align:right;}
.print_win10.rightToLeft .item{padding:0;}
.print_win10.rightToLeft .item img{left:auto;right:4px;}
.print_win10.rightToLeft .item span{margin:0 30px 0 0;}
.print_win10.rightToLeft .printRange input{margin:0 10px 0 0;}

.print_win10.phone{background:transparent;width:100%;padding:0;}
.print_win10.phone .item{margin:10px;}
.print_win10 .printButton{margin:20px 0;width:auto;}

.printform{text-align:left;display: inline-block;width:100%;line-height:25px;font-size:15px;}
.printform .printButton{transition:all 0.4s; cursor:pointer;width:100%;box-shadow:0 0 3px #bbb inset;height:26px;margin-top:20px;background:rgba(218,218,218,0.8);line-height:26px;vertical-align: middle;text-align:center;padding: 10px 0;  font-size: 20px;}
.printform .able:hover{box-shadow: 0 0 20px #ccc inset;background: #d7d7d7;}
.printform .uable{background:#EFEFF4;cursor: auto;color:#b5b5b5;}
.printform .item {color:#888;cursor:pointer;padding: 20px;position: relative;margin-bottom: 15px;background: #ffffff;border-style: solid none solid none;border-color: #d7d7d7;border-width: 1px; }
.printform .item span{margin-left:40px;}
.printform .item .title{font-weight: bold;}
.printform .item img{vertical-align: middle;position:absolute;left:25px;top:23px;width:20px;}
.printform .printRange input{padding:0 5px;width:102px;height:26px;border: 1px solid #d7d7d7;margin-left:10px;font-size:12px;background: #DFDFDF;}


.search_win10{position:absolute;z-index:1000;left:-300px;top:0;width:250px;height:548px;background:#000000;padding:10px 10px 20px 10px;color:#ffffff;font-size:15px;font-family:Calibri;position:absolute;}
.search_win10 .input_search{width:210px;height:35px;border:none;padding:0 30px 0 10px;margin-top:10px;}
.search_win10 .searchButton{position:absolute;top:48px;right:15px;cursor:pointer;z-index:10;}
.search_win10 .result{margin-left:-10px;padding:10px;width:100%;}

.search_win10 .stage{overflow:hidden;width:270px;height:460px;position:relative;margin:0 0 0 -10px;}
.search_win10 .swiper{width:100%;position:absolute;left:0;top:0;}

.search_win10 .progress{width:15px;height:5px;position:absolute;bottom:0;right:4px;cursor:pointer;}
.search_win10 .progressBar{width:5px;height:5px;opacity:0.25;background:#ffffff;position:absolute;right:4px;top:0;cursor:pointer;border-radius:2px;}

.search_win10 .item{padding:10px 12px;cursor:pointer;}
.search_win10 .item .description{font-size:15px;margin-top:3px;opacity:0.6;}
.search_win10 .item:hover{background:rgba(255,255,255,0.25);}

.search_win10.rightToLeft{text-align:right;}
.search_win10.rightToLeft .input_search{direction:rtl;padding:0 10px 0 30px;}
.search_win10.rightToLeft .searchButton{left:15px;right:auto;}
.search_win10.rightToLeft .progress{left:4px;right:auto;}

.search_win10.phone{border-top:1px solid rgba(255,255,255,0.25);width:100%;height:100%;padding:0;left:0;top:0;background:transparent;}
.search_win10.phone .input_search{border-radius:12px;margin:20px 15px;height:20px;line-height:20px;padding:0 25px 0 5px;width:275px;background:transparent;border:1px solid transparent;}
.search_win10.phone .result{margin:0;height:25px;line-height:25px;background:rgba(255,255,255,0.05);padding:0 10px;}
.search_win10.phone .stage{width:100%;position:relative;margin:0;}
.search_win10.phone .searchButton{width:15px;height:15px;right:25px;top:24px;}
.search_win10.phone .searchButton div{width:100%;height:100%;}
.search_win10.rightToLeft.phone .searchButton{left:25px;top:24px;right:auto;}
.search_win10.rightToLeft.phone .input_search{padding:0 5px 0 25px;}.cover_shadow_content{
	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);
	transform:scaleX(-1);
	filter:FlipH;
}

.flip_y{
	-moz-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	-o-transform:scaleY(-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_left_shadow{
	position : absolute;
	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_right_border_back{
	position : absolute;
	left : auto;
	right : 0px;
	top : 1px;
	width:3px;
	
	background-image : linear-gradient(right, rgba(240,240,200,0.6), rgba(240,240,200,0));
	background-image : -o-linear-gradient(right, rgba(240,240,200,0.6), rgba(240,240,200,0));
	background-image : -moz-linear-gradient(right, rgba(240,240,200,0.6), rgba(240,240,200,0));
	background-image : -webkit-linear-gradient(right, rgba(240,240,200,0.6), rgba(240,240,200,0));
	background-image : -ms-linear-gradient(right, rgba(240,240,200,0.6), rgba(240,240,200,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');
}

/*flat stitching  - stitch*/
.hard_stitch_shadow_border{
	position : absolute;
	left : 0px;
	top : 0px;
	width:2px;
	height:100%;
	
	background-image : linear-gradient(left, rgba(60,60,40,0.8), rgba(220,220,180,0.8));
	background-image : -o-linear-gradient(left, rgba(60,60,40,0.8), rgba(220,220,180,0.8));
	background-image : -moz-linear-gradient(left, rgba(60,60,40,0.8), rgba(220,220,180,0.8));
	background-image : -webkit-linear-gradient(left, rgba(60,60,40,0.8), rgba(220,220,180,0.8));
	background-image : -ms-linear-gradient(left, rgba(60,60,40,0.8), rgba(220,220,180,0.8));
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CC3C3C28', EndColorStr='#CCDCDCB4');
}
			
/*.hard_stitch_shadow_body{
	position : absolute;
	left : 2%;
	top : 0px;
	width: 2%;
	height:100%;
	
	background-image : linear-gradient(left, rgba(220,220,180,0) 0%, rgba(220,220,180,0.4) 50%, rgba(220,220,180,0) 100%);
	background-image : -o-linear-gradient(left, rgba(220,220,180,0) 0%, rgba(220,220,180,0.4) 50%, rgba(220,220,180,0) 100%);
	background-image : -moz-linear-gradient(left, rgba(220,220,180,0) 0%, rgba(220,220,180,0.4) 50%, rgba(220,220,180,0) 100%);
	background-image : -webkit-linear-gradient(left, rgba(220,220,180,0) 0%, rgba(220,220,180,0.4) 50%, rgba(220,220,180,0) 100%);
	background-image : -ms-linear-gradient(left, rgba(220,220,180,0) 0%, rgba(220,220,180,0.4) 50%, rgba(220,220,180,0) 100%);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#66DCDCB4', EndColorStr='#00DCDCB4');
}*/

.hard_stitch_shadow_body{
	position : absolute;
	left : 0%;
	top : 0px;
	width: 2.4%;
	height:100%;
	
	background-image : linear-gradient(left, rgba(40,40,20,0.1) 0%, rgba(40,40,20,0.4) 40%, rgba(240,240,200,0.4) 50%, rgba(240,240,200,0) 100%);
	background-image : -o-linear-gradient(left, rgba(40,40,20,0.1) 0%, rgba(40,40,20,0.4) 40%, rgba(240,240,200,0.4) 50%, rgba(240,240,200,0) 100%);
	background-image : -moz-linear-gradient(left, rgba(40,40,20,0.1) 0%, rgba(40,40,20,0.4) 40%, rgba(240,240,200,0.4) 50%, rgba(240,240,200,0) 100%);
	background-image : -webkit-linear-gradient(left, rgba(40,40,20,0.1) 0%, rgba(40,40,20,0.4) 40%, rgba(240,240,200,0.4) 50%, rgba(240,240,200,0) 100%);
	background-image : -ms-linear-gradient(left, rgba(40,40,20,0.1) 0%, rgba(40,40,20,0.4) 40%, rgba(240,240,200,0.4) 50%, rgba(240,240,200,0) 100%);
	
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#66DCDCB4', EndColorStr='#00DCDCB4');
}



.normal_stitch_shadow_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');
}
			
.normal_stitch_shadow_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');
}

/*side stitching  - side*/
.hard_side_shadow_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');
}
			
.hard_side_shadow_body{
	position : absolute;
	left : 2.5%;
	top : 0px;
	width:2%;
	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');
}

.hard_side_shadow_body_back{
	position : absolute;
	left : 2.5%;
	top : 0px;
	width:2%;
	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');
}

.normal_side_shadow_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');
}
			
.normal_side_shadow_body{
	display : none;
}

/*press stitching  - press*/
.hard_press_shadow_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');
}

		
.hard_press_shadow_body{
	position : absolute;
	left : 4%;
	top : 0px;
	width:1.6%;
	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');
}

.hard_press_shadow_body_back{
	position : absolute;
	left : 4%;
	top : 0px;
	width:1.5%;
	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');
}

.normal_press_shadow_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');
}
		
.normal_press_shadow_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');
}

.normal_press_shadow_body_back{
	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');
}

/*sewing - sewing*/
.hard_sewing_shadow_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');
}

.hard_sewing_shadow_body{
	display:none;
}

.normal_sewing_shadow_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='#ccF0F0C8');
}

.normal_sewing_shadow_body{
	display:none;
}


/*hardcover - pit*/
.hard_pit_shadow_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');
}

.hard_pit_shadow_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');
}

.normal_pit_shadow_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');
}

.normal_pit_shadow_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');
}


/*saddle stitching -saddle*/
.hard_saddle_shadow_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');
}
			
.hard_saddle_shadow_body{
	display : none;
}

.normal_saddle_shadow_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');
}
			
.normal_saddle_shadow_body{
	display : none;
}


/*loose leaf stitching -loose*/
.hard_loose_shadow_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');
}
			
.hard_loose_shadow_body{
	display : none;
}

.normal_loose_shadow_border{
	display : none;
}
			
.normal_loose_shadow_body{
	display : none;
}.buttonBack{
	position : absolute;
	cursor : pointer;
	width : 54px;
	height : 54px;
	right : 12px;
	top : 12px;
	z-index : 101;
	overflow : hidden;
}

.soundButton{
	position : absolute;
	cursor : pointer;
	width : 54px;
	height : 108px;
	overflow : hidden;
}

.open .soundButton{top:0;}
.close .soundButton{top : -54px;}

.soundButton .button_c{
	width : 100%;height : 50%;
}

.button{
	position : absolute;
	cursor : pointer;
	width : 54px;
	height : 108px;
	overflow : hidden;
}

.open .button{top:0;}
.close .button{top : -54px;}

.button .button_c{
	width : 100%;height : 50%;
}

.button:hover{
	top : -54px;
}
.moreButton{
	top : 72px;
}

.morePannel{
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.5);
	position:absolute;
	z-index : 100;
	display:none;
}

.morePannel .cancel{
	width:100%; 
	height:40px; 
	position:absolute; 
	bottom:0;
	color:#576B95;
	background-color:#ffffff;
	line-height:40px;
	vertical-align: middle;
	text-align:center;
	font-weight : bold;
	cursor:pointer;
	border-top:1px solid #E6E6E6;
	z-index:2;
}

.morePannelContainer {
	text-align:center;
	width:100%; 
	height:180px; 
	position:absolute; 
	bottom:-180px;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.moreItemContainer {
	white-space:nowrap;
	text-align:center;
	width:100%; 
	height:140px; 
	bottom:40px;
	color:#333333;
	background-color : #ffffff;
}

.moreItemButton {margin:20px 15px 0 15px;width:59px;display:inline-block;cursor:pointer;font-weight:bold;vertical-align:top;}
.moreItemButton .moreIcon{width:59px;height:59px;}
.moreItemButton p{white-space: normal;font-size:12px;margin-top:5px;}

.moreDecoration{display:none;}

.openMorePannel{
	-webkit-animation : animate_more_open 600ms both ease-in-out;
	-o-animation : animate_more_open 600ms both ease-in-out;
	-ms-animation : animate_more_open 600ms both ease-in-out;
	-moz-animation : animate_more_open 600ms both ease-in-out;
}

.closeMorePannel{
	-webkit-animation : animate_more_close 600ms both ease-in-out;
	-o-animation : animate_more_close 600ms both ease-in-out;
	-ms-animation : animate_more_close 600ms both ease-in-out;
	-moz-animation : animate_more_close 600ms both ease-in-out;
}

.openMorePannel .morePannelContainer{
	-webkit-animation : animate_open 600ms both ease-in-out;
	-o-animation : animate_open 600ms both ease-in-out;
	-ms-animation : animate_open 600ms both ease-in-out;
	-moz-animation : animate_open 600ms both ease-in-out;
}

.closeMorePannel .morePannelContainer{
	-webkit-animation : animate_close 600ms both ease-in-out;
	-o-animation : animate_close 600ms both ease-in-out;
	-ms-animation : animate_close 600ms both ease-in-out;
	-moz-animation : animate_close 600ms both ease-in-out;
}

@-webkit-keyframes animate_more_open {
	0%,30% {background-color:rgba(0,0,0,0);}
	100% {background-color:rgba(0,0,0,0.5);}
}
@-moz-keyframes animate_more_open {
	0%,30% {background-color:rgba(0,0,0,0);}
	100% {background-color:rgba(0,0,0,0.5);}
}
@keyframes animate_more_open {
	0%,30% {background-color:rgba(0,0,0,0);}
	100% {background-color:rgba(0,0,0,0.5);}
}

@-webkit-keyframes animate_more_close {
	0%,30% {background-color:rgba(0,0,0,0.5);}
	100% {background-color:rgba(0,0,0,0);}
}
@-moz-keyframes animate_more_close {
	0%,30% {background-color:rgba(0,0,0,0.5);}
	100% {background-color:rgba(0,0,0,0);}
}
@keyframes animate_more_close {
	0%,30% {background-color:rgba(0,0,0,0.5);}
	100% {background-color:rgba(0,0,0,0);}
}

@-webkit-keyframes animate_open {
	0%,30% {bottom:-180px;}
	100%{bottom:0;}
}
@-moz-keyframes animate_open {
	0%,30% {bottom:-180px;}
	100%{bottom:0;}
}
@keyframes animate_open {
	0%,30% {bottom:-180px;}
	100%{bottom:0;}
}

@-webkit-keyframes animate_close {
	0%,30% {bottom:0px;}
	100%{bottom:-180px;}
}
@-moz-keyframes animate_close {
	0%,30% {bottom:0px;}
	100%{bottom:-180px;}
}
@keyframes animate_close {
	0%,30% {bottom:0px;}
	100%{bottom:-180px;}
}

.pageNum{
	position : absolute;
	bottom : 5px;
	height : 20px;
	/*margin-left : 24px;*/
	z-index : 101;
	text-align : center;
	font-size : 13px;
	color:#ffffff;
	width:100%;
}

.pageNum .num{
	display:inline-block;
	padding : 0 15px;
	height:20px;
	vertical-align: middle;
	cursor:default;
	line-height:20px;
	vertical-align: middle; 
	border-radius:10px;
	background:rgba(0,0,0,0.2);
	color:#ffffff;
	border:none;
	text-align:center;
	cursor:pointer;
}

.firstBtn{
	width : 20px;
	height : 20px;
	display : inline-block;
	background-image : url('icon/css_sprite01.png');
    background-position: -386px -552px;
    cursor : pointer;
    vertical-align: middle; 
    float:left;
    margin-left:20px;
    cursor:pointer;
    opacity:0.5;
}

.firstBtn:hover{
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
	-ms-transform:scale(1.5);
	transform:scale(1.5);
	opacity:1;
}

.lastBtn:hover{
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
	-ms-transform:scale(1.5);
	transform:scale(1.5);
	opacity:1;
}

.lastBtn{
	width : 20px;
	height : 20px;
	display : inline-block;
	background-image : url('icon/css_sprite01.png');
    background-position: -459px -552px;
    cursor : pointer;
    vertical-align: middle; 
    float:right;
    margin-right:20px;
    cursor:pointer;
    opacity:0.5;
}

.fadeAnimation {
	display:block;
	-webkit-animation : fade 2.5s 1 both ease-in-out;
	-o-animation : fade 2.5s 1 both ease-in-out;
	-ms-animation : fade 2.5s 1 both ease-in-out;
	-moz-animation : fade 2.5s 1 both ease-in-out;
}

@-webkit-keyframes fade {
	0%{opacity: 1;display:block;}
	50%{opacity: 1;display:block;}
	100% {opacity: 0;display:none;}
}
@-moz-keyframes fade {
	0%{opacity: 1;display:block;}
	50%{opacity: 1;display:block;}
	100% {opacity: 0;display:none;}
}
@keyframes fade {
	0%{opacity: 1;display:block;}
	50%{opacity: 1;display:block;}
	100% {opacity: 0;display:none;}
}

.table {
	width : 100%;
	height : 100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	z-index : 160;
	color:#999999;
	left:100%;
	-moz-transition : all 0.8s ease;
	-webkit-transition : all 0.8s ease;
	-o-transition : all 0.8s ease;
	-ms-transition : all 0.8s ease;
	transition : all 0.8s ease;
	-webkit-transform : translate(0, 0);
	-moz-transform : translate(0, 0);
	-ms-transform : translate(0, 0);
	-o-transform : translate(0, 0);
	transform : translate(0, 0);
}

.table .tableTitle{
	width:100%;
	height:50px;
	position:absolute;
	line-height:50px;
	text-align:left;
	vertical-align:middle;
	top:0;
}
.table .tableTitle .decoration{position:absolute;left:0;top:0;width:80px;height:50px;}
.table .tableTitle .title {
	/*margin-left:80px;*/
	height:50px;
	background-repeat : no-repeat;
	background-size : 100% 100%;
	background-color:#EFEFF4;
	/*background-image:url(icon/icon_bg.png);*/
}
.table .tableTitle span{margin-left:15px;}
.table .tableTitle .close{position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;}
.table .tableTitle .close div{width:15px;height:15px;cursor:pointer;margin:17px;}
.table .container{width:100%;position:absolute;top:50px;bottom:0;text-align:center;background:#ffffff;}

.showTable {
	-webkit-transform : translate(-100%, 0);
	-moz-transform : translate(-100%, 0);
	-ms-transform : translate(-100%, 0);
	-o-transform : translate(-100%, 0);
	transform : translate(-100%, 0);
}


.hideTable{
	-webkit-transform : translate(0, 0);
	-moz-transform : translate(0, 0);
	-ms-transform : translate(0, 0);
	-o-transform : translate(0, 0);
	transform : translate(0, 0);
}


.about{text-align:left;display:inline-block;width:100%;line-height:25px;font-size:15px;}
.about .item{padding:20px; margin-bottom:15px;background:#ffffff;border-style:solid none solid none;border-color:#d7d7d7;border-width:1px;}
.about .item div{float:left;}
.about .item p{width:80%;float:left;}
.about .item .logo{margin-right:5%;width:50px;height:50px;border:1px solid #EBEBEB;float:left;background-size:contain;background-repeat:no-repeat;background-position:center;}
.about .item span{min-width:15%;float:left;margin-right:5%;}
.about a{float:left;}
.about .title{font-weight:bold;}

.share{display:inline-block;width:100%;}
.share .qrcode{margin: 35px 0 20px 0;display:inline-block;padding:10px;border:1px solid #D7D7D7;}
.share input{padding:0;font-size:15px;font-weight:bold;width:65%;border:1px solid #D7D7D7;color:#616060;border-radius:5px;height:35px;background-color:#ffffff;padding:0 10px;line-height:35px;}
.share span{font-size:15px;font-weight:bold;color:#000000;height:35px;line-height:35px;border-radius:5px;padding:0 10px;display:inline-block;background:#ffffff;border:1px solid #D7D7D7;margin:20px 0 0 10px;}
.share .item{width:48px;height:48px;margin-left:15px;display:inline-block;}
.share .itemBox{margin-top:20px;}
.share .copy{cursor:pointer;}

.search{font-size:15px;color:#616060;position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;line-height:20px;background:#F7F7F7;}
.search .tmpBtn{position:absolute;z-index:5;top:8px;left:8px;width:20px;height:20px;}
.search .input{font-weight:bold;position:relative;width:auto;margin:20px 0 20px 10px;padding:0 47px 0 0;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.search input{font-size:15px;font-weight:bold;padding:0 10px 0 35px;width:100%;border:1px solid #D7D7D7;border-radius:5px;height:35px;background-color:#ffffff;line-height:35px;}
.search .fontBlue{color:#576B95;padding:0;margin:0;}
.search .searchButton{cursor:pointer;font-size:15px;font-weight:bold;color:#000000;height:35px;line-height:35px;border-radius:5px;padding:0 10px;display:inline-block;background:#ffffff;border:1px solid #EBEBEB;margin:20px 10px 20px 5px;}
.search .item{cursor:pointer;background:#ffffff;border-style:solid none;border-color:#EBEBEB;border-width:1px;padding:20px;}
.search .result{padding:0 0 0 20px;line-height:30px;font-weight:bold;text-align:left;background:#F9F9F9;height:30px;border-style:solid none;border-color:#d7d7d7;border-width:1px;}
.search .title{font-weight:bold;}
.search p{margin:0;}
.search .itemContainer{text-align:left;background:#ffffff;width:100%;position:absolute;top:109px;bottom:0;}
.search .item:hover{background:#EBEBEB;}
.search .clicked{background:#EBEBEB;}
.search .title{display:-moz-box;display:-webkit-box;display:box;-moz-box-direction:normal;-webkit-box-direction:normal;box-direction:normal;}

.tableOfContent .item{cursor:pointer;position:relative;font-size:15px;color:#616060;line-height:20px;padding:20px 40px 20px 20px;text-align:left;border-style:solid none;border-color:#EBEBEB;border-width:1px;}
.tableOfContent .title{font-weight:bold;}
.tableOfContent p{margin:0;padding:0;}
.tableOfContent .expandButton{top:0px;right:0px;z-index:5;width:40px;height:40px;margin:30px 0 0 0;position:absolute;cursor:pointer;}
.tableOfContent .expandButton .expand{width:20px;height:20px;}
.tableOfContent .expandButton .collapse{width:20px;height:20px;margin:-4px 0 0 4px;}
.tableOfContent .open{color:#576B95;}
.tableOfContent .closed{color:#616060;}
.tableOfContent .open .expand{display:block;}
.tableOfContent .open .collapse{display:none;}
.tableOfContent .closed .expand{display:none;}
.tableOfContent .closed .collapse{display:block;}
.tableOfContent .notLevel0{background:#EBEBEB;}
.tableOfContent .item:hover{background:#D4D4D4;}
.tableOfContent .clicked{background:#D4D4D4;}

.mb_container{width:100%;height:100%;position:absolute;z-index:199;pointer-events:none;}

.ad-box-container {
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    z-index:100;
    background-color : rgba(0, 0, 0, 0.3);
}

.ad-box {
	display: table;
    width: 100%;
    height: 100%;
}

.ad-box-inner {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.ad-box-content {
	position: relative;
	width: 375px;
	margin: 42px auto 0;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 4px;
	box-shadow: 0px 1px 5px rgba(128, 128, 128, 0.1);
	text-align: left;
	color: #333;
	font-family: Helvetica, Arial, Cambria, sans-serif;
}

.ad-header {
	padding: 42px 0px 12px 0px;
}

.ad-top-icon {
	background: url('icon/css_sprite01.png') no-repeat;
    background-position: -313px -239px;
    width: 84px;
    height: 84px;
    position: absolute;
    left: 50%;
    margin-left: -42px;
    top: -42px;
}

.ad-section {
	padding: 0px 25px 20px 25px;
	max-height: 160px;
	overflow-x: hidden; 
	overflow-y : auto;
	-webkit-overflow-scrolling : touch;
	line-height: 24px;
}

.ad-title {
	font-weight: bold;
	margin-bottom: 10px;
	
}

.ad-desc {

}

.ad-footer {
	padding: 10px;
	height: 25px;
	background: #E5EBF7;
}

.ad-more-btn {
	padding: 6px 20px;
	background: #278ADD;
	border-radius: 4px;
	color: #fff;
	float: right;
	font-size: 13px;
	text-decoration: none;
}

.ad-more-btn:hover {
	text-decoration: none;	
	background: #2386DA;
}

.ad-more-btn:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.ad-cancel-btn {
	    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.ad-cancel-icon {
	    display: block;
    position: absolute;
    left: 15px;
    top: 15px;
    background: url('icon/css_sprite01.png') no-repeat;
    background-position: -118px -196px;
    width: 20px;
    height: 20px;
}

.leftBar{width:60px;height:160px;position:absolute;z-index:101;left:0;top:50%;margin-top:-80px;cursor:pointer;}
.rightBar{width:60px;height:160px;position:absolute;z-index:101;right:0;top:50%;margin-top:-80px;cursor:pointer;}

.leftButton{width:60px;height:60px;border-radius:0 3px 3px 0;position:absolute;left:0;top:50px;cursor:pointer;}
.rightButton{width:60px;height:60px;border-radius:3px 0 0 3px;position:absolute;left:0;top:50px;cursor:pointer;}
.firstButton{width:100%;height:50px;border-radius:0 3px 3px 0;position:absolute;left:0;bottom:0;cursor:pointer;background:rgba(0,0,0,0.75);}
.lastButton{width:100%;height:50px;border-radius:3px 0 0 3px;position:absolute;left:0;bottom:0;cursor:pointer;background:rgba(0,0,0,0.75);}
.leftButton .icon{width:12px;height:22px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.rightButton .icon{width:12px;height:22px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.firstButton .icon{width:12px;height:15px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.lastButton .icon{width:12px;height:15px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}

.leftBar:hover{background:rgba(0,0,0,0.5);}
.rightBar:hover{background:rgba(0,0,0,0.5);}

@media (max-width: 375px) {
	.ad-box-content {
		margin: 36px auto 0;
		width: 94%;
	}

	.ad-header {
	    padding: 36px 0px 12px 0px;
	}

	.ad-title {
		margin-bottom: 3px;
	}

	.ad-section {
	    padding: 0px 15px 20px 15px;
	    max-height: 150px;
	    line-height: 22px;
	    font-size: 14px;
	}

	.ad-footer {
	    padding: 6px;
	    height: 23px;
	}

	.ad-more-btn {
	    padding: 5px 19px;
	}

	.ad-top-icon {
	    background-position: -405px -253px;
	    width: 72px;
	    height: 72px;
	    margin-left: -36px;
	    top: -36px;
	}

	
}

.scrollbar{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.scrollbar-x{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
a{color:#576B95;text-decoration:none;}
a:hover{text-decoration:underline;}
.fontBlack{color:#000000;}
.font20{font-size:20px;}
.clearfix:after{clear:both; content:" "; display:block; height:0; visibility:hidden}

.css_sprite1{background:url(icon/css_sprite01.png) no-repeat;}
.css_sprite{background:url(icon/css_sprite01.png) no-repeat;}
.pc .css_sprite{background:url(icon/css_sprite02.png) no-repeat;}

.icon_arrow{background-position : -332px -33px;}
.icon_more_open{background-position : -18px -328px;}
.icon_more_close{background-position : -18px -387px;}
.icon_more_search_close{background-position : -86px -387px;}
.icon_more_thumbnail_close{background-position : -154px -387px}
.icon_more_tableOfContent_close{background-position : -222px -387px;}
.icon_more_share_close{background-position : -290px -387px;}
.icon_more_about_close{background-position : -358px -387px;}
.icon_more_search_open{background-position : -86px -328px;}
.icon_more_thumbnail_open{background-position : -154px -328px;}
.icon_more_tableOfContent_open{background-position : -222px -328px;}
.icon_more_share_open{background-position : -290px -328px;}
.icon_more_about_open{background-position : -358px -328px;}
.icon_sound_close{background-position : -71px -14px;}
.icon_sound_open{background-position : -13px -14px;}
.icon_search{background-position : -20px -453px;}
.icon_share{background-position : -284px -453px;}
.icon_tableOfContent{background-position : -153px -453px;}
.icon_about{background-position : -219px -453px;}
.icon_print{background-position : -352px -453px;}
.icon_thumbnail{background-position : -86px -453px;}
.icon_searchBtn{background-position : -117px -230px;}
.icon_facebook{background-position : -18px -272px;}
.icon_twitter{background-position : -76px -272px;}
.icon_igoogle{background-position : -134px -272px;}
.icon_more{background-position : -250px -272px;}
.icon_decoration{background-position : -21px -198px;}
.icon_close{background-position : -120px -198px;}
.icon_expand{background-position : -146px -198px;}
.icon_collapse{background-position : -152px -230px;}

.icon_left_button{background-position : -274px -532px;}
.icon_right_button{background-position : -323px -532px;}
.icon_first_button{background-position : -428px -566px;}
.icon_last_button{background-position : -449px -566px;}

/*@media screen and (min-width: 600px) {*/
	 /*当屏幕尺寸大于600px时，应用下面的CSS样式*/
	
	.pc .decoration{position:absolute;left:1px;top:0;width:2px;height:100%;display:none;}
	.pc #soundButton:hover .decoration{display:block;}
	.pc .moreItemButton:hover .decoration{display:block;}
	.pc #soundButton:hover{background:rgba(255,255,255,0.1);}
	.pc .moreItemButton:hover{background:rgba(255,255,255,0.1);}
	
    .pc .buttonBack{
	    position : fixed;
	    width : 48px;
		height : 48px;
		left : 0;
		bottom : 0;
		top:auto;
		z-index : 150;
		overflow : hidden;
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	
	.pc .button{
		position : absolute;
		cursor : pointer;
		width : 22px;
		height : 22px;
		overflow : hidden;
		top:13px;
		left:13px;
	}
	
	.pc .button .button_c{
		width : 100%;height : 100%;
	}
	
	.pc .button:hover{
		top : 13px;
	}
	
	.pc .open .button{top:13px;}
    .pc .close .button{top : 13px;}
    
    .pc .soundButton{
		width : 28px;
		height : 28px;
		overflow : hidden;
		top:10px;
		left:10px;
	}
	
	.pc .open .soundButton{top:10px;}
	.pc .close .soundButton{top : 10px;}
	.pc .open .icon_sound_open{background-position : -178px -2px;}
	.pc .close .icon_sound_open{background-position : -209px -2px;}
	
	.pc .soundButton .button_c{
		width : 28px;height : 28px;
	}
	
	.pc .moreButton{top:72px;display:none;}
	
	.pc .icon_more_open{background-position : -101px -530px;}
    .pc .icon_more_close{background-position : -101px -530px;}
    .pc .icon_sound_open{background-position : -30px -528px;}
	.pc .icon_sound_close{background-position : -64px -528px;}
	.pc .icon_more_search_close{background-position : -173px -528px;}
	.pc .icon_more_thumbnail_close{background-position : -137px -528px;}
	.pc .icon_more_tableOfContent_close{background-position : -209px -528px;}
	.pc .icon_more_share_close{background-position : -243px -528px;}
	.pc .icon_more_about_close{background-position : -280px -528px;}
	.pc .icon_more_search_open{background-position : -173px -528px;}
	.pc .icon_more_thumbnail_open{background-position : -137px -528px;}
	.pc .icon_more_tableOfContent_open{background-position : -209px -528px;}
	.pc .icon_more_share_open{background-position : -243px -528px;}
	.pc .icon_more_about_open{background-position : -280px -528px;}
	
	.pc .icon_thumbnail{background-position : -113px -2px;}
	.pc .icon_search{background-position : -146px -2px;}
	.pc .icon_tableOfContent{background-position : -75px -2px;}
	.pc .icon_share{background-position : -6px -2px;}
	.pc .icon_about{background-position : -41px -2px;}
	.pc .icon_zoom_in{background-position : -279px -2px;}
	.pc .icon_zoom_out{background-position : -310px -2px;}
	.pc .icon_fullscreen{background-position : -340px -2px;}
	.pc .icon_exit_fullscreen{background-position : -368px -2px;}
	.pc .icon_print{background-position : -243px -2px;}
	
	.pc .morePannel{
		width : 48px;
		height : 100%;
		background-color : #0e1319;
		position : absolute;
		z-index : 100;
		top : 0;
		left : 0;
		display:block;
	}
	
	.pc .morePannel .cancel{
		display:none;
	}
	
	.pc .morePannelContainer {
		text-align:center;
		width:100%; 
		height:auto; 
		position:absolute; 
		top:0;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		border-radius:4px;
	}
	
	.pc .moreItemContainer {
		white-space:normal;
		text-align:center;
		width:100%; 
		height:auto; 
		top:0;
		bottom:40px;
		color:#333333;
		background-color : transparent;
		overflow:hidden;
	}
	
	.pc .moreItemButton {width:48px;height:48px;margin:0;display:inline-block;cursor:pointer;font-weight:bold;vertical-align:top;position:relative;}
	.pc .moreItemButton .moreIcon{width:28px;height:28px;position:absolute;left:10px;top:10px;}
	.pc .moreItemButton p{white-space: normal;font-size:12px;margin-top:5px;display:none;}
	
	.pc .openMorePannel{
		display:block;
	}
	
	.pc .closeMorePannel{
		display:none;
	}
	
	.pc .openMorePannel .morePannelContainer{
		display:block;
	}
	
	.pc .closeMorePannel .morePannelContainer{
		display:none;
	}
	
	.pc .moreDecoration{
		width:0;
		height:0;
		border:6px solid transparent;
		border-bottom:7px solid #31618F;
		position:absolute;
		top:-1px;
		left:18px;
		display:none;
	}
/*}*/
p{margin:0;padding:0;}
ul{margin: 0px; padding: 0px; list-style: none outside none;}
li {margin: 0px; padding: 0px; list-style: none outside none;}

html{
	width : 100%;
	height : 100%;
	position : fixed;
}

body{
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
	border : 0px;
	position : relative;
	-webkit-user-select : none;
	-moz-user-select : none;
    -ms-user-select : none;
    user-select : none;
    overflow : hidden;
    font-family: HelveticaNeue, Helvetica, Arial, Cambria, sans-serif;
}
.bookContainer{z-index:100;}
/*//book object*/
.book{
	position : absolute;
	z-index : 2;
	-webkit-transform : translate3d(0,0,0) scale3d(1,1,1);
	-moz-transform : translate3d(0,0,0) scale3d(1,1,1);
	-o-transform : translate3d(0,0,0) scale3d(1,1,1);
	transform : translate3d(0,0,0) scale3d(1,1,1);
	-ms-transform : translate(0,0) scale(1);
	
	/*-webkit-filter:drop-shadow(rgba(0,0,0,0.6) 0 0 3px);
	-ms-filter:drop-shadow(rgba(0,0,0,0.6) 0 0 3px);
	-moz-filter:drop-shadow(rgba(0,0,0,0.6) 0 0 3px);
	-o-filter:drop-shadow(rgba(0,0,0,0.6) 0 0 3px);
	filter:drop-shadow(rgba(0,0,0,0.6) 0 0 3px);*/
}
.mask {
     position : absolute;
     right:50%;
     left:auto;
     /*background:blue;*/
     /*opacity:0.5;*/
     transform-origin : 100% 50%;
     -webkit-transform-origin : 100% 50%;
	 -moz-transform-origin : 100% 50%;
	 -ms-transform-origin : 100% 50%;
	 /*border:2px solid #ff0000;*/
     overflow:hidden;
     
     -webkit-backface-visibility : hidden;
     -moz-backface-visibility : hidden;
     -ms-backface-visibility : hidden;
     backface-visibility : hidden;
}
.right-side{
	position:absolute;
	background-color:white;
	right:0px;
	left:auto;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
}	
.left-side{
	position:absolute;
	background-color:white;
	left:auto;
	right:auto;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
}

.flip-side{
	position:absolute;
	background-color:white;
	left:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
}

.flip-hard-left-side{
	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{
	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:0.8;
	z-index:1;
}

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

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

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

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

/*left shadow*/
.leftShadow {
  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%);

  /*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)));*/
}

/*right shadow*/
.rightShadow {
  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');

}

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

}

.leftPaperCoil {
  position: absolute;
  z-index:6;
  right: 0px;
  /*left: auto;*/
  width: 20px;
  height: 100%;
  background-image: url(icon/leftCoil.html);
  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;
  z-index:6;
  left: 0px;
  /*right: auto;*/
  width: 21px;
  height: 100%;
  background-image: url(icon/rightCoil.html);
  background-repeat: repeat-y;

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

.flip-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');
	
	/*background-color : #00ffFF;*/
	
	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');
	
	/*background-color : #ffff00;*/
	width : 100px;
	overflow : hidden;
	visibility : hidden;
	z-index : 20;
	position : absolute;
}

.loadingImage{
	z-index:1;
	position:absolute;
	margin:auto;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	width:30px;
	height:30px;
}

.tipsBox{
	position : absolute;
	-webkit-border-radius : 3px;
	-moz-border-radius : 3px;
	-o-border-radius : 3px;
	border-radius : 3px;
	-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);
	background-color : #333333;
	opacity : 0.5;
	display : none;
	z-index : 110;
	width:190px;
	left:0;
	right:0;
	top:100px;
	margin:auto;
	text-align:center;
	color : #f0f0f0;
    font-size : 15px;
    padding : 10px;
}

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

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

  color: #EDAA1D;

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

  padding: 5px;

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

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

  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#000000', StartColorStr='#545454');

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

}

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

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

.thickness{position:absolute;height:100%;perspective:500;-webkit-perspective:500;-moz-perspective:500;-ms-perspective:500;cursor:pointer;}
.thickness .top_part{position:relative;height:50px;width:100%;}
.thickness .center_part{position:relative;height:auto;width:100%;}
.thickness .bottom_part{position:relative;height:50px;width:100%;}
.thickness .part{background-repeat:no-repeat;}
.left_thickness .top_part{background:url(icon/thickness_left.png);background-position:right 0;}
.left_thickness .center_part{background:url(icon/thickness_left.png);background-position:right -50px;}
.left_thickness .bottom_part{background:url(icon/thickness_left.png);background-position:right bottom;}
.right_thickness .top_part{background:url(icon/thickness.png);background-position:left 0;}
.right_thickness .center_part{background:url(icon/thickness.png);background-position:left -50px;}
.right_thickness .bottom_part{background:url(icon/thickness.png);background-position:left bottom;}
.left_thickness{
	-webkit-transform-origin : 100% 0%;
	-moz-transform-origin : 100% 0%;
	-ms-transform-origin : 100% 0%;
	-o-transform-origin : 100% 0%;
	transform-origin : 100% 0%;
}
.right_thickness{
	-webkit-transform-origin : 0% 0%;
	-moz-transform-origin : 0% 0%;
	-ms-transform-origin : 0% 0%;
	-o-transform-origin : 0% 0%;
	transform-origin : 0% 0%;
}
.thickness .shadow{
	position:absolute;
	z-index:-1;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	background-color: #CCCCCC;
	top:3px;
	left:0;
	width:100%;
}
.left_thickness .shadow{
	-webkit-box-shadow : -3px 0px 6px rgba(125, 125, 125, 0.7);
	-moz-box-shadow : -3px 0px 6px rgba(125, 125, 125, 0.7);
	-ms-box-shadow : -3px 0px 6px rgba(125, 125, 125, 0.7);
	box-shadow : -3px 0px 6px rgba(125, 125, 125, 0.7);
	-webkit-transform-origin : 100% 0%;
	-moz-transform-origin : 100% 0%;
	-ms-transform-origin : 100% 0%;
	-o-transform-origin : 100% 0%;
	transform-origin : 100% 0%;
	transform : rotateY(-20deg) scaleX(1) scaleZ(1);
	-webkit-transform : rotateY(-20deg) scaleX(1) scaleZ(1);
	-moz-transform : rotateY(-20deg) scaleX(1) scaleZ(1);
	-ms-transform : rotateY(-20deg) scaleX(1) scaleZ(1);
	margin-left:1px;
}
.right_thickness .shadow{
	margin-left:-1px;
	-webkit-box-shadow : 3px 0px 6px rgba(125, 125, 125, 0.7);
	-moz-box-shadow : 3px 0px 6px rgba(125, 125, 125, 0.7);
	-ms-box-shadow : 3px 0px 6px rgba(125, 125, 125, 0.7);
	box-shadow : 3px 0px 6px rgba(125, 125, 125, 0.7);
	-webkit-transform-origin : 0% 0%;
	-moz-transform-origin : 0% 0%;
	-ms-transform-origin : 0% 0%;
	-o-transform-origin : 0% 0%;
	transform-origin : 0% 0%;
	transform : rotateY(20deg) scaleX(1) scaleZ(1);
	-webkit-transform : rotateY(20deg) scaleX(1) scaleZ(1);
	-moz-transform : rotateY(20deg) scaleX(1) scaleZ(1);
	-ms-transform : rotateY(20deg) scaleX(1) scaleZ(1);
}

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

#webgl{
 background: transparent;
 width: 100%;
 height: 100%;
 left:0;
 bottom:0;
 position:absolute;
 z-index:100;
 display:none;
}