BODY{width:100%; height:100%; background:#ececec; overflow-x:hidden;overflow-y:hidden}

/*主要翻书部分*/
#center {position:relative; top:22px; left:37px

}
#container{BACKGROUND:#9fa0a0;  WIDTH: 883px; HEIGHT: 660px;}
#container_ctrl{padding-top:10px;}
#container_ctrl ul{list-style-type:none; padding:0px; margin:0px;}
#container_ctrl ul li{float:left; background:skyblue; height:60px; line-height:60px; border:1px solid #2a6983; text-align:center; margin-right:2px;}
#container_ctrl ul li a{display:block;cursor:pointer;width:413px; }
#container_ctrl ul li a:hover{background:#eaeaea; cursor:pointer;}
#DHTMLBOOK {
	BACKGROUND:#9fa0a0; VISIBILITY: hidden; WIDTH: 883px; POSITION: relative;  HEIGHT: 660px
}
#TXTBOX {FONT-SIZE: 0.8em; WIDTH: 410px; COLOR: #aba193; FONT-FAMILY: verdana; POSITION: absolute; TOP: 320px; TEXT-ALIGN: center;}
.page {OVERFLOW: hidden; BORDER-LEFT:0; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; HEIGHT: 100%}
.right {BORDER-RIGHT:0; LEFT: 50%}
.turn {	BACKGROUND: #9fa0a0}
.img {WIDTH: 200%; POSITION: absolute; HEIGHT: 100%}

/*书本背景按钮*/
.header{z-index:99999;position:absolute;width:100%}
.book{background:url(../frame/images/readin_03_.png) no-repeat; width:958px; height:704px; margin:auto; overflow:hidden; position:absolute; margin-left:-479px; left:50%; top:47px;}
.book_nav{width:958px; margin:auto;}
.book_nav img{margin-left:41px; float:left;}
.book_nav_left{width:400px; float:right; margin-top:8px}

/*fedback*/
.fedback{background:url(../frame/images/fedback_03.png) repeat; width:750px; min-height:720px; margin:auto; border-radius:20px; position:relative; top:20px; font-family:Arial;}
.fedback_input,.fedback_text{width:560px; padding-left:10px; font:Arial 14px; background:#FFF; border-radius:8px; border:0; outline:none}
.fedback_input{height:40px; line-height:40px;}
.fedback_text{height:100px; line-height:20px;}
.fedback_button,.fedback_button2{text-align:center; border-radius:10px; color:#FFF; width:147px; float:left; height:44px; line-height:44px; cursor:pointer; font:14px Century Gothic, Arial; border:0; margin-right:15px; outline:none}
.fedback_button{background:#84bf2c; }
.fedback_button2{background:#f38341; }
.fedback_button:hover{background: -webkit-linear-gradient(top,#9dcc56,#9dcc56);}
.fedback_button2:hover{background: -webkit-linear-gradient(top,#fb9458,#fb9458);}

/*菜单按钮*/
.book_nav_right{float:left; margin-top:8px; }
.book_nav_right span{color: #FFF; margin-left:10px; font-family:"微软雅黑";text-align:center; }


.nav_button1,.nav_button2,.nav_button3,.nav_button4,.nav_button5,.nav_button6,.nav_button7{width:45px; height:45px; float:left; border:0; cursor:pointer; outline:none}
.nav_button1{background:url(../frame/images/play.png) no-repeat}/*播放*/
.nav_button2{background:url(../frame/images/auto.png) no-repeat}/*auto*/
.nav_button3{background:url(../frame/images/readinb_05.png) no-repeat}/*看书模式*/
.nav_button4{background:url(../frame/images/readinb_06.png) no-repeat}/*听书模式*/
.nav_button5{background:url(../frame/images/readinb_07.png) no-repeat}/*有拼音*/
.nav_button6{background:url(../frame/images/readinb_08.png) no-repeat}/*无拼音*/
.nav_button7{background:url(../frame/images/readinb_03.png) no-repeat}/*暂停*/
.nav_button8,.nav_button9{width:44px; height:89px; float:left; position:relative; border:0px; top:380px; z-index:99999; outline:none; cursor:pointer}
.nav_button8{background:url(../frame/images/up.png) no-repeat; left:-14px}/*上一页*/
.nav_button9{background:url(../frame/images/next.png) no-repeat; left:886px;}/*下一页*/
.reding_yinying{background:url(../frame/images/reading3.png) repeat-y left; width:442px; height:662px; position:absolute; z-index:9999; top:0px; left:50%; margin-left:-396px; cursor:pointer}




/*底部按钮*/
#footer{background:#2155a8; height:60px; width:100%; position: fixed; bottom:0px; z-index:9999; }
.footer-nav {width:957px; margin:auto;}

.ul_right{ float:left; padding-left:20px;}
.time{line-height:35px; color:#04255A; font-weight:bold;  background:url(../frame/images/time.png) no-repeat; width:97px; height:33px; margin-top:15px; float:left;font-family:Arial; padding-left:40px;}
.ul_left{float:right; margin-right:20px;}
.ul_left img{margin-top:10px;}

.ul_center img{margin-top:10px;margin-left:45px; float:left;}

/* Fullscreen */
html:-moz-full-screen {
    background: red;
}

html:-webkit-full-screen {
    background: red;
}

html:-ms-fullscreen {
    background: red;
    width: 100%; /* needed to center contents in IE */
}

html:fullscreen {
    background: red;
}