html{
	width : 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;
}

.pageContainer{
	height : 100%;
	width : 100%;
	position : absolute;
	margin : 0px;
	overflow : hidden;}

.page{
	height : 100%;
	width : 100%;
	position : absolute;
	margin : 0px;
	overflow : hidden;
	background-image : url(icon/loading.png);
	background-repeat : no-repeat!important;
	background-size : 100px auto;
	background-position : center;
	/*background-color : #ff0000;*/
}

.pageContent{
	position : absolute;
	z-index : 0;
	background-size : 100% 100%;
    background-repeat : no-repeat!important;
    /*background-color : #ffff00;*/
}

.pageSlider{
	position : absolute;
	left : 0px;
	z-index : 5;
	/*background-color : rgba(0,0,128,.5);*/
}

.prevPage{
	z-index : 0;
}

.nextPage{
	z-index : 0;
}

.currentPage{
	z-index : 1;
}

.action{
	z-index : 1;
	display : block;
}

.fc-hide{
	z-index : 0;
	/*display : none;*/
	-webkit-transform : scale3d(0,0,1);
	-moz-transform : scale3d(0,0,1);
	-ms-transform : scale3d(0,0,1);
	-o-transform : scale3d(0,0,1);
}

.fc-scale{
	z-index : 0;
	display : block;
}

.buttonBack{
	position : absolute;
	cursor : pointer;
	width : 48px;
	height : 48px;
	right : 12px;
	top : 12px;
	z-index : 15;
	overflow : hidden;
}

.button{
	position : absolute;
	cursor : pointer;
	width : 48px;
	height : 96px;
	overflow : hidden;
}

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

.open .button{
	left : 0;top : 0;
}

.close .button{
	left : 0;top : -48px;
}

.moreButton{
	top : 72px;
}

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

.morePannelContainer {
	background-color : #ffffff;
	border-radius: 3px;
	float:right;
	margin : 132px 12px 0 12px;
	padding:0 20px 20px 20px;
	max-width : 360px;
	-webkit-transform-origin: 100% 0%;
	-moz-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-o-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	text-align:left;
}

.morePannelContainer span{
	width:0; 
	height:0; 
	border-width:8px; 
	border-style:dashed dashed solid dashed; 
	border-color:transparent transparent #ffffff transparent; 
	position:absolute; 
	right:8px;
	top:-16px;
}

.moreItemButton {margin-top:20px;width:72px;height:72px;display:inline-block;cursor:pointer;}

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

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

@-webkit-keyframes animate_open {
	0%,30% {opacity: 0;-webkit-transform: scale(0);}
	/*60% {opacity: 0.6;-webkit-transform: scale(0.6);}*/
	100% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes animate_open {
	0%,30% {opacity: 0;-moz-transform: scale(0);}
	/*60% {opacity: 0.6;-moz-transform: scale(0.6);}*/
	100% {opacity: 1;-moz-transform: scale(1);}
}
@keyframes animate_open {
	0%,30% {opacity: 0;transform: scale(0);}
	/*60% {opacity: 0.6;transform: scale(0.6);}*/
	100% {opacity: 1;transform: scale(1);}
}

@-webkit-keyframes animate_close {
	0%,30% {opacity: 1;-webkit-transform: scale(1);}
	/*60% {opacity: 0.6;-webkit-transform: scale(0.6);}*/
	100% {opacity: 0;-webkit-transform: scale(0);}
}
@-moz-keyframes animate_close {
	0%,30% {opacity: 1;-moz-transform: scale(1);}
	/*60% {opacity: 0.6;-moz-transform: scale(.6);}*/
	100% {opacity: 0;-moz-transform: scale(0);}
}
@keyframes animate_close {
	0%,30% {opacity: 1;transform: scale(1);}
	/*60% {opacity: 0.6;transform: scale(0.6);}*/
	100% {opacity: 0;transform: scale(0);}
}

.arrow{
	position : fixed;
	width : 80px;
	height : 80px;
	bottom : 0px;
	left : 50%;
	margin-left : -40px;
	z-index : 5;
}

.arrowBac{
	position : absolute;
	z-index : 5;
	width : 64px;
	height : 48px;
	left : 50%;
	bottom : 30px;
	margin : -14px 0px 0px -32px;
	overflow : hidden;
	-webkit-animation : start 1.5s infinite ease-in-out;
	-o-animation : start 1.5s infinite ease-in-out;
	-ms-animation : start 1.5s infinite ease-in-out;
	-moz-animation : start 1.5s infinite ease-in-out;
}


@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

.animateTran{
	-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;
	-moz-transition-delay : 0.8s;
	-webkit-transition-delay : 0.8s;
	-o-transition-delay : 0.8s;
	-ms-transition-delay : 0.8s;
	transition-delay : 0.8s;
}

.pageNum{
	position : absolute;
	bottom : 18px;
	z-index : 5;
	text-align : right;
	font-size : 13px;
	color:#ffffff;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
}

.pageNum span{
	margin-right:12px;
	padding:4px 15px;
	border:1px solid #ffffe0;
	background:rgba(0, 0, 0, .4);
	border-radius:3px;
	font-family:'Arial Black';
}

.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 : 100;
	font-family:Arial;
	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-image:url(icon/icon_bg.png);
}
.table .tableTitle span{margin-left:5px;}
.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:0px;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{width:80%;float:left;margin-left:5%;}
.about .item p{width:80%;float:left;margin-left:5%;}
.about .item img{width:15%;float:left;}
.about .item span{width:15%;float:left;}
.about a{margin-left:5%;}
.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;display:inline-block;position:relative;width:65%;margin:20px 0;padding:0 47px 0 0;}
.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 0 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;}

.tableOfContent .item{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;}

.scrollbar{overflow-y:auto;overflow-x:hidden;-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;}

.icon_arrow{background-position : -255px -20px;}
.icon_more_close{background-position : -187px -15px;}
.icon_more_open{background-position : -129px -14px;}
.icon_sound_close{background-position : -71px -14px;}
.icon_sound_open{background-position : -13px -14px;}
.icon_search{background-position : -13px -88px;}
.icon_share{background-position : -381px -88px;}
.icon_tableOfContent{background-position : -197px -88px;}
.icon_about{background-position : -289px -88px;}
.icon_thumbnail{background-position : -105px -88px;}
.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;}
