@charset "utf-8";
/* Reset CSS */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dt, dd, pre, form, fieldset, legend, button, input, textarea, th, td, figure{margin:0;padding:0;}
body, button, input, select, textarea{font-family:'Open Sans', Verdana, sans-serif; font-size:12px; line-height:150%;}

a img{border:0;}
ul, li, ol{list-style-type:none;}
table{border-collapse:collapse; border-spacing:0;}
select, input, img, textarea{vertical-align:middle;}
input:focus, textarea:focus{outline:none; color:#1b1b1b;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#b7b7b7;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#b7b7b7;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#b7b7b7;}
input[type="button"], input[type="submit"], input[type="reset"], select{-webkit-appearance:none; outline:none;}
a{text-decoration:none;}
a:active{text-decoration:none; -webkit-tap-highlight-color:transparent;}
a{*hide-focus: expression(this.hideFocus=true);}
a:focus{outline:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.text-right{text-align:right;}
.none{display:none;}
.fwb{font-weight:bold;}
.fwn{font-weight:normal;}
.tdu{text-decoration:underline;}
.posr{position:relative;}
.fixed{position:fixed; left:0; top:0;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.clr{clear:both; display:block; width:100%;height:0px;overflow:hidden; visibility:hidden;}
.nowrap{white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%;}

.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.ml10{margin-left:10px;}
.color-41b2{color:#41b2e0;}
.color-ff00{color:#f00;}


/* icon font */
@font-face {
  font-family: 'iconfont'; 
  src: url('//at.alicdn.com/t/font_92213_f5izhwfqsiw9udi.eot');
  src: url('//at.alicdn.com/t/font_92213_f5izhwfqsiw9udi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_92213_f5izhwfqsiw9udi.woff') format('woff'),
  url('//at.alicdn.com/t/font_92213_f5izhwfqsiw9udi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_92213_f5izhwfqsiw9udi.svg#iconfont') format('svg');
}                   
.iconfont, .flex-direction-nav a{
  font-family:"iconfont" !important;
  font-style:normal;
  font-size:18px;
  -webkit-font-smoothing: antialiased;
 /*  -webkit-text-stroke-width: 0.2px; */
  -moz-osx-font-smoothing: grayscale;
}

.home-icon:before{content:"\e60d";}
.search-icon:before{content:"\e600";}
.bookmarks-icon:before{content:"\e60a";}
#back-top:before{content:"\e610";}
.delete-icon:before{content:"\e60c";}
.return-icon:before{content:"\e602";}
.reader-icon:before{content:"\e60f";}
.new-icon:before{content:"\e603";}
.completed-icon:before{content:"\e604";}
.ongoing-icon:before{content:"\e60e";}
.updated-icon:before{content:"\e605";}
.change-icon:before{content:"\e606";}
.share-icon:before{content:"\e609";}
.collapse-icon:before{content:"\e607";}
.expand-icon:before{content:"\e608";}
.setting-icon:before{content:"\e601";}
.comment-icon:before{content:"\e612";}
.facebook-icon:before{content:"\e66e";}
.news-icon{color:#fff; background:#fd5447; font-style:inherit; border-radius:3px; padding:0 3px; line-height:14px; display:inline-block;}
.red_circle{background:#f00; width:5px; height:5px; font-size:0; border-radius:50%; display:inline-block; vertical-align:middle; margin-left:5px;}

/* site content */
html,body{width:100%; overflow-x:hidden;}
article, aside, header, footer, nav, dialog, figure, section{display:block; position:relative;}
.site-content{background-color:#fff; min-height:100%; width:100%; z-index:3; position:relative; /* max-width:1280px; margin:0 auto; */}
.main{min-height:500px;}

/* title */
.title-black{height:36px; line-height:36px; padding:0 10px; color:#454545; font-size:14px;}
.title-green{font-size:18px; line-height:24px; margin:20px 0 10px; text-align:center; color:#a5c181;}
.title-green span{font-weight:700; color:#75b520;}

/* button */
.button-one{background-color:#fd4523;color:#fff;font-size:14px;padding:0 10px;line-height:30px;height:30px;display:inline-block;}
.button-two{background-color: #ff6920;color:#fff;font-size:14px;width:76px;text-align:center;height:48px;padding-top:12px;display:inline-block;/* border-radius:5px; */}
.button-three{background-color:#4c6da9; color:#fff; font-size:14px; padding:0 10px; width:100px; line-height:26px; height:26px; display:inline-block; border-radius:5px;}

/* header */
.header{background-color:#75b520; height:42px; position:relative;}
.menu{height:66px; background:#75b520;}
.menu ul{letter-spacing:-3px; text-align:center;}
.menu ul li{width:33%; letter-spacing:0; text-transform:uppercase; display:inline-block;}
.menu ul li a{font-size:14px; display:block; color:#fff; border:1px solid #6aa51c; border-left:none; height:48px; padding-top:16px;}
.menu ul li:last-child a{border-right:none;}
.menu ul li a i{display:block;}
.menu ul li a:active, .menu ul li a.select{background-color:#231815; border-color:#322420;}
.return-icon{color:#fff; left:5px; top:12px;  position:absolute; font-size:24px;}
.return-title{color:#fff; font-size:20px; text-align:center; font-weight:700; line-height:42px;}

/* banner and top search */
.top-banner{position:relative; overflow:hidden;}
.flexslider .slides > li{display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides > li:first-child{display:block; -webkit-backface-visibility:visible;}
.flexslider .slides img{width:100%; display:block;}
.flex-pauseplay span{text-transform:capitalize;}
.flexslider{position:relative; zoom:1; overflow:hidden;}
.flex-viewport{max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport{max-height:300px;}
.flexslider .slides{zoom:1;}
.flex-direction-nav{*height:0;}
.flex-direction-nav a{width:30px; height:30px; margin:-20px 0 0; color:#999; font-size:24px; display:block; position:absolute; top:50%; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{right:-36px;}
.flex-direction-nav a:before{content:"\e60b";}
.flex-direction-nav .flex-next:before{content:"\e60c";}
.flex-direction-nav .flex-prev{left:-36px;}
.flexslider:active .flex-next{opacity:0.8; right:5px;}
.flexslider:active .flex-prev{opacity:0.8; left:5px;}
.flexslider:active .flex-next:active, .flexslider:active .flex-prev:active{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:.3; cursor:default;}
.flex-control-nav{width:100%; position:absolute; bottom:0; text-align:center; z-index:1;}
.flex-control-nav li{margin:0 5px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a{width:6px; height:6px; display:block; background:rgba(0,0,0,0.5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:active{background:rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active{background:rgba(255,255,255,0.9); cursor:default;}
.flex-control-thumbs{margin:5px 0 0; position:static; overflow:hidden;}
.flex-control-thumbs li{width:25%; float: left; margin:0;}
.flex-control-thumbs img{width:100%; display:block; opacity:.7; cursor:pointer;}
.flex-control-thumbs img:active{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1; cursor:default;}
.top-search{position:absolute; left:0; top:15px; height:30px; width:100%;}
.top-search-content{background:rgba(255,255,255,0.5); position:relative; margin:0 10px; line-height:30px; padding:0 10px; border-radius:20px;}
.top-search-content input{border:none; background:none;}
.top-search-content input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #f9f9f9 inset;}
.top-search-content .search-text{width:100%; color:#212121; font-size:15px; padding:3px 0; line-height:24px;}
.top-search-content .search-icon{position:absolute; top:0; right:0; color:#212121; cursor:pointer; text-align:center; line-height:30px; font-size:13px; width:30px; background-color:#75b520; border-radius:20px; height:30px;}

/* manga list */
.post{position:relative; width:92px;}
.post p{color:#6e6e6e; text-align:center;}
.post .cover{border:1px solid #e5e5e5; height:140px; width:90px; display:block; position:relative;}
.post .cover img{width:100%; height:100%;}
.post .cover p{position:absolute; left:0; bottom:0; width:100%; color:#fff; text-align:right;
background-image:-webkit-linear-gradient(to bottom, rgba(255,255,255,.3), rgba(0,0,0,.8));
background-image:linear-gradient(to bottom, rgba(255,255,255,.3), rgba(0,0,0,.8));}
.post .cover p em{font-style:inherit; padding-right:5px;}

.post-one{padding:5px 8px; border-bottom:1px solid #eee; position:relative;}
.post-one .cover{border:1px solid #e5e5e5; height:100px; width:64px; float:left;}
.post-one .cover img{width:100%; height:100%;}
.post-one .cover-info{padding-left:80px;}
.post-one .cover-info p{color:#b6b6b6; margin-top:5px;}
.post-one .cover-info p.title a{color:#6e6e6e; font-size:15px;}
.post-one .cover-info p a{color:#b6b6b6;}
.post-one .del-button{position:absolute; bottom:0; right:0; width:68px; height:64px; overflow:hidden;}
.post-one .del-button i{background:#f4f4f4; width:80px; height:80px; border-radius:50%; color:#75b520; font-size:56px;  padding:32px 0 0 15px; display:block;}
.post-one .del-button i:active{background:#75b520; color:#fff;}

/* bookmark main */
.bookmark-main, .search-main{padding:10px; background:#eee;}
.comment-main{margin-top: 10px;}
.post-list{background:#fff;}

/* search */
.search-top{margin-left:45px; position:relative; background:#58920b; border-radius:20px 0 0 20px; top:6px; padding:0 10px;}
.search-top input{width:100%; border:none; background:none; line-height:30px; height:30px; font-size:13px; color:#212121;}
.search-top input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #58920b inset;}
.search-top .search-icon{position:absolute; right:0; top:-6px; border-radius:20px 0 0 20px; background:#58920b; font-weight:700; cursor:pointer; font-size:20px; line-height:42px; height:42px; width:35px; color:#212121;}
.search-main .reader-icon{font-size:64px; position:absolute; bottom:15px; right:-5px; color:#75b520; display:none;}
.search-main ul li a:active .reader-icon{display:block;}

/* page layout */
.manga-list{letter-spacing:-3px; position:relative; padding:0 5px; text-align:center;}
.manga-list li{display:inline-block; letter-spacing:0; vertical-align:top; margin:0 1% 5px;}
.post-list{letter-spacing:-4px; position:relative;}
.post-list li{display:inline-block; min-width:300px; letter-spacing:0; vertical-align:top;}
.more-list{background-color:#75b520; cursor:pointer; line-height:30px; margin:10px; color:#fff; font-size:14px; text-align:center;}
.more-list a{color:#fff; font-size:14px;}

/* genres */
.genres-manga{padding:20px 0; background:#eee; min-height:460px;}
.genres-manga .top-search{position:inherit; top:auto; left:auto;}
.genres-manga .top-search-content input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset;}
.genres-list{letter-spacing:-4px; margin-bottom:30px;}
.genres-list li{display:inline-block; background:#fff; letter-spacing:0; width:33%; vertical-align:top;}
.genres-list li a{color:#6e6e6e; border:1px solid #e6e6e6; display:block; line-height:36px; text-align:center; margin:-1px -1px 0 0;}
.genres-list li a.select, .genres-list li a:active{color:#79b42b; background-color:#f3f3f3;}
.status-list{letter-spacing:-4px; text-align:center;}
.status-list li{display:inline-block; background:#fff; letter-spacing:0; width:25%; vertical-align:top;}
.status-list li a{color:#6e6e6e; border:1px solid #e6e6e6; display:block; height:60px; text-align:center; margin:0 -1px 0 0;}
.status-list li a i{display:block; color:#75b520; margin:12px 0 2px; font-size:20px;}
.status-list li a.select, .status-list li a:active{color:#fff; background-color:#75b520;}
.status-list li a.select i, .status-list li a:active i{color:#fff;}

/* detail manga */
.manga-detail{padding:10px 0;}
.manga-detail .manga-detail-top{padding:0 10px 10px;}
.manga-detail-top .title{font-size:16px; font-weight:700; color:#6e6e6e; margin-bottom:5px;}
.manga-detail-top .detail-cover{border:1px solid #e5e5e5; height:170px; width:108px; float:left;}
.manga-detail-top .detail-info{padding:0 0 0 124px;}
.manga-detail-top .detail-info p{color:#b6b6b6; padding-top:10px;}
.manga-detail-top .detail-info p a{margin-right:10px; color:#0077cc;}
.manga-detail-top .detail-info p:first-child a{color:#b6b6b6;}
.manga-detail-top .detail-info p:last-child a{color:#fff;}
.manga-detail-top .detail-info p:last-child a:last-child{background:#414d4d;}
.manga-detail-top .detail-info p a.bookmarked{background:#eee; color:#a7a7a7;}
.detail-menu{letter-spacing:-3px; text-align:center; border:1px solid #e6e6e6; border-left:none; border-right:none;}
.detail-menu li{display:inline-block; background:#fff; letter-spacing:0; width:33%; vertical-align:top;}
.detail-menu li a{color:#6e6e6e; border-right:1px solid #e6e6e6; display:block; line-height:40px; text-align:center; font-size:13px;}
.detail-menu li:last-child a{border-right:none;}
.detail-menu li.select a, .detail-menu li a:active{color:#fff; background-color:#75b520; border-color:#75b520;}
.table-detail{margin:10px 0;}
.manga-chapters{color:#b6b6b6;}
.manga-chapters dl{margin-bottom:10px;}
.manga-chapters dl dt{padding:0 10px;}
.manga-chapters dl dt i{color:#fd4523; font-size:14px; margin-right:5px}
.manga-chapters dl dt span{color:#6e6e6e; font-size:13px; font-weight:700; margin-right:5px;}
.manga-chapters dl dd.chlist a{display:block; line-height:26px; color:#6e6e6e; padding:0 10px 0 30px;}
.manga-chapters dl dd.chlist a:active{background:#eee;}
.manga-genres{display:none; margin:0 10px;}
.manga-genres ul li{display:inline-block;}
.manga-genres ul li a{padding:0 10px 0 5px; position:relative; line-height:24px; display:block; margin:10px 10px 0 15px; color:#6e6e6e; border-radius:0 3px 3px 0; border:1px solid #e6e6e6; border-left:none;}
.manga-genres ul li a i{border-width:13px; border-style:dashed solid dashed dashed; border-color:transparent #e6e6e6 transparent transparent; width:0; height:0; position:absolute; top:-1px; left:-26px; font-size:0; line-height:0;}
.manga-genres ul li a i em{border-width:13px; border-style:dashed solid dashed dashed; border-color:transparent #fff transparent transparent; width:0; height:0; position:absolute; top:-13px; left:-12px; font-size:0; line-height:0;}
.manga-genres ul li a:active{color:#fd4523; border-color:#fd4523;}
.manga-genres ul li a:active i{border-color:transparent #fd4523 transparent transparent;}
.manga-summary{display:none; padding:10px 20px; color:#9b9a9a; font-size:13px;}

/* member */
.login-main{padding:20px 0;}
.login-main .title{color:#404040; font-size:18px; font-weight:700; text-align:center; margin:20px 10px 10px;}
.login-list{color:#b7b7b7; padding:10px 0;}
.login-list li{margin:0 auto 15px; text-align:center; padding:0 30px;}
.login-list li .input-box{border-bottom:1px solid #cfcfcf; padding:0 5px; font-size:13px; position:relative;}
.login-list li .input-box input{width:100%; border:none; line-height:28px; height:28px;}
.signup-main{padding:20px 10px;}
.signup-list{color:#556a78; font-size:13px; padding:10px 0;}
.signup-list li{margin-bottom:15px;}
.signup-list li .input-box{ border:1px solid #c8d7d4; padding:0 5px;}
.signup-list li .input-box input{width:100%; border:none; line-height:28px; height:28px;}
.signup-main .title{color:#949fa7; font-size:14px;}
.signup-list li label{display:block; margin-bottom:5px;}
.signup-list .button-one, .signup-list .button-two{padding: 0;height:38px; width:120px; line-height:38px; display:inline-block; text-align:center;}
.signup-list input.button-one{border:none;}
.signup-list .button-two{float:right;}
.login-list .button-one{height:40px; line-height:40px; border:none;  padding:0; display:block; text-align:center;}
.login-list .button-one, .login-list .button-two{padding: 0;height:38px; width:100%;line-height:38px; display:block; text-align:center;}
.login-fb{line-height:40px; text-align:center; height:40px; color:#fff; font-size:14px; background-color:#3b5998; display:block;}
.login-fb span{float:left; width:50px; font-size:24px; background-color:#354f88;}
.member img{width:100%;}
.login-tip{color:#b7b7b7; text-align:center; padding:0 10px;}
.tip-error{color:#f00; font-weight:700; text-align:left; padding:0 5px;}
.tip-correct{color:#0d9d22; font-weight:700; text-align:left; padding:0 5px;}
.left-line, .right-line{height:5px; width:1px; background:#cfcfcf; position:absolute; bottom:0; font-size:0;}
.left-line{left:0;}
.right-line{right:0;}
.or{color:#fff; background-color:#ccc; font-style:normal; text-align:center; display:block; margin:0 auto; width:30px; height:30px; line-height:30px; border-radius:50%;}

/* manga read  */
.mangaread-title{color:#fff; font-size:20px; text-align:center; line-height:42px;}
.mangaread-title .fb-like{
    position: absolute;
    left: 33px;
    top: -10px;
}
.change-icon{top:12px; right:10px; position:absolute; color:#fff; font-size:24px;}
.mangaread-main{background-color:#1a1a1a; position:relative;}
.mangaread-img{padding:10px; margin:0 auto; position:relative; text-align:center;}
.mangaread-img img, #image{max-width:100%;}
.mangaread-img #image{min-width:200px;min-height: 80px;background: url(../images/loading.gif) no-repeat center;}
.mangaread-img .loadingImg{width:auto;margin: 60px auto;}
.mangaread-operate{background-color:#75b520; height:40px; padding:0 10px; font-size:13px; line-height:40px; color:#81d4fa; text-align:right;}
.mangaread-operate span{height:40px;}
.mangaread-operate i{font-size:20px; cursor:pointer; color:#fff; margin-right:10px;}
.mangaread-operate i.bookmarks-icon:before{content:"\e60b";}
.mangaread-operate a.comment-icon{font-size:23px; cursor:pointer; color:#fff; margin-right:10px;}
.mangaread-page{float:right; border:none; background-color:#67922f; margin-top:8px; color:#fff; padding:2px 10px;}
.roll-page{color:#414141; text-align:center; padding:5px 0; border-bottom:2px solid #0d0d0d; margin-bottom:10px;}
.roll-page:last-child{margin-bottom:0;}
.roll-pagebtn{padding:20px 0; text-align:center;}
.roll-pagebtn a{margin:0 20px;}
.fixed-header{position:fixed; top:0; left:0; width:100%; z-index:2;}
.fixed-footer{position:fixed; bottom:0; left:0; width:100%; z-index:2; padding:0;}
.fixed-footer .left{margin-left:10px;}
.fixed-footer .mangaread-page{margin-right:10px;}

/* error page */
.error-page{padding-bottom:0;}
.error-main{margin-top:20px; background:#fff; color:#6e6e6e; min-height:410px;}
.error-main p{padding:15px 10px; color:#6e6e6e; font-size:14px; text-align:center; line-height:24px;}
.error-main img{width:100%;}

/* also like */
.also-like{background:#eee; padding-bottom:10px;}
.also-like .alsotitle{color:#75b520; font-size:16px; padding:20px 10px; text-align:center; background:#fff;}

/* next chapter */
.next-chapter{background:#eee; padding-bottom:10px;}
.next-chapter .next-chapter-tip{color:#b6b6b6; font-size:15px; padding:20px 10px; text-align:center; background:#fff;}
.next-chapter-tip .title a{color:#6e6e6e; font-size:16px;}
.next-chapter-tip p{margin-bottom:10px;}
.next-chapter-tip p.titletip{margin-bottom:20px;}
.next-chapter-tip .othertip{font-size:14px; line-height:24px; color:#6e6e6e;}
.next-chapter-tip .othertip a{color:#0077cc;}

/* dialog box */
.dialog-box{width:100%; position:relative; display:none;}
#box_shadow{background:rgba(0,0,0,0.8); left:0; position:absolute; top:0; z-index:100; overflow:hidden;}

/* user login */
.user-login{background-color:#fff; margin:0 10px; padding:25px 10px; border-radius:5px;}
.user-login .title{font-size:16px; height:40px; line-height:40px; color:#75b520; text-transform:uppercase; text-align:center;}
.user-login-main{padding:10px 0; text-align:center;}
.user-login-main a{display:inline-block; vertical-align:middle; margin:0 5px;}
.user-login-main a:last-child{background-color:#918b8a;}

/* share box */
.share-box{background-color:#fff; margin:0 10px; padding:25px 10px; border-radius:5px;}
.share-box .title{font-size:18px; line-height:40px; margin-bottom:10px; color:#75b520; text-transform:uppercase; text-align:center;}
.share-box p{color:#b6b6b6; text-transform:uppercase; text-align:center;}
.share-box-main{padding:10px 0; text-align:center;}
.share-box-main span{display:inline-block; text-align:center; width:88px; height:26px; line-height:26px; border-radius:5px; color:#fff; margin:0 1px;}
.share-box-main span.facebook-btn{background:#4c6da9;}
.share-box-main span.twitter-btn{background:#19bfe5;}
.share-box-main span.google-btn{background:#ff503e;}

/* manga report */
.manga-report{background-color:#f3f3f3; margin:0 10px; color:#6e6e6e; padding:50px 20px;}
.manga-report p{margin-top:20px;}
.manga-report p.p-textarea{position:relative; padding:3px; border:1px solid #e5e5e5; margin-top:5px; background:#fff;}
.manga-report p.p-textarea textarea{width:100%; border:none; background:none;}
.manga-report p .button-six{margin-left:20px;}

/* footer */
footer{height:40px; border-top:1px solid #d9d9d9; width:100%; color:#84807d; background-color:#f8f8f8; padding-bottom:90px;}
footer ul{letter-spacing:-4px; text-align:center;}
footer ul li{width:25%; letter-spacing:0; display:inline-block; vertical-align:top; line-height:40px;}
footer ul li a{display:block; color:#84807d; border-right: 1px solid #ededed;}
footer ul li a:active, footer ul li a.select{background-color:#f1f1f1; color:#75b520;}
footer ul li:last a {border:none;}
#back-top{bottom:90px; cursor:pointer; display:none; position:fixed; right:10px; width:32px; height:32px; line-height:32px; text-align:center; color:#fff; background:rgba(0,0,0,0.5); border-radius:50%; font-size:18px; z-index:10000;}
#infscr-loading{background:rgba(255, 255, 255, 0.9); letter-spacing:0; border-radius:10px; bottom:60px; color:#222; font-size:15px; font-weight:bold; left:50%; margin-left:-45px;  padding:10px 20px; position:fixed; text-align:center; z-index:100;}

/* adv google */
.adv-here{text-align:center; min-height:45px; padding:10px 0; margin:0 auto;}
.adv-here img{max-width:100%;}
.adv-footer{text-align:center; margin:0 auto; padding:10px 0;}
.adv-footer .adv-300{display:inline-block; vertical-align:top; margin:0 10px;}
.mangaread-main .adv-728-top{position:absolute; top:10px; width:100%; text-align:center; overflow:hidden; height:90px;}

/* mobile-banner */
.mobile-banner{width:100%; height:90px; text-align:center; position:fixed; left:0; bottom:0; z-index:900;}
.mobile-banner .close{position:absolute; top:5px; right:5px; color:#999; text-align:center; line-height:24px; font-size:20px; z-index:999;}
.mobile-banner .close:hover{text-decoration:none;}

/* sidetip */
.sidetip{position:fixed; left:-32px; top:68%;}
.sidetip .setting-icon{background-color:#75b520; color:#fff; border:3px solid #fff; border-radius:50%; font-size:42px; width:64px; height:64px; text-align:center; line-height:64px; float:left; position:relative; z-index:4;}
.sidetip .sidetip-btn{float:left; height:50px; background-color:#75b520; border-radius:30px; border:3px solid #fff; padding:0 15px 0 35px; margin:8px 0 0 -35px; z-index:3; position:relative; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.sidetip .sidetip-btn a{display:inline-block; text-align:center; color:#fff; padding:0 10px; line-height:15px; font-size:13px; margin-top:10px;}
.sidetip .sidetip-btn a:last-child{border-left:1px solid #91c44d;}
.sidetip .slideout{-webkit-transform:translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0); -o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}

.modal-ad{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    text-align: center;
    z-index: 99999;
}
.modal-ad .ad{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -125px 0 0 -150px;
}
.modal-ad .btn-close{
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 1;
 
}

/* comment */
.comment-tab{border-top:1px solid #e9e9e9; color:#546a79; font-size:13px;}
.comment-tab li{float:left; width:50%; background-color:#f3f3f3;  margin-left:-1px; text-align:center; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; height:36px; line-height:36px; cursor:pointer;}
.comment-tab li.select{color:#79b42b; background-color:#fff; border-bottom:1px solid #fff;}
.commet-main{padding:0 10px 10px;}
.fb-comment{padding:10px 0;}
.website-comment{padding-bottom:10px;}
.post-comment{padding:10px 0 0;}
.post-comment .post-textarea{border:1px solid #e9e9e9; margin-right:50px; padding:1px 5px; height:36px;}
.post-comment .post-textarea textarea{width:100%; border:none;}
.post-comment .post-btn{width: auto;float:right; cursor:pointer; margin-top:-40px; padding:0 6px; line-height:40px; height:40px; font-size:13px; border:none; border-bottom:2px solid #da4c07; border-radius:0;}
.discus-comment li{border-bottom:1px solid #e5e5e5; *zoom:1; padding:10px 0;}
.discus-comment li:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.discus-comment li .comment-user{float:left; width:40px; height:40px; border-radius:50%;}
.discus-comment li .comment-content{margin-left:50px; color:#556a78; position:relative;}
.discus-comment li:active, .discus-comment li.select{background-color:#f3f3f3;}
.comment-content .name-time{line-height:18px; height:18px;}
.comment-content .time{color:#b6bdc3; float:right;}
.comment-content .name{color:#41b2e0; float:left;}
.comment-content .comment-text{margin:5px 0;}
.comment-content .comment-text p{white-space:pre-wrap; word-wrap:break-word;}
.comment-content .comment-interaction{display:none; position:absolute; padding:3px 5px; right:10px; bottom:10px; border:1px solid #4864a9; border-radius:5px; height:18px;
  background:#87bbfa; 
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c6e1fe), color-stop(1, #87bbfa) );
  background:-moz-linear-gradient(to bottom, #c6e1fe, #87bbfa);
  background:linear-gradient(to bottom, #c6e1fe, #87bbfa);
}
.comment-interaction a{line-height:18px; display:inline-block; color:#000; font-size:13px; padding:0 5px;}
.comment-interaction a:active, .comment-interaction a.select{border-radius:5px; 
  background-color:#cbe3ff; 
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfefff), color-stop(1, #cbe3ff) );
  background:-moz-linear-gradient(to bottom, #dfefff, #cbe3ff);
  background:linear-gradient(to bottom, #dfefff, #cbe3ff);
}
.comment-interaction em{border-width:6px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #4864a9; width:0; height:0; position:absolute; bottom:-6px; left:-1px; font-size:0; line-height:0;}
.comment-interaction em i{border-width:6px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #87bbfa; width:0; height:0; position:absolute; bottom:-4px; left:-5px; font-size:0; line-height:0;}
.comment-content .comment-quote{background-color:#fafafa; padding:3px; border:1px solid #e9e9e9; margin:3px; position:relative;}
.website-comment .more-list{margin:10px 0;}
#captcha-area .text{padding:3px; border:1px solid #e5e5e5; margin-left:10px; width:60px;}

.bottom_logout{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 42px;
    text-align: center;
    background: #231815;
    color: #fff;
    font-size: 18px;
    z-index: 10001;
}

/* media device */
@media only screen and (min-width:1px) and (max-width:320px){
  
}

@media only screen and (min-width:350px) and (max-width:375px){
  .manga-list li{margin: 0 12px 5px;}
  .post-list li{width:100%;}
}

@media only screen and (min-width:376px) and (max-width:414px){
  .manga-list li{margin: 0 4px 5px;}
  .post-list li{width:100%;}
}

@media only screen and (min-width:415px) and (max-width:480px){
  .post-list li{max-width:460px; width:100%;}
}

@media only screen and (min-width:481px) and (max-width:580px){
  .post-list li{max-width:560px; width:100%;}
}

@media only screen and (min-width:581px) and (max-width:640px){
 .post-list li{max-width:310px; width:50%;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:641px) and (max-width:750px){
 .post-list li{width:50%;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:751px) and (max-width:800px){
 .post-list li{width:50%;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:801px) and (max-width:960px){
 .post-list li{width:33%; max-width:312px;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:961px) and (max-width:1024px){
 .post-list li{width:33%; max-width:330px;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:1025px) and (max-width:1280px){
 .post-list li{width:25%;}
 .genres-manga{min-height:600px;}
}