/*globle*/
html { overflow-y:scroll; }
body, h1, h2, h3, h4, h5, h6, hr, p,em,span, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,a { font-family:"΢ÈíÑźÚ","ËÎÌå"; margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5em tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
small { font-size:12px; }
ul, ol { list-style:none; }
a { color:#3a3a3a; text-decoration:none; }
a:hover { color:#ff7e00; text-decoration:underline; }
.fl { float:left; }
.fr { float:right; }
.flt li { float:left;}

/*comm*/
body { background:#000;}
#curtain { position:fixed; top:0; left:0; z-index:10;}
#curtain img { width:100%; height:auto;}
.tips { position:absolute; top:1%; right:50%; margin-right:-240px; color:#ffd74e; font-size:1.2em; z-index:99;}
#down { background:url(../img/down.png) no-repeat; background-size:100%; width:134px; height:45px; position:fixed; bottom:5%; right:3%; z-index:99; text-indent:-999px; overflow:hidden;}
.section { background:#000; position:relative;}
.section .tableCell { background-position:center; background-repeat:no-repeat; background-size:cover; display:none;}
.section .page { width:960px; margin:0 auto;}
.chapter em,.chapter .pre_quote,.chapter .fol_quote,.pre_quote,.fol_quote,.fin,.begin { background-image:url(../img/bg.png); background-repeat:no-repeat;}
.chapter { position:absolute; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 2s; top:3%; left:50%; margin-left:-400px;}
.chapter em { display:block; text-indent:-999px; overflow:hidden; margin-bottom:10px;}
.create em { width:197px; height:109px; background-position:0 0;}
.disseminate em { width:194px; height:112px; background-position:0 -121px;}
.wacth em { width:193px; height:114px; background-position:0 -242px;}
.chapter .pre_quote { background-position:0 -394px; margin-right:10px;}
.chapter .fol_quote { background-position:-51px -394px; margin-right:10px;}
.chapter p { font-size:1.4em; line-height:1.8em; color:#fff; width:300px;}
.describe { position:absolute; top:3%; left:5%; font-size:1.4em;}
.paper { background:url(../img/paper.png) no-repeat top left; width:725px; height:920px; position:fixed; left:50%; margin-left:-362px; bottom:-800px;}
.intro { position:absolute; top:-50px; left:60px;}
.thumb { width:116px; height:120px; background-image:url(../img/thumb.png); background-repeat:no-repeat; float:left; margin-right:15px;text-indent:-999px; overflow:hidden;}
.des { width:460px; float:left;}
.name { font-size:1.2em; color:#000; padding-top:75px; text-shadow: 1px 1px 0 #fff;}
.name strong { font-size:1.6em; font-weight:600; padding-right:8px;}
h3.swords { padding-top:15px; font-size:1.4em; line-height:1.8em; font-weight:300; display:none;}
.pre_quote,.fol_quote { width:14px; height:12px; overflow:hidden; display:inline-block;}
.pre_quote { background-position:0 -488px; margin-right:10px;}
.fol_quote { background-position:-52px -488px; margin-right:10px;}
.words { position:absolute; top:280px; padding:0 90px;}
.words p { color:#463414; font-size:1.4em; padding-bottom:20px; line-height:1.8em; text-indent:2em;}
.words p a { background-color:#a82b1e; color:#f2da9f; padding:2px 4px;}
.words p a:hover { background-color:#e30000; text-decoration:none;}

/*unactive*/
#logo,.chapter { opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
/*animation*/
.active #logo,.active .chapter { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 1s; transition-delay:1.2s;}
.down { -webkit-animation: moveIconUp ease 1.5s both infinite; animation: moveIconUp ease 1.5s both infinite;}
@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(-50%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(50%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity:0;}
}


/*section1*/
.s1 .tableCell { background-image:url(../img/index01.jpg); display:block;}
#logo { background:url(../img/logo.png) no-repeat center; background-size:100%; width:887px; height:530px; position:absolute; left:50%; margin-left:-443px; top:2%; text-indent:-999px; overflow:hidden;}
#s_logo { background:url(../img/s_logo.png) no-repeat center; background-size:100%; width:538px; height:77px; position:absolute; left:50%; margin-left:-269px; bottom:-10%; text-indent:-999px; overflow:hidden;}

/*section2*/
.s2 p { color:#dda429; padding-bottom:15px;}
#flower { width:375px; height:392px; position:absolute; top:30%; left:50%; margin-left:-500px;}
.prewords { font-size:1.4em; line-height:1.8em; width:50%; position:absolute; top:15%; right:50%; margin-right:-25%; padding:5% 0 10%;}
.prewords p { display:none; text-align:center;}

/*section3*/
.s3 .tableCell { background-image:url(../img/index03.jpg);}
.s3 .chapter { margin-left:100px;}
.s3 .describe { color:#7b89d0;}

/*section4*/
.s4 .tableCell { background-image:url(../img/index04.jpg);background-position:center bottom;}
.s4 .chapter { top:10%;}
.s4 .create { margin-right:200px;}
.s4 .describe { color:#7b89d0;}
.s4 .thumb { background-position:-116px 0;}
.s4 .chapter p { width:310px;}

/*section5*/
.s5 .tableCell { background-image:url(../img/index05.jpg);}
.s5 .chapter { margin-left:100px;}
.s5 .describe { color:#7b89d0;}
.s5 .thumb { background-position:-232px 0;}

/*section6*/
.s6 .tableCell { background-image:url(../img/index06.jpg);}
.s6 .chapter { top:40%;}
.s6 .describe { color:#888429;}
.s6 .thumb { background-position:-348px 0;}
.s6 .chapter p { width:310px;}

/*section7*/
.s7 .tableCell { background-image:url(../img/index08.jpg);}
.s7 .describe { color:#717a27;}
.s7 .thumb { background-position:0 -121px;}

/*section8*/
.s8 .tableCell { background-image:url(../img/index09.jpg);}
.s8 .chapter { margin-left:200px; top:15%;}
.s8 .describe { color:#dfc9b0;}
.s8 .thumb { background-position:-116px -121px;}

/*section9*/
.s9 .tableCell { background-image:url(../img/index07.jpg);}
.s9 .chapter { margin-left:-350px; top:10%;}
.s9 .describe { color:#bc0f0b;}
.s9 .thumb { background-position:-464px 0;}

/*section10*/
.s10 .tableCell { background-image:url(../img/index10.jpg);}
.s10 .disseminate { margin-right:200px; top:15%;}
.s10 .describe { color:#a6caff;}
.s10 .thumb { background-position:-232px -121px;}

/*section11*/
.s11 .tableCell { background-image:url(../img/index11.jpg); background-position:center top;}
.s11 .chapter { margin-left:300px;}
.s11 .describe { color:#6b2eae;}
.s11 .thumb { background-position:-580px -121px;}

/*section12*/
.s12 .tableCell { background-image:url(../img/index12.jpg); background-position:center bottom;}
.s12 .chapter { margin-left:-200px; top:15%;}
.s12 .describe { color:#9b0000;}
.s12 .thumb { background-position:-580px 0;}
.s12 .des { width:430px;}

/*section13*/
.s13 .tableCell { background-image:url(../img/index13.jpg);}
.s13 .chapter { margin-left:200px;}
.s13 .describe { color:#4f6961;}
.s13 .thumb { background-position:-348px -121px;}

/*section14*/
.s14 .tableCell { background-image:url(../img/index14.jpg);}
.s14 .chapter { margin-left:-200px;}
.s14 .describe { color:#9c4112;}
.s14 .thumb { background-position:-464px -121px;}

/*section15*/
.s15 .tableCell { background-image:url(../img/index15.jpg); background-position:center;}
.s15 #end { background:#000; color:#f5c656; font-size:1.4em; line-height:1.8em; width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; opacity:0.8;-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; display:none;}
.s15 #end .endword { width:50%; position:absolute; left:50%; top:10%; margin-left:-25%; padding:10% 0;}
.s15 #end p { padding-bottom:15px; display:none;}
#totop { position:absolute; bottom:5%; left:3%; padding:2px 10px; font-style:normal; color:#000; border-radius:10px; font-size:0.9em;}
.s15 em { background-color:#946f18;}
.s15 em.mouseover { background-color:#ffbd21; cursor:pointer;}
.s15 .photo { color:#7a6226; position:absolute; left:3%; top:3%;}


.topbian,.bottbian { background:url(../img/huabian.png); background-repeat:no-repeat; width:471px; height:47px; overflow:hidden; display:block; position:absolute; left:50%; margin-left:-235px;/* opacity:0;-moz-opacity:0; -khtml-opacity: 0;*/}
.topbian { background-position:0 -57px; top:0;}
.bottbian { background-position:0 0; bottom:80%;}
.fin,.begin { position:absolute; bottom:15%; left:50%; display:none; text-indent:-999px; overflow:hidden;}
.begin { background-position:-336px -80px; width:32px; height:39px;margin-left:-16px;}
.fin{ background-position:top right; width:45px; height:39px;margin-left:-24px;}