@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; text-align:center;
}
img{ border:none;}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.win body{font-family:"DINAKARAN2W", Arial, Helvetica, sans-serif;line-height:!important;font-size:100%;font-weight:normal;}
@font-face {font-family: 'DINAKARAN2W';src: url('../fonts/dinakaran2w-webfont.eot');src: url('../fonts/dinakaran2w-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/dinakaran2w-webfont.ttf') format('truetype'),url('../fonts/dinakaran2w-webfont.svg#DINAKARAN2W') format('svg');font-weight:normal;}

p{ margin:10px 2%; width:96%; float:left;}

.header{background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #dadada 7%, #fefefe 78%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(7%,#dadada), color-stop(78%,#fefefe), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
width:100%; height:55px; margin:0px; padding:0px; text-align:center; float:left; position:fixed; z-index:500;}


.header input.sign-bttn{ cursor:pointer; font-size:16px; line-height:55px; font-family:Tahoma, Geneva, sans-serif; border:none; height:55px; margin:0px 5px 0px 10px; float:right; box-shadow:0px 0px 8px -3px #666; text-shadow:1px 1px 1px #FFF; padding:0px 10px;-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;background:#eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #dadada 7%, #fefefe 78%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(7%,#dadada), color-stop(78%,#fefefe), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}
.header input.sign-bttn:hover{ color:#F00;}

.box-233{background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #dadada 7%, #fefefe 78%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(7%,#dadada), color-stop(78%,#fefefe), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
width:100%; height:55px; margin:0px; padding:0px; text-align:center; float:left;}

.header .main-box{width:1000px;}

.header .topmenu{ width:300px; float:left;}
.header .logo{ width:400px; float:left; text-align:center;}
.header .social{ float:left; width:300px;}
.header .social a{ float:right;}
.header a.sign-bttn{ font-size:16px; line-height:55px; font-family:Tahoma, Geneva, sans-serif; height:55px; margin:0px 5px 0px 10px; box-shadow:0px 0px 8px -3px #666; text-shadow:1px 1px 1px #FFF; padding:0px 10px;-webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #dadada 7%, #fefefe 78%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(7%,#dadada), color-stop(78%,#fefefe), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#dadada 7%,#fefefe 78%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}

.header a{ height:60px; line-height:60px; float:left; padding:0px 6px; text-decoration:none; font-size:30px;}
.header a:hover{ text-decoration:none; color:#000;text-shadow:0px 0px 8px #FFF;}
.fa-home:before{font-family: 'FontAwesome'; content:"\f015";}
.fa-book:before{font-family: 'FontAwesome'; content:"\f02d"; font-size:25px;}
.fa-sitemap:before{font-family: 'FontAwesome'; content:"\f0e8"; font-size:25px;}
.fa-facebook:before{font-family: 'FontAwesome'; content:"\f082"; font-size:25px;}
.fa-twitter:before{font-family: 'FontAwesome'; content:"\f081"; font-size:25px;}
.fa-google:before{font-family: 'FontAwesome'; content:"\f0d4"; font-size:25px;}
.fa-sign:before{font-family: 'FontAwesome'; content:"\f084"; font-size:15px; margin-right:5px;}
.fa-info:before{font-family: 'FontAwesome'; content:"\f129";}
.more-plue:before{font-family: 'FontAwesome'; content:"\f067";}
.fa-next:before{font-family: 'FontAwesome'; content:"\f04b"; font-size:15px; margin-right:5px;}


.productDescription{ float:left; width:100%; background-color:#32272C; box-shadow:inset 0px -9px 15px -5px #000; height:200px; color:#FFF; font-size:35px; margin:0px; padding:0px;}
.productDescription a{ text-decoration:none; color:#F90;}
.productDescription a:hover{ text-decoration:none; color:#FF0;} 
.box-line{ float:left; width:100%; height:9px; background-repeat:repeat-x; margin-top:-15px; border-bottom:solid 1px #FFF; border-top:solid 2px #FFF;}

/*----------*/
.main-box-2{ float:left; width:100%;}
.home-left-out{ float:left; width:120px; height:100vh; background-color:#FFF; position:fixed; padding:20px 5px 0px 5px; margin:50px 0px 0px 0px;}
.left-menu{float:left; width:200px; height:100vh; position:fixed;  padding:0px 5px; margin:67px 0px 0px 130px;  border-left:solid 1px #ededed; border-right:solid 3px #ededed;
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 43%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(43%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 43%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 0%,#ffffff 43%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 0%,#ffffff 43%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 43%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.login-box-left{ float:left; border-top:dotted 1px #f0f0f0;  border-bottom:dotted 1px #f0f0f0; padding:5px 0px; box-shadow:0px 0px 8px -4px #CCC; width:100%; margin:10px 0px; text-align:center; font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.login-box-left a{ text-decoration:none;color:#999;}

.left-menu ul{ float:right; margin:0px 10%; width:80%; padding:0px; list-style:none;}
.left-menu ul li{ float:right; width:100%; margin:2px 0px; text-align:right; padding-right:15px; line-height:30px; background-repeat:no-repeat; background-position:right 2px;}
.left-menu ul li:hover{background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 29%, rgba(255,255,255,0) 30%, rgba(225,225,225,0.74) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(29%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0)), color-stop(100%,rgba(225,225,225,0.74))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bde1e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding-right:10px; 
}
.left-menu ul li h1{ float:right; margin:0px; padding:0px; width:100%; line-height:30px;}
.left-menu ul li h1 a{ float:right; text-decoration:none; color:#504d4d; width:100%; font-weight:normal; font-size:23.5px; line-height:30px;}

.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px;}
.home-right-out{float:right; width:160px; height:100vh; background-color:#FFF;  padding:20px 5px 0px 5px; position:fixed; right:2px;  margin:67px 0px 0px 0px;  border-left:solid 3px #ededed; border-right:solid 1px #ededed;}
.main-1000-box{ float:left; width:960px; margin:15px;}
.top-news-pro-1{ width:450px; float:left; overflow:hidden; height:370px; box-shadow:0px 0px 8px 0px #efeeee;}
.top-news-pro-1 table{ float:left; width:100%;}
.top-news-pro-1 a img{ width:auto; min-width:100%;}
.top-news-pro-1 h1{ float:left; width:90%; padding:10px 5%;text-align:right; margin:0px 0px 0px 0px; bottom:0px; background-color:#FFF; height:100px; position:relative; }
.top-news-pro-1 h1 a{ font-weight:normal; font-size:22px; color:#504d4d; text-align:right; line-height:24px; text-decoration:none;}
.top-news-pro-1 h1 a:hover{ text-decoration:none; color:#000;}
.top-news-pro-1 h1 i {color:#FFF;
font-size:20px;
padding:0px; width:40px; line-height:40px; text-align:center; height:40px; margin:-30px 0px 0px 0px; float:left; font-style:italic;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.thotar{ width:300px; height:105px; float:left; margin:0px 0px 15px 0px;  background-repeat:repeat-x; background-position:50px center;}
.thotar a.thotar-img{ float:left; width:80px; height:80px; margin:10px 10px 10px 10px; overflow:hidden;-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}
.thotar a.thotar-img img{ float:left;}
.thotar a{ text-decoration:none; width:180px; float:left;}
.thotar a h5{ font-size:20px; float:left; color:#06F; text-align:right; margin:0px 0px 0px 0px; padding:0px; text-decoration:none; font-weight:normal; line-height:30px;}
.thotar a h2{ font-size:20px; color:#666; float:left; text-align:left; margin:0px 0px 0px 0px; padding:0px; text-decoration:none; font-weight:normal; line-height:22px;}
.google-ad{ float:left; width:300px; height:250px; margin:0px 0px 0px 0px; display:block;}
.top-2{ float:left; width:300px; margin:0px 0px 0px 10px; display:block;}
.book-view{ float:left; box-shadow:inset 0px 0px 25px -3px #CCC; width:190px; margin:0px 0px 0px 10px;}
.book-view table{ float:left; width:100%;}
a.book-link{ float:left; width:100%; line-height:35px; padding:0px; text-align:center; color:#FFF; text-decoration:none; font-size:20px;}
a.book-link:hover{}
a.book{ float:left; width:100%; text-align:center; height:271px; padding:10px 0px; text-decoration:none; line-height:15px; font-size:12px; color:#CCC;}
a.book:hover{ text-decoration:none; color:#000;}
a.book img{ width:160px;}
a.book h4{ float:left; text-align:center; font-size:13px; margin:0px; padding:0px; width:100%; font-weight:normal; color:#666; line-height:45px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
a.book:hover h4{text-decoration:none; color:#000;}
.trans-logo{ float:left; width:100%;background-repeat:repeat-x;}


.header-box-big{ float:left; width:100%; background-image:url(../images/trans-img.png); background-repeat:no-repeat; border-left:solid 0px #F00; height:57px; line-height:57px; margin:20px 0px 10px 0px; padding:0px;}
.header-box-big h1{ line-height:50px; color:#FFF; float:right; margin:7px 2% 0px 0px; padding:0px; font-weight:500; font-size:25px;}
.google-728{ width:100%; margin:0px 0px 10px 0px;  background-repeat:repeat-x; background-position:0px 100px; height:103px; float:left}

.kun-book-1{ float:left; width:100%; height:300px; margin:20px 0px; box-shadow:0px 0px 15px -5px #000; background-color:#F00;}
.k-bookhome{ float:left; width:300px; height:300px; background-image:url(../images/book-bg.png); background-repeat:repeat-x; text-align:center;-webkit-border-top-left-radius: 300px;
-moz-border-radius-topleft: 300px;
border-top-left-radius: 300px;}
.gold-m{ position:absolute; margin:200px 0px 0px 20px; width:93px; height:156px; background-image:url(../images/trans-img.png); background-repeat:no-repeat; background-position:-1450px top; z-index:200;}
.news-box-left{ float:left; width:165px; height:300px;background: rgb(235,235,235); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(235,235,235,1) 0%, rgba(255,255,255,1) 18%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(235,235,235,1)), color-stop(18%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 18%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 18%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 18%); /* IE10+ */
background: linear-gradient(to right,  rgba(235,235,235,1) 0%,rgba(255,255,255,1) 18%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
text-align:left;
}
.news-box-left:hover{height:298px;}
.news-box-left:hover a img{margin:8px 10% 10px 10%;}
.news-box-left a img{ float:left; margin:10px 10%; width:80%; height:auto; clear:both;}
.news-box-left h1{ float:left; width:80%; font-weight:normal; margin:0px 10%; padding:0px;text-align:left;}
.news-box-left h1 a{ font-size:18px; line-height:19px; text-decoration:none; font-weight:500; text-align:left;}
.news-box-left h6{ float:left;  width:80%; font-weight:normal; margin:10px 10% 0px 10%; color:#999; font-style:italic; font-size:9px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
.k-bookhome .shadow{ background-image:url(../images/trans-img.png); background-repeat:no-repeat; background-position:-1545px top; margin:220px 0px 0px 0px; float:left; width:100%; height:50px;}
.effect6{position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.effect6:before, .effect6:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.effect6:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);}
#van-book-2{ background-color:#06C;}
#v-bookhome{ background-image:url(../images/book-bg-2.jpg); background-repeat:repeat-x;
-webkit-border-top-right-radius: 300px;
-moz-border-radius-topright: 300px;
border-top-right-radius: 300px;-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;}
#ad-only{background-repeat:repeat-x; height:3px; overflow:auto; float:left; width:100%; margin-bottom:10px;margin-top:10px;}

.threebox{ float:left; width:100%; margin:10px 0px;}
.google-ad2{ width:300px; float:left;}
.cinema{ float:left; width:460px; background-repeat:repeat-y; background-position:top right; margin:0px 0px 0px 10px;}
.cinema a img{ width:247px; height:auto; clear:both; float:left; margin:0px 10px 10px 0px;}
.cinema h1{ padding:8px; margin:5px 0px 0px -25px; float:left; width:160px;}
.cinema h1 a{ float:left; text-decoration:none; text-align:left; font-size:20px; text-shadow:1px 1px 2px #000; line-height:20px; font-weight:600; color:#FFF; font-weight:normal;}
.cinema h1:hover a{ color:#FF0;}
.cinema p{ float:left; margin:10px; width:170px; background-color:#FFF; text-align:left; height:180px; text-decoration:none; color:#666; overflow:hidden;}
.cinema-2{ width:190px; float:left; background-color:#FFF;}
.cinema-2 a img{ width:80%; margin:20px 0px 0px 0px; float:right; z-index:10; }
.cinema-2 a{ float:right; margin:0px 0px 0px 0px;}
.cinema-2 i {color:#FFF; position:absolute;
font-size:20px;
padding:0px; width:40px; line-height:40px; text-align:center; height:40px; margin:0px 0px 0px 0px; float:left; font-style:italic; z-index:50;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.cinema-2 h1{ float:right; text-align:right; margin:5px 0px; padding:0px; font-weight:normal; width:95%;}
.cinema-2 h1 a{ text-decoration:none; color:#423f3f; font-size:20px; line-height:21px; float:right;}
.cinema-2 h1 a:hover{ text-decoration:none; color:#F00;}

a.more-box-3{ float:right;  color:#FFF; text-decoration:none; line-height:25px; padding:0px 15px; 
float:right; width:50%; text-align:center;
color:#FFF; text-decoration:none; font-size:15px; text-shadow:1px 1px 1px #000;-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-left-radius: 25px;}

a.more-box-3:hover{text-decoration:none; color:#FFF;}
.new-book-week{ width:768px; float:left;}
.more-book{ list-style:none; margin:0px; padding:0px; float:left; box-shadow:inset 0px 0px 8px -3px #999; width:100%;}
.more-book li{ width:22%; margin:5px 0px; padding:10px 1.5%; float:left; overflow:hidden;}
.more-book li a img{ float:left; width:100%;}
.google-160{ width:160px; float:right; margin:20px 0px 10px 0px;}

.all-news-box{ float:left; width:31%; margin:12px 1%; height:200px; overflow:hidden; position:relative;}
.all-news-box h1{ float:left; margin:171px 0px 0px 20%; width:74%; height:80px; text-align:left; padding:10px 3%;position:relative;}
.all-news-box:hover h1{margin:120px 0px 0px 20%;}

.all-news-box a img{ margin:-271px 0px 0px 0px; padding:0px; max-width:100%; height:auto; clear:both;}
.all-news-box:hover a img{ margin:-220px 0px 0px 0px; padding:0px; max-width:100%;}
.all-news-box h1 i.more-plue{background-color:#FFF; margin:-15px 0px 38px -15px; width:30px; height:30px; line-height:30px; float:left;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; font-size:15px; font-weight:normal; text-align:center; font-style:normal; }
.box-22{ margin:12px 33px;}
.all-news-box h1 a{ margin:0px; padding:0px; color:#FFF; font-size:20px; text-align:left; text-decoration:none; font-weight:normal; line-height:18px;}
.all-news-box span{ float:left; height:6px; margin:194px 0px 0px 0px; position:absolute; width:100%; background-image:url(../images/dot-2.png); background-repeat:repeat-x; z-index:500;}


.footer{ width:100%; float:left;background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 18%, #dfdfdf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(18%,#ffffff), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 18%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 18%,#dfdfdf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 18%,#dfdfdf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 18%,#dfdfdf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */  z-index:3000;}
.footer h1{ float:left; width:70%; margin:15px 2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; font-weight:normal; text-align:left;}
.footer h2{ float:left; width:20%; margin:15px 2%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; font-weight:normal; text-align:left;}
 
.footer .main-box{width:1200px;}

.extra{ background-color:#f4f4f4; float:left; width:346px; margin:15px 0px 15px 10px; padding:5px;}
a.pop-box{ width:220px; height:33px;border-bottom:solid 2px #FFF; margin:10px 10px; background-image:url(../images/trans-img.png); background-repeat:no-repeat; background-position:0px -86px; float:left;}
a.pop-box:hover{ border-bottom:solid 2px #F00;}
.pop-list{ float:left; width:100%; margin:0px; padding:0px; list-style:none;}
.pop-list li{ margin:10px 1%; width:96%; float:left; padding:5px 1%; background-color:#FFF; box-shadow:0px 0px 5px #e9e9e9;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.pop-list li h1{ float:left;  margin:0px 5% 0px 0px; padding:0px; font-weight:normal; font-size:16px; color:#333; width:65%; text-align:right;}
.pop-list li h1 a{ float:right; color:#242424; font-size:16px; line-height:18px; text-decoration:none;}
.pop-list li h1 a:hover{ text-decoration:none; color:#000;}
.pop-list li a img{ float:left; width:30%;}
.pop-list li span{ float:left;  margin:0px; padding:0px; font-weight:normal; font-size:10.5px; color:#999; width:100%; text-align:right;}

.subscribe{ float:left; width:100%;}
.sub-box-1{ float:left; width:70%; margin:5px 3% 0px 0px;}
.sub-box-2{ float:left; width:24%; margin:5px 1% 0px 0px;}
.sub-box-1 h1,.sub-box-2 h1{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; text-transform:uppercase; color:#999;}
.sub-box-1 ul,.sub-box-2 ul{ float:left; width:100%; list-style:none; margin:0px; padding:0px;}
.sub-box-1 ul li{ float:left; width:23%; margin:10px 0.5%; padding:0px; height:40px; border:solid 1px #f1f1f1;}
.sub-box-2 ul li{ float:left; width:50px; margin:10px 0.5%; padding:0px; height:50px; border:solid 1px #f1f1f1; overflow:hidden;}

.google-ad-exr{margin:10px 1%; float:left; padding:15px 5px; background-color:#FFF; box-shadow:0px 0px 5px #e9e9e9; width:96%;}


.footer .mani-box-3{ margin:0px 0px 0px 345px; background:none;}







.pop-list{ float:left; width:100%; margin:0px; padding:0px; list-style:none;}
.pop-list .more-pop{ margin:10px 1%; float:left; padding:5px 1%; background-color:#FFF; box-shadow:0px 0px 5px #e9e9e9;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; width: 96%;}
.pop-list .more-pop h1{ float:left;  margin:0px 5% 0px 0px; padding:0px; font-weight:normal; font-size:16px; color:#333; width:65%; text-align:right;}
.pop-list .more-pop h1 a{ float:left; width:100%; color:#242424; font-size:16px; line-height:18px; text-decoration:none;}
.pop-list .more-pop h1 a:hover{ text-decoration:none; color:#000;}
.pop-list .more-pop a { float:left; width:30%;}
.pop-list .more-pop a img{ float: right; width:100%; height: auto; clear: both;}
.pop-list .more-pop span{ float:left;  margin:0px; padding:0px; font-weight:normal; font-size:10.5px; color:#999; width:100%; text-align:right;}
.frame div img{ width:160px; height:226px;}


nav {display: block; text-align: center;}
nav ul{list-style: none;}
nav li{display: inline-block;}
nav a{display: inline-block;color: white;text-decoration: none;}
nav a:hover { }
nav a:active {}
nav select { display: none;}

.left-login-box{ float:left; width:28%; margin-right:2%; text-align:right;}
.left-login-box h1{ font-size:16.5px; font-family:Arial, Helvetica, sans-serif; color:#F90; margin:15px 0px 0px 0px; padding:0px; line-height:15.5px;}	
.header .left-login-box a{font-size:16.5px; font-family:Arial, Helvetica, sans-serif; color:#F90; margin:10px 0px 0px 0px; float:right; padding:6px 15px; box-shadow:0px 0px 5px #000;  line-height:16.5px; height:auto; clear:both; text-decoration:none;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.header .left-login-box a:hover{ background-color:#900; text-shadow:1px 1px 1px #000;}
.right-login-box{ float:left; width:50%; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.right-login-box h1{ font-size:16.5px; font-family:Arial, Helvetica, sans-serif; color:#F90; margin:15px 0px 0px 0px; padding:0px; line-height:15.5px;}	
.header a.submit{font-size:16.5px; font-family:Arial, Helvetica, sans-serif; color:#F90; margin:10px 0px 0px 0px; float:left; padding:6px 15px; box-shadow:0px 0px 5px #000;  line-height:16.5px; height:auto; clear:both; text-decoration:none;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
.header a.submit:hover{ background-color:#900; text-shadow:1px 1px 1px #000;}
.right-login-box span{ float:left; margin:3px 10px 3px 0px;}
.right-login-box span input.kun-box { float:left; width:250px; border:none; background-color:#FFF; box-shadow:2px 2px 5px #000; height:35px; line-height:35px; padding:0px 10px; color:#666; font-family:Arial, Helvetica, sans-serif; font-style:italic;}

.right-login-box a{ float:left; font-family:Arial, Helvetica, sans-serif; color:#900; text-decoration:none; font-size:13px; line-height:18px; margin:15px 5px; padding:0px;}
.right-login-box a:hover{ float:left; text-decoration:underline; color:#FFF; text-shadow:none;}
.right-login-box h6{ float:left; color:#cb453b; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; line-height:11px; font-weight:normal; margin:10px 0px 0px 0px; padding:0px; width:100%;}

.right-login-box-2{ float:left; width:50%; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:none;}
.right-login-box-2 h1{ font-size:16.5px; font-family:Arial, Helvetica, sans-serif; color:#F90; margin:15px 0px 0px 0px; padding:0px; line-height:15.5px;}	


.form-table{ float:left; width:100%;}
.form-table td{ text-align:left; font-family:Arial, Helvetica, sans-serif; padding:10px 0px; border-bottom:dashed 1px #F8F8F8}
.form-table td h4{ margin:0px; padding:0px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.form-table td a{ color:#F00; text-decoration:none; font-size:12px;line-height:30px;}
.form-table td a:hover{ text-decoration:underline; color:#F00;}
.form-table td input{ float:left; width:80%; height:30px; line-height:30px; color:#900; padding:0px; margin:0px;}
.form-table td select{ float:left; width:auto; height:30px; line-height:30px; color:#999; padding:0px; margin:0px 3px 0px 0px;}
.form-table td label{ float:left; width:auto; height:30px; line-height:30px; color:#999; padding:0px; margin:0px;}
.form-table td .small-box{ float:left; width:30px;height:20px; line-height:30px; color:#999; padding:0px 0px; margin:5px 0px;}


#issuu-box{ float:left; width:100%;margin:80px 0px 0px 0px;}
.issui-iframe{ width:100%; height:90vh; float:left; }
.footer-menu{ float:left; width:100%; margin:10px 0px; border-top:dotted 1px #F0F0F0; padding-top:10px;}
.footer-menu a{ font-family:Arial, Helvetica, sans-serif; margin:0px 5px; font-size:13.5px; color:#999; text-decoration:none;}
.footer-menu a:hover{ text-decoration:none; color:#F00;}


/*......940...............*/
@media(max-width:1000px){
body{ background-color:#FFF;}
.header{ float:left; width:100%; float:left; height:60px; position:relative; z-index:500;}
.header .main-box{ float:left; width:100%; border:none;}
.header .topmenu{ width:30%; float:left;}
.header a{ font-size:22px; padding:0px 3px;}
.fa-book:before{ font-size:20px;}
.fa-sitemap:before{ font-size:20px;}
.header .logo{ width:40%; float:left; text-align:center;}
.header .social{ float:left; width:30%;}
.header a.sign-bttn{ width:23px; overflow:hidden;}
.fa-sign:before{font-size:28px;}
.fa-facebook:before{font-size:20px;}
.fa-twitter:before{font-size:20px;}
.fa-google:before{font-size:20px;}

/*--------*/
.home-left-out,.home-right-out{ display:none;}
.mani-box-3{ float:left; width:100%; position:!important; padding:0px; margin:0px;}
/*-----------------*/
.footer .mani-box-3{ margin:0px 0px 0px 0px;}
/*/////////////////////////////////////*/
.login-box-left{ display:none;}
.left-menu{ width:100%; float:left; width:100%; position:relative; height:auto; clear:both; top:auto; left:auto; margin:0px; padding:0px;}
.left-menu ul{ margin:4px 0px; padding:0px; list-style:none; width:100%;}
.left-menu ul li {float:left; width:auto; margin:1px 0px; text-align: left; padding:0px 3px; border:none; line-height:normal; background-position:-500px -500px; border-right:dotted 1px #CCC;}
.left-menu ul li h1 a{  font-size: 12.5px;line-height: normal;}
.left-menu ul li:hover{background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 29%, rgba(255,255,255,0) 30%, rgba(225,225,225,0.74) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(29%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0)), color-stop(100%,rgba(225,225,225,0.74))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,0) 29%,rgba(255,255,255,0) 30%,rgba(225,225,225,0.74) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bde1e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding-right:0px; border-right:dotted 1px #CCC;
}
nav{ float:left; width:100%; margin:2px 0px; padding:10px 0px;}
nav ul{ display: none; }
nav select{display: inline-block; width:80%; height:32px; border:none; margin:8px 0px 0px 0px; }
.left-menu a.logo-icon{ display:none;}
.right-login-box-2{ display:block;}
.right-login-box{ display:none;}
.left-login-box{ float:left; width:48%; margin-right:2%; text-align:right;}

}
@media(max-width:512px){
.fa-facebook,.fa-twitter,.fa-google{ display:none;}
.fa-book,.fa-sitemap{ display:none;}
.header a{ font-size:30px;}
.main-1000-box{ float:left; width:98%; background-color:#FFF; border:none; margin:10px 1%;}
.top-news-pro-1{ float:left; width:100%; height:250px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 h1{ height:180px; font-size:16px;}
.top-news-pro-1 h1 a{ font-size:16px; line-height:18px;}
.top-news-pro-1 a img{ width:100%; max-height:180px; max-width:none;}
.top-2{ float:left; margin:5px 0px; width:100%;}
.thotar a h5{ font-size:13px;}
.thotar a h2{ font-size:15px;}
.book-view{ float:left; margin:0px 0px; width:100%;}
.thotar{ float:left; width:100%;}
.google-ad,a.book,.trans-logo{ display:none;}
a.book-link{ font-size:16px; line-height:35px;}
.header-box-big,.google-728{ display:none;}
.k-bookhome{ width:100%; float:left;-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;}
.news-box-left:hover{ height:190px; border:none;}
.kun-book-1{ border-bottom:solid 3px #900;height:auto; border:none; clear:both;}
#v-bookhome {
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;}
.news-box-left{ width:50%; height:190px; overflow:hidden;}
.news-box-left h1 a{ font-size:11px; line-height:normal;}
.news-box-left h6{ margin:2px 10% 0px 10%;}.news-box-left a img{ max-height:110px; width:auto;}
.google-ad2{display:none;}
.cinema{ width:96%; margin:10px 2%; background:none;}
.cinema a img{ width:80%; height:auto; clear:both;}
.cinema p{ display:none;}
.cinema h1 a{ font-size:14.5px; line-height:normal;}
.cinema h1{width: 54%; font-size:14.5px; line-height:normal;
padding: 2%;
margin: 130px 0px 0px -43%;}
.cinema-2{display:none; width:96%; margin:10px 2%; background:none;}
.new-book-week{ width:100%;}
.google-160{ display:none;}
.all-news-box{ width:100%; margin:5px 0px; height:auto; clear:both;}
.all-news-box span{ display:none;}
.all-news-box h1{ float:right; width:50%;font-size:14.5px; line-height:normal; margin:130px 0px -220px 0px; min-width:190px; padding:10px 0px 0px 0px;}
.all-news-box h1 a{font-size:14.5px; line-height:normal;}
.all-news-box a img{ margin:0px;}
.extra{ float:left; width:100%; margin:0px; padding:0px;}
.pop-list li{ margin:5px 0px;}
.google-ad-exr,.sub-box-2{ display:none;}
.sub-box-1{ float:left; width:98%; margin:0px 1%;}
.sub-box-1 ul li{ width:47%; margin:5px 1%;}
.pop-list li h1 a{ font-size:12.5px; line-height:normal;}
.footer .main-box{ width:96%; padding:2%;}
.footer h1,.footer h2{ width:98%; margin:4px 1%;}
.pop-list .more-pop{ margin:5px 0px;}
}
@media only screen and (min-width :513px) and (max-width:959px){
.fa-facebook,.fa-twitter,.fa-google{ display:none;}
.fa-book,.fa-sitemap{ display:none;}
.header a{ font-size:30px;}
.main-1000-box{ float:left; width:98%; background-color:#FFF; border:none; margin:10px 1%;}
.top-news-pro-1{ float:left; width:50%; height:350px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 h1{ height:180px; font-size:16px;}
.top-news-pro-1 h1 a{ font-size:14px; line-height:18px;}
.top-news-pro-1 a img{height:260px;}
.top-2{ float:left; margin:5px 0px 0px 1%; width:49%;}
.thotar a h5{ font-size:13px;}
.thotar a h2{ font-size:15px;}
.book-view{ float:left;margin:5px 0px 0px 1%; width:49%;}
.thotar{ float:left; width:100%;}
a.book{ height:auto; clear:both;}
a.book img{ float:left;height:163px; width:auto; margin-left:5%;}
.thotar a.thotar-img{ width:30%; margin:2%;}
.thotar a{ width:59%; margin:2%;}
a.book h4{ float:left; width:40%; background-image:url(../images/line-bg-trans-red.png); background-repeat:repeat-x;}
.google-ad,.trans-logo{ display:none;}
a.book-link{ font-size:16px; line-height:35px;}
.header-box-big{ width:100%;}
.header-box-big h1{ font-size:12.5px; width:80%; text-align:right;}
.google-728{ display:none;}
.kun-book-1{ width:100%; background-color:#FFF;max-height:230px; overflow:hidden;}
.k-bookhome{ display:none;}
.news-box-left{ width:25%;}
.news-box-left h1 a{ font-size:11px; line-height:normal;}
.news-box-left a img{ max-height:110px; width:auto;}
.google-ad2,.google-160{ display:none;}
.new-book-week{ float:left; width:100%;}
.all-news-box{ width:49%; margin:2px 0.5%; float:left;}
.all-news-box span{ display:none;}
.all-news-box h1{ float:right; width:50%;font-size:14.5px; line-height:normal; margin:130px 0px -220px 0px; min-width:190px; padding:10px 0px 0px 0px;}
.all-news-box h1 a{font-size:14.5px; line-height:normal;}
.all-news-box a img{ margin:0px;}
.extra{ float:left; width:100%; margin:0px; padding:0px;}
.pop-list li{ width:47%; float:left; margin:2px 0.5%;}
.pop-list li h1 a{ font-size:12.5px; line-height:normal;}
.all-news-box h1 a{font-size:14.5px; line-height:normal;}
.cinema{ width:44%; margin:10px 0px; padding:3%; background:none;}
.cinema a img{ width:150px;height:auto; clear:both;}
.cinema p{ display:none;}
.cinema h1 a{ font-size:20px; line-height:normal; color:#900; text-shadow:none;}
.cinema h1 a:hover{ color:#000; text-decoration:none;}
.cinema h1{background:none; line-height:normal; float:left; width:40%; text-align:left;
padding:0;
margin:0;}
.cinema-2{ width:44%; margin:10px 0px; padding:3%; background:none;}
.cinema-2 a img{ width:150px;height:150px; margin:0px 10px 0px 0px; float:left; clear:both; border-top:solid 3px #F00;}
.cinema-2 i{ display:none;}
.cinema-2 h1 a{ font-size:20px; line-height:normal; float:left; color:#900; margin:0px; padding:0px; text-shadow:none;}
.cinema-2 h1 a:hover{ color:#000; text-decoration:none;}
.cinema-2 h1{background:none; width:40%; text-align:left; line-height:normal;
padding:0;
margin:0; float:left;}
.cinema-2 a{ float:left;}
a.more-box-3{ display:none;}
.footer .main-box{ width:96%; padding:2%;}
.footer h1{ width:60%;}
.pop-list .more-pop{ width:47%; float:left; margin:2px 0.5%;}
.pop-list .more-pop h1 a{ font-size:12.5px; line-height:normal;}
}

@media only screen and (min-width :1001px) and (max-width:1260px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 211px; background-color:#FFF; border-bottom:solid 0px #300; width:790px; }
.mani-box-3:hover{ z-index:10; position: relative;}
.home-left-out,.home-right-out{ display:none;}
.main-1000-box{ width:100%; margin:10px 0% 10px 15px; border:none;}
.left-menu{float:left; margin-left:0px; width:190px;}
.top-news-pro-1{ float:left; width:300px; height:370px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 a img{height:270px;}
.book-view{ width:170px;}
a.book-link{ font-size:15px; width:93%;}
a.book img{ width:80%; height:auto; clear:both}
a.trans-logo-kun{margin: 0px 14px;}
.k-bookhome{ width:28%;}
.news-box-left{ width:18%;}
.main-1000-box{ margin:10px 0px 10px 0px;}
.cinema a img{ width:200px; height:auto; clear:both;}
.cinema h1{ margin:0px 0px 0px -65px; width:174px;}
.cinema p{ background-color:#FFF;margin:0px 0px 0px -65px; padding:10px 10px;}
.cinema{ width:336px;}
.cinema-2{width: 144px;}
.footer .main-box{ width:78%; padding:2%; margin:0px 9%; float:right;}
.new-book-week{width:620px;}
.all-news-box{ width:240px;}
.all-news-box a img{max-width: 168%;}
.all-news-box:hover a img{max-width: 168%;}
.extra{ width:100%; margin:0px; padding:0px;}
.pop-list li{ width:247px;}
.footer .mani-box-3{ margin:0px 0px 0px 220px;}
.pop-list .more-pop{ width:231px;}
	}
@media only screen and (min-width :1200px) and (max-width:1260px){.home-right-out{ display:block;}	}
@media only screen and (min-width :1261px) and (max-width:1359px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:745px; }
.mani-box-3:hover{ z-index:10; position: relative;}
.main-1000-box{ width:98%; margin:10px 1%;}
.left-menu{float:left; width:190px;}
.top-news-pro-1{ float:left; width:250px; height:370px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 a img{height:250px;}
.book-view{width: 160px;}
a.book-link{ font-size:15.5px;}
a.book img{ width:auto; height:180px;} 
a.trans-logo-kun{ margin:0px 15px;}
.k-bookhome{ width:28%;}
.news-box-left{ width:18%;}
.main-1000-box{ margin:10px 0px 10px 0px;}
.cinema{width: 227px;}
.cinema a img{ width:220px; height:auto; clear:both;}
.cinema p{ display:none;}
.cinema h1{ margin:-25px 0px 0px 0px; width:90%; padding:10px 5%;}
.new-book-week {width: 560px;}
.all-news-box{ width:221px;}
.all-news-box a img{max-width: 168%;}
.all-news-box:hover a img{max-width: 168%;}

.extra{ width:730px; margin:0px; padding:0px;}
.pop-list li{width:321px;margin: 10px 17px;}
.footer .mani-box-3 {margin: 0px 0px 0px 345px;}
.pop-list .more-pop{width:316px;margin: 10px 17px;}

	}
@media only screen and (min-width :1360px) and (max-width:1399px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:820px; }
.mani-box-3:hover{ z-index:10; position: relative;}
.main-1000-box{ width:98%; margin:10px 1%;}
.left-menu{float:left; width:190px;}
.top-news-pro-1{ float:left; width:323px; height:370px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 a img{height:250px;}
.book-view{width: 160px;}
a.book-link{ font-size:15.5px;}
a.book img{ width:auto; height:180px;}
a.trans-logo-kun{ margin:0px 15px;} 
.k-bookhome{ width:28%;}
.news-box-left{ width:18%;}
.main-1000-box{ margin:10px 0px 10px 0px;}
.cinema{width:300px;}
.cinema a img{ width:250px; height:auto; clear:both;}
.cinema p{ display:none;}
.cinema h1{ margin:-85px 0px 0px 0px; width:90%; padding:10px 5%;}
.new-book-week {width:626px;}
.all-news-box{ width:245px;}
.all-news-box a img{max-width: 168%;}
.all-news-box:hover a img{max-width: 168%;}

.extra{ width:806px; margin:0px; padding:0px;}
.pop-list li{width:358px;margin: 10px 17px;}
.footer .mani-box-3 {margin: 0px 0px 0px 345px;}
.pop-list .more-pop{width:358px;margin: 10px 17px;}
.all-news-box h1{ float:left; }
	}
@media only screen and (min-width :1400px) and (max-width:1439px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:860px; }
.mani-box-3:hover{ z-index:10; position: relative;}
.main-1000-box{ width:98%; margin:10px 1%;}
.left-menu{float:left; width:190px;}
.top-news-pro-1{ float:left; width:361px; height:370px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 a img{height:250px;}
.book-view{width: 160px;}
a.book-link{ font-size:15.5px;}
a.book img{ width:auto; height:180px;} 
a.trans-logo-kun{ margin:0px 15px;}
.k-bookhome{ width:28%;}
.news-box-left{ width:18%;}
.main-1000-box{ margin:10px 0px 10px 0px;}

.cinema{width:342px;}
.cinema a img{ width:250px; height:auto; clear:both;}
.cinema p{ display:none;}
.cinema h1{ margin:-85px 0px 0px 0px; width:90%; padding:10px 5%;}
.new-book-week {width:667px;}
.all-news-box{ width:258px;}
.all-news-box a img{max-width: 168%;}
.all-news-box:hover a img{max-width: 168%;}

.extra{ width:842px; margin:0px; padding:0px;}
.pop-list li{width:376px;margin: 10px 17px;}
.footer .mani-box-3 {margin: 0px 0px 0px 345px;}
.pop-list .more-pop{width:368px;margin: 10px 17px;}
	}	
@media only screen and (min-width :1440px) and (max-width:1535px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:900px; }
.mani-box-3:hover{ z-index:10; position: relative;}
.main-1000-box{ width:98%; margin:10px 1%;}
.left-menu{float:left; width:190px;}
.top-news-pro-1{ float:left; width:402px; height:370px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 a img{height:250px;}
.book-view{width: 160px;}
a.book-link{ font-size:15.5px;}
a.book img{ width:auto; height:180px;} 
a.trans-logo-kun{ margin:0px 15px;}
.k-bookhome{ width:28%;}
.news-box-left{ width:18%;}
.main-1000-box{ margin:10px 0px 10px 0px;}

.cinema{width:382px;}
.cinema a img{ width:150px; height:auto; clear:both; float:left;}
.cinema p{padding:0px; float:none; width:auto;}
.cinema h1{ margin:0px 0px 0px 0px; width:100%; padding:10px 5%; float:none;}
.cinema h1 a{ float:none; }

.new-book-week {width:700px;}
.all-news-box{ width:272px;}
.all-news-box a img{max-width: 168%;}
.all-news-box:hover a img{max-width: 168%;}

.extra{ width:882px; margin:0px; padding:0px;}
.pop-list li{width:396px;margin: 10px 17px;}
.footer .mani-box-3 {margin: 0px 0px 0px 345px;}
.pop-list .more-pop{width:386px;margin: 10px 17px;}
	}
@media only screen and (min-width :1536px) and (max-width:1599px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:1000px; }
.mani-box-3:hover{ z-index:10; position: relative;}

.top-news-pro-1{ width:470px;}
.header-box-big h1{ display:none;}
.header-box-big{ height:3px; background-image: url(../images/top-line.png); background-repeat:repeat-x;}
.k-bookhome{width:320px;}
.cinema{width:480px;}
.cinema p{width:180px;}
.cinema h1{width:215px;}
.main-1000-box,.extra{ float:left; width:98%; margin:10px 1%; padding:0px;}
.pop-list{ width:96%; margin:0px 2%;}
.pop-list li{ float:left; width:31%; margin:10px 0.5%;}
.google-ad-exr {margin:10px 1%;width: 97%;}
.pop-list{ width:96%; margin:0px 2%;}
.pop-list .more-pop{ float:left; width:30%; margin:10px 0.5%;}
	}	
@media only screen and (min-width :1600px) and (max-width:1679px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:1070px; }
.mani-box-3:hover{ z-index:10; position: relative;}
.top-news-pro-1{ width:538px;}
.header-box-big h1{ display:none;}
.header-box-big{ height:3px; background-image: url(../images/top-line.png); background-repeat:repeat-x;}
.k-bookhome{width: 388px;}
.cinema{width:548px;}
.cinema p{width:255px;}
.cinema h1{width:275px;}
.main-1000-box,.extra{ float:left; width:98%; margin:10px 1%; padding:0px;}
.pop-list{ width:96%; margin:0px 2%;}
.pop-list li{ float:left; width:31%; margin:10px 0.5%;}
.google-ad-exr {margin:10px 1%;width: 97%;}
.pop-list{ width:96%; margin:0px 2%;}
.pop-list .more-pop{ float:left; width:30%; margin:10px 0.5%;}
	}	
@media only screen and (min-width :1680px) and (max-width:1800px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:1143px; }
.mani-box-3:hover{ z-index:10; position: relative;}
.main-1000-box{ width:820px; margin:10px 1%;}
.left-menu{float:left; width:190px;}
.top-news-pro-1{ float:left; width:340px; height:370px;  margin:0px 0px 10px 0px;}
.top-news-pro-1 a img{height:250px;}
.book-view{width: 160px;}
a.book-link{ font-size:15.5px;}
a.book img{ width:auto; height:180px;} 
a.trans-logo-kun{ margin:0px 15px;}
.k-bookhome{ width:28%;}
.news-box-left{ width:18%;}

.cinema{width:320px;}
.cinema a img{ width:150px; height:auto; clear:both; float:left;}
.cinema p{padding:0px; float:none; width:auto;}
.cinema h1{ margin:0px 0px 0px 0px; width:100%; padding:10px 5%;float:none;}
.cinema h1 a{ float:none; }

.new-book-week {width:650px;}
.all-news-box{ width:251px;}
.all-news-box a img{max-width: 168%;}
.all-news-box:hover a img{max-width: 168%;}

.extra{ width:300px; margin:10px 0px 0px 0px; padding:0px;}
.pop-list li{width:90%;margin: 10px 4%; padding:5px 1%;}
.footer .mani-box-3 {margin: 0px 0px 0px 345px;}
.google-ad-exr{ padding:10px 0px; width:300px; margin:10px -0px;}
.pop-list .more-pop{width:90%;margin: 10px 4%; padding:5px 1%;}
}

@media only screen and (min-width :1801px) and (max-width:1900px){
.mani-box-3{ float:left; padding-top:10px; margin:67px 0px 0px 345px; background-color:#FFF; width:1360px;  }
.mani-box-3:hover{ z-index:10; position: relative;}
.extra{width:270px;margin: 15px 0px 15px 0px;}
.footer .mani-box-3 {margin: 0px 0px 0px 345px;}
	}