/* normalise */
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: 'helvetica neue', arial, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif; overflow-x: hidden; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }
img { max-width: 100%; vertical-align: top; border: 0; height: auto; -ms-interpolation-mode: bicubic; }
ul { padding-left: 0; list-style-type: none; }
i, em { font-style: normal; }
big { font-size: 1.3em; }
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; }
article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block; }
::-moz-selection {
color: #fff;
background: #39f;
}
::selection { color: #fff; background: #39f; }
@-ms-viewport {
width: device-width;
}
/* base */
.fix { *zoom: 1;
*clear: both;
}
.fix:before, .fix:after { display: table; clear: both; content: ''; }
.oh { overflow: hidden; *zoom: 1;
}
.l { float: left; }
.r { float: right; }
.dib { display: inline-block; *display: inline;
*zoom: 1;
}
.pr { position: relative; }
.pa { position: absolute; }
.tc { text-align: center; }
.tr { text-align: right; }
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
img[data-src], .opc0 { opacity: 0; filter: alpha(opacity=0); }
.hide { display: none; }
.hidetext { font: 0/0 a; letter-spacing: -9px; }
.arr { display: inline-block; overflow: hidden; width: 0; height: 0; }
.placeholder { color: #aaa; }
/* option */

a { color: inherit; }
a:hover { color: #39f; }
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: -4px; background: url(../images/ico.png); margin: 0 .3em; }
.ico1_2 { background-position: -20px 0; }
.ico1_3 { background-position: -40px 0; }
.ico1_4 { background-position: -60px 0; }
.ico1_5 { background-position: -80px 0; }
.ico2_1 { background-position: 0 -20px; }
.ico2_2 { background-position: -20px -20px; }
.ico2_3 { background-position: -40px -20px; }
.ico2_4 { background-position: -60px -20px; }
.ico2_5 { background-position: -80px -20px; }
.ico3_1 { background-position: 0 -40px; }
.ico3_2 { background-position: -20px -40px; }
.ico3_3 { background-position: -40px -40px; }
.ico3_4 { background-position: -60px -40px; }
.ico3_5 { background-position: -80px -40px; }
.ico4_1 { background-position: 0 -60px; }
.ico4_2 { background-position: -20px -60px; }
.ico4_3 { background-position: -40px -60px; }
.ico4_4 { background-position: -60px -60px; }
.ico4_5 { background-position: -80px -60px; }
/* style */
html { width: 100%; height: 100%; }
body { color: #fff; background: url(../images/bg.jpg) no-repeat center; width: 100%; height: 100%; overflow: hidden; }
.container { position: absolute; top: 50%; left: 50%; margin-left: -534px; margin-top: -303px; display: none; }

.container.minH{ margin-left: -440px; margin-top: -250px; width: 880px;}
.trans{-webkit-transition: -webkit-transform 0.5s ease-out;
 -moz-transition: -moz-transform 0.5s ease-out;
 -o-transition: -o-transform 0.5s ease-out;
 -ms-transition: -ms-transform 0.5s ease-out;}
.flipbook { z-index: 2; }

/*功能按钮*/
#controls { background: rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99ffffff); height: 44px; line-height: 44px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #333; margin-top: 10px; font-size: 16px; padding: 0 25px; overflow: hidden; }
.next,.prev{ margin-left: 45px; }
.tips{ font-size: 12px;  *display: none;}
.a1, .a2, .a3 { margin-right: 45px; }
.pagenum{ display: block; float: left;}
.bb { position: absolute; top: 0; right: -55px; z-index: 1; }
.b2 { top: 55px; }
.b3 { top: 105px; }
.b4 { top: 173px; right: -117px; }
a.bb:hover { transform: translate(10px); -moz-transform: translate(10px); -ms-transform: translate(10px); -o-transform: translate(10px); -webkit-transform: translate(10px); }
/*------功能按钮---END*/

/*目录页*/
.ca_btn{ display: inline-block; position: absolute; left: 21%; }
.ca_btn:hover{ transform: translate(20px); -moz-transform: translate(20px); -ms-transform: translate(20px); -o-transform: translate(20px); -webkit-transform: translate(20px);}
.ca1{ top: 26%;}
.ca2{ top: 44.6%;}
.ca3{ top: 62%;}
/*--------目录页---END*/

#ie8-warning{ color: #000; text-align: center; line-height: 40px;}
.zhichi{ left: 8%; top: 40%; z-index: 10;}