html{margin:0; padding:0; width:100%; height:100%}
body{font-family: 'Open Sans';  color:#444; font-weight: normal; font-size:12px; line-height:14px; margin:0; padding:0; width:100%; height:100%; background-color:#e0e0e0; text-align:center}
.nav-container{position:absolute; height:8%; width:100%; top: 3% ; left:0; margin:0;} /* overflow:hidden */
/* .nav-container a{margin:0 20px 0 20px; cursor: pointer} */
.left{width:30%; float:left; height:100%; margin-left:5%;overflow:hidden}
.logo{width:70%; height:100%; text-align:left}
.logo img{height:85%}
.center{width:30%;float:left; height:100%; overflow:hidden; margin-top:15px;}
.right{width:60%; height:100%; float:right;margin-right:5%; text-align:right;}
.right-index{width:60%; height:100%; float:left;margin-right:5%; text-align:left;}
.reset{clear:both}

.book-container, .index-container{position:absolute; top:11%; height:89%; width:100%; overflow:hidden; margin:0; padding:0; border:0}
.book-container iframe{margin:0; padding:0;border:0}
.book-container{background:#fff}

.index-container .sx{width:40%; margin-left:10%; height:100%; text-align:center; float:left}
.index-container .dx{width:40%; margin-right:10%; height:100%; text-align:center; float:right}

.index-container .chooselgbtn{padding-top:40%;width:200px; margin:0 auto; cursor:pointer}
.index-container .chooselgbtn h1{padding-top:20px}
.index-container .chooselgbtn img{width:100%}
/* .book{cursor:pointer;margin:0; padding:0;border:0} */
#flip{} /* display:none */

#choose-language{height:100%}

#choose-pub{display:none; height:100%}
.choosepub{height:70%; margin-top:12%; cursor:pointer}
/*
select{padding:5px; border:2px solid #ccc; width:70%; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-border-radius: 0;  -moz-border-radius: 0; border-radius: 0;
			color: rgba(0,0,0,0);
  			text-shadow: 0 0 0 #000;
  			font-size:16px; line-height:18px}
  			select:focus{outline-width: 0;outline: none; }
*/ 			
	
.tendina{position:relative; width:100%; text-align:right;}
.tendina ul{display:none; font-size:16px; line-height:20px; position:absolute; z-index:5; top:0; right:0; width:90%; margin:5% 0 0 0 0 ; padding:20px ; font-weight:normal; background:rgba(255,255,255,0.85); list-style:none; text-align:left}
.tendina ul li{color:#444; text-transform:uppercase; cursor:pointer}
.tendina ul li.active{background:rgba(255,255,255,0.8);}
.tendina ul li a{ width:100%; display:block}
	
h1{cursor:pointer; font-size:30px; line-height:30px; margin:0; padding:0; font-weight:normal}
h1.chooselg{margin-top:3%;}
h1 i{line-height:10px; color:#999}
h2 a{color:#444; text-decoration:none}
.bookname{margin-top:3%;}
#bookname{margin-left:8%}
#close{padding-top:10%; text-align:center; font-size:25px}