@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:#d3d3d3;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#d3d3d3;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#d3d3d3;}
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;}
.color-41b2{color:#41b2e0;}
.color-ff00{color:#f00;}

/* icon font */
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?v=003'); /* IE9*/
  src: url('../fonts/iconfont.eot?v=003#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?v=003') format('woff'), /* chrome、firefox */
  url('../fonts/iconfont.ttf?v=003') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?v=003#iconfont') format('svg'); /* iOS 4.1- */
}
.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;
}
.menusub-icon:before{content:"\e60e";}
.history-icon:before{content:"\e610";}
.favorite-icon:before{content:"\e611";}
.search-icon:before{content:"\e616";}
.reader-icon:before{content:"\e60c";}
.more-icon:before{content:"\e608";}
.setting-icon:before{content:"\e606";}
.home-icon:before{content:"\e602";}
.bookmarks-icon:before{content:"\e601";}
.return-icon:before{content:"\e60d";}
.facebook-icon:before{content:"\e600";}
.twitter-icon:before{content:"\e615";}
.google-icon:before{content:"\e614";}
.delete-icon:before{content:"\e60f";}
#back-top:before{content:"\e607";}
.bookmarkchoose:before{content:"\e618";}
.user-icon:before{content:"\e60b";}
.change-icon:before{content:"\e609";}
.edit-icon:before{content:"\e60a";}
.next-icon:before{content:"\e603";}
.prev-icon:before{content:"\e605";}
.view-icon:before{content:"\e608";}
.report-icon:before{content:"\e61b";}
.ban-icon:before{content:"\e61a";}
.page-icon:before{content:"\e604";}
.smile-icon:before{content:"\e619";}
.hotspoilers-icon:before{content:"\e61c";}
.news-icon:before{content:"\e61f";}
.topics-icon:before{content:"\e61e";}
.newmanga-icon:before{content:"\e61d";}
.email-icon:before{content:"\e620";}
.acg-icon:before{content:"\e621";font-size: 20px;}

/* 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;}
.contentcover{position:absolute; width:100%; height:100%; left:0; top:0; bottom:0; right:0; z-index:2; display:none; background:rgba(0, 0, 0, 0.3);}

/* title */
.title-orange{border-top:1px solid #fe9400; color:#ff6920; font-weight:700; line-height:28px; text-transform:uppercase; padding:0 10px;}
.title-orange .more{color:#0077cc; font-size:8px; float:right; text-transform:none;}
.title-black{height:36px; margin-bottom:10px;}
.title-black span{border-top:1px solid #879999; display:inline-block; color:#000; line-height:36px; font-size:22px; font-weight:700; text-transform:uppercase;}
.return-title{color:#fff; font-size:16px; text-align:center; font-weight:700; line-height:42px;}
.user-btn{width:60px; height:60px; border-radius:50%; border:1px solid #ccc; line-height:60px; text-align:center;}
.user-btn i{font-size:30px; color:#ccc;}
.facebook-btn, .twitter-btn, .google-btn{width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px;}
.facebook-btn{color:#fff; background-color:#4c6da9;}
.twitter-btn{color:#1fa0de; background-color:#8ad7fc;}
.google-btn{color:#fff; background-color:#ff503e;}

/* button */
.button-one{background-color:#79b42b; border-bottom:2px solid #649e18; color:#fff; font-size:14px; padding:0 10px; line-height:28px; height:28px; display:inline-block; border-radius:0;}
.button-two{background-color:#ff6920; border-bottom:2px solid #da4c07; color:#fff; font-size:14px; padding:0 10px; line-height:28px; height:28px; display:inline-block; border-radius:0;}
.button-three{background-color:#ede7e7; border-bottom:2px solid #bababa; color:#556a78; font-size:14px; padding:0 10px; line-height:28px; height:28px; display:inline-block; border-radius:0;}
.button-four{background-color:#dc5562; width:72px; height:72px; border-radius:50%; color:#fff; font-size:16px; line-height:72px; text-align:center; display:inline-block;}
.button-five, .button-six{font-size:13px; line-height:26px; display:inline-block; width:90px; text-align:center; border-radius:20px; border:1px solid #ff6920; color:#ff6920;}
.button-six{border:1px solid #546a79; color:#546a79;}

/* header */
.header{background-color:#129bc9; height:42px; position:relative;}
.header .fb-like{
    position: absolute;
    top: 12px;
    left: 40px;
}
.header-menu{float:right; margin-right:10px;}
.header-menu ul li{float:left;}
.header-menu ul li a{line-height:39px; padding:0 10px; font-size:15px; font-weight:700; display:block; color:#81d4fa; border-bottom:3px solid #129bc9;}
.header-menu ul li a:active, .header-menu ul li a.select{background-color:#0089b7; color:#fff; border-bottom:3px solid #ffff00;}

/* 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!important; filter:alpha(opacity=30); cursor:default;}
.flex-control-nav{width:100%; position:absolute; top:5px; 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{background:rgba(255,255,255,0.9); position:absolute; left:0; bottom:0; height:46px; width:100%;}
.top-search-content{background:rgba(0,0,0,0.4); position:relative; margin:8px 20px; line-height:30px; padding:0 15px; border-radius:10px;}
.top-search-content input{border:none; background:none;}
.top-search-content .search-text{width:100%; color:#fff; font-size:15px; padding:3px 0; line-height:24px;}
.top-search-content input.search-text:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #989898 inset;}
.top-search-content .search-icon{position:absolute; top:3px; right:3px; color:#fff; cursor:pointer; text-align:center; line-height:24px; font-size:16px; width:48px; background-color:#666; border-radius:10px; height:24px;}
.top-history{height:32px; background-color:#fff; border-bottom:1px solid #d9d9d9; color:#556a78; margin-bottom:10px;}
.top-history li{width:50%; float:left; line-height:32px;}
.top-history li a{display:block; color:#556a78; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.top-history li a:active{background-color:#f3f3f3;}
.top-history li:nth-child(1) a{border-right:1px solid #d9d9d9;}
.top-history li i{color:#546a79; float:left; margin-right:5px;}

/* manga list */
.post{padding:3px 10px; position:relative; height:86px;}
.post:active{background-color:#f3f3f3;}
.post .cover{border:1px solid #e5e5e5; padding:2px; height:80px; width:64px; float:left;}
.post .cover img{width:100%; height:100%;}
.post .cover-info{padding:0 80px;}
.post .cover-info p{color:#8896a0; margin-bottom:2px;}
.post .cover-info p.title{color:#556a78; text-transform:uppercase;}
.post .cover-info p:last-child{margin-bottom:0; opacity:.5}
.post .ch-button{position:absolute; top:50%; text-align:center; margin-top:-32px; right:10px; width:62px; height:62px; background-color:#79b42b; color:#fff; font-size:14px; border-bottom:2px solid #649e18; float:right;}
.post .ch-button .reader-icon{display:block; font-size:24px; line-height:24px; margin:10px 0 5px;}

/* menusub content */
.menusub-icon, .return-icon, .delete-icon, .change-icon{position:absolute; left:10px; top:0; font-size:26px; cursor:pointer; color:#81d4fa; line-height:42px;}
.menusub-icon:active, .return-icon:active, .delete-icon:active, .change-icon:active{color:#fff;}
.menusub-content{width:240px; display:none; z-index:2; padding:15px 10px 0; position:fixed; bottom:0; left:0; top:0; border-bottom:5px solid #1c2227; overflow-x:hidden; overflow-y:auto; background-color:#38454f;}
.menusub-search{position:relative; background:#4c5861; padding:0 30px 0 15px; height:30px; border-radius:10px;}
.menusub-search .search-text{color:#fff; width:100%; text-indent:20px; background:none; border:none; font-size:14px; line-height:30px;}
.menusub-search input.search-text:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #4c5861 inset;}
.menusub-search .search-icon{position:absolute; left:10px; top:6px; color:#fff; font-size:18px;}
.menusub-search .search-button{position:absolute; top:3px; right:3px; color:#ccc; cursor:pointer; font-size:13px; padding:0 6px; background-color:#3f4a53; border:none; border-radius:10px; height:24px;}
.menusub-user{margin-top:30px; position:relative;}
.menusub-user .avatar-info{text-align:center; color:#fff; font-size:16px; margin-bottom:30px;}
.menusub-user .avatar-info a{color:#fff;}
.menusub-user .avatar-img{width:80px; height:80px; border-radius:50%; display:block; margin:0 auto 10px;}
.menusub-user .setting-icon{position:absolute; top:0; right:0; color:#fff;}
.menusub-user .menu-user li a{line-height:48px; display:block; color:#fff; padding:0 0 0 20px; border:1px solid #38454f; border-left:none; border-right:none;}
.menusub-user .menu-user li a:active, .menusub-user .menu-user li a.select{background-color:#424e58; border-color:#646e76;}
.menusub-user .menu-user li a i{margin-right:10px; color:#fff; font-size:16px;}
.menusub-user .menu-user li a i.topics-icon{font-size:20px; margin-left:-3px;}
.menusub-user .menu-user li p a{line-height:24px; border:none; color:#a0a0a0; padding-left:45px;}
.menusub-user .menu-user li p a:active{color:#fff; background:none;}
.menu-bottom{letter-spacing:-4px; position:absolute; left:0; bottom:0; width:100%; text-align:center; background-color:#1c2227;}
.menu-bottom li{width:24%; letter-spacing:0; display:inline-block; vertical-align:top; line-height:50px;}
.menu-bottom li a{color:#fff; display:block; font-size:13px;}
.menu-bottom li a:active{background-color:#161b1f;}

/* page layout */
.manga-list{letter-spacing:-4px; position:relative;}
.manga-list li{display:inline-block; min-width:320px; letter-spacing:0; vertical-align:top;}
.hot-list{padding-top:10px;}
.genres-manga{padding:30px 10px;}
.genres-list{letter-spacing:-4px; margin-bottom:30px;}
.genres-list li{display:inline-block; letter-spacing:0; max-width:100px; width:33%; vertical-align:top;}
.genres-list li a{color:#879999; border:1px solid #ededed; display:block; line-height:36px; text-align:center; margin:-1px 0 0 0;}
.genres-list li a.select, .genres-list li a:active{color:#79b42b; background-color:#f3f3f3;}
.more-list{background-color:#129bc9; cursor:pointer; line-height:30px; margin:10px; border-radius:3px; color:#fff; font-size:14px; text-align:center;}

/* detail manga */
.manga-detail{padding-top:10px;}
.manga-detail .manga-detail-top{padding:0 10px 10px;}
.manga-detail-top .title{font-size:14px; font-weight:700; color:#556a78; margin-bottom:5px;}
.manga-detail-top .detail-cover{border:1px solid #e5e5e5; padding:2px; height:123px; width:96px; float:left;}
.manga-detail-top .detail-info{padding:0 0 0 112px;}
.manga-detail-top .detail-info p{color:#556a78; padding-top:5px;}
.manga-detail-top .detail-info p:last-child{margin-bottom:0;}
.manga-detail-middle{letter-spacing:-4px; padding-left:10px;}
.manga-detail-middle li{display:inline-block; vertical-align:top; font-size:13px; letter-spacing:0; margin:0 15px 6px 0;}
.manga-detail-middle li a{display:block; border:1px solid #556a78; color:#556a78; width:86px; line-height:24px; height:24px; text-align:center; border-radius:20px;}
.manga-detail-middle li a:active, .manga-detail-middle li.select a{border:1px solid #ff6920; background-color:#ff6920; color:#fff;}
.manga-detail-middle li a.bookmarked, .manga-detail-middle li a.bookmarked:active, .manga-detail-middle li a.bookmarked.select{border:1px solid #ccc; color:#ccc; background:#fff;}
.table-detail{margin:10px 0;}
.manga-chapters{color:#556a78;}
.manga-chapters .time{text-align:center; opacity:.5;}
.manga-chapters ul, .manga-genres ul{letter-spacing:-4px; padding:10px 0 0 10px;}
.manga-chapters ul li, .manga-genres ul li{display:inline-block; vertical-align:top; letter-spacing:0; margin:0 10px 6px 0;}
.manga-chapters ul li a, .manga-genres ul li a{display:block; border:1px solid #ccc; color:#fff; background-color:#ccc; width:90px; line-height:24px; height:24px; text-align:center; border-radius:20px;}
.manga-chapters ul li a:active, .manga-chapters ul li a.select, .manga-genres ul li a:active, .manga-genres ul li a.select{border:1px solid #ff6920;}
.manga-genres{display:none;}
.manga-genres ul li a{padding:0 10px; width:auto;}
.manga-summary{display:none; padding:10px; background:#f3f3f3; color:#556a78; font-size:13px;}

/* search header */
.search-header{border:1px solid #d8d8d8; background-color:#fff; padding:0; height:40px; color:#556a78;}
.search-header .return-icon{color:#fff; left:auto; float:left; background-color:#129bc9; width:40px; line-height:40px; position:inherit; text-align:center;}
.search-header .input-box{margin-left:40px; padding:0 5px; position:relative;}
.search-header .input-box input{width:100%; border:none; line-height:40px; height:40px; font-size:13px;}
.search-header .input-box .search-icon{position:absolute; right:5px; top:10px; color:#129bc9; cursor:pointer; height:20px; width:30px; text-align:center;}
.search-header .input-box input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset;}

/* manga topics */
.topics-main{padding:20px 0;}
.topics-main .title-black{margin:0 10px;}
.manga-topics{letter-spacing:-4px; margin:0 1px;}
.manga-topics li{letter-spacing:0; display:inline-block; margin:0 9px 10px; vertical-align:top;}
.manga-topics li img{width:140px; height:40px;}

/* member */
.login-main, .signup-main{padding:20px 10px;}
.login-list, .signup-list{color:#556a78; font-size:13px; padding:10px 0;}
.login-list li, .signup-list li{margin-bottom:15px;}
.login-list li label{width:70px; float:left; line-height:30px;}
.login-list li .input-box, .signup-list li .input-box{margin-left:70px; border:1px solid #c8d7d4; padding:0 5px;}
.login-list li .input-box input, .signup-list li .input-box input{width:100%; border:none; line-height:28px; height:28px;}
.login-list .button-one, .login-list .button-two{height:38px; line-height:38px; display:block; text-align:center;}
.login-list input.button-one{width:100%; border-top:none; border-left:none; border-right:none;}
.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;}
.signup-main .title{color:#949fa7; font-size:14px;}
.signup-list li .input-box{margin-left:0;}
.signup-list li label{display:block; margin-bottom:5px;}
.signup-list .button-one, .signup-list .button-two{height:38px; width:120px; line-height:38px; display:inline-block; text-align:center;}
.signup-list input.button-one{border-top:none; border-left:none; border-right:none;}
.signup-list .button-two{float:right;}
.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%;}

/* spoilers */
.spoilers-main{padding:30px 10px;}
.spoilers-list li{padding:10px 0; border-bottom:1px solid #e5e5e5;}
.spoilers-list li p{color:#b6bdc3;}
.spoilers-list li a{color:#556a78; font-size:13px;}

/* news manga */
.news-main{padding:30px 10px;}
.news-list li{padding:10px 0; border-bottom:1px solid #e5e5e5;}
.news-list li a{color:#556a78; font-size:13px;}
.news-list li img{border:1px solid #e5e5e5; padding:2px; max-height:110px; max-width:146px;}

.news-detail .title{color:#556a78; font-size:14px; text-align:center; margin-top:10px;}
.news-detail .time-info{color:#b6bdc3; text-align:center;}
.news-detail a{color:#41b2e0}
.news-detail p{margin-bottom:10px;}
.news-detail img{max-width:280px; max-height:354px; display:inline-block; margin:0 auto;}
.detail-news-tags{font-size:13px; color:#949fa7;}
.detail-news-tags a{height:26px; line-height:26px; border-radius:10px; background-color:#ccc; color:#fff; margin:0 0 5px 5px; padding:0 10px; display:inline-block;}

/* bookmark main */
.bookmark-main{padding:20px 6px;}
.bookmark-list{letter-spacing:-4px; text-align:center;}
.bookmark-list li{letter-spacing:0; display:inline-block; margin:0 4px 5px; vertical-align:top;}
.bookmark-list li .cover{border:1px solid #e5e5e5; padding:2px; height:114px; width:88px; position:relative;}
.bookmark-list li .cover img{height:100%; width:100%;}
.bookmark-list li .cover span{position:absolute; background:rgba(0,0,0,0.5); color:#d9d9d9; text-align:center; bottom:2px; left:2px; width:88px; font-size:10px;}
.bookmark-list li .cover .bookmarkchoose{width:25px; height:25px; cursor:pointer; font-size:25px; line-height:25px; color:#fff; background:rgba(0,0,0,0.2);  position:absolute; top:5px; right:5px; border-radius:50%;}
.bookmark-list li .cover .bookmarkchoose.select, .bookmark-list li .cover .bookmarkchoose:active{background:#09bb07;}
.bookmark-selectinfo{cursor:pointer; top:0; color:#81d4fa; font-size:16px; line-height:42px; position:absolute;}
.bookmark-selectinfo.slect, .bookmark-selectinfo:active{color:#fff;}
.bookmarkleft{left:10px; right:auto;}
.bookmarkright{right:10px; left:auto;}
.delete-bookmark{right:10px; left:auto; font-size:18px;}
.bookmarkmenu{position:fixed; left:0; bottom:0; width:100%; z-index:1;}
.boomark-delete{padding:0 10px; max-width:300px; margin:0 auto;}
.boomark-delete a{display:block; text-align:center; margin-top:10px; line-height:38px; height:38px; font-size:16px;}
.boomark-delete a:nth-child(1){color:#ff6920;}

/* also like */
.also-like{padding:20px 10px; color:#556a78;}
.also-list{letter-spacing:-4px;}
.also-list li{letter-spacing:0; display:inline-block; margin:0 3px 5px; vertical-align:top;}
.also-list li .cover{color:#556a78; text-align:center;}
.also-list li .cover img{height:114px; width:88px; border:1px solid #e5e5e5; padding:2px;}
.also-list-title{color:#ff6920; text-transform:uppercase; margin:10px 0; font-weight:700;}

/* next chapter */
.next-chapter{padding:20px 10px;}
.next-chapter p{text-align:center;}
.next-chapter p.title-info{color:#b6bdc3; font-size:13px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ededed;}
.next-chapter p.title a{font-size:15px; font-weight:700; color:#556a78; margin-bottom:5px; display:inline-block;}
.next-chapter p.url-title{font-size:14px; color:#556a78; margin-bottom:5px;}
.next-chapter p.url-here a{font-size:14px; color:#0066ff; margin-bottom:15px; display:inline-block;}

/* 404 error */
.error-404{padding:20px 10px; color:#556a78;}
.error-404 p{font-size:14px; text-align:center; margin-bottom:10px;}
.error-404 p.title{font-weight:700; margin-bottom:5px;}

/* 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{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;}

/* manga read  */
.change-icon{left:auto; right:10px;}
.mangaread-main{background-color:#1a1a1a; position:relative; padding-top:20px;}
.mangaread-img{min-height: 200px;padding:10px; margin:0 auto; position:relative;text-align: center;}
.mangaread-img img, #image{width:100%; min-height: 200px;background: url(../images/loading.gif) no-repeat center;}
.mangaread-img .loadingImg{width:auto;margin-top: 50px;}
.mangaread-operate{background-color:#129bc9; 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;}
.mangaread-operate i.report-icon{margin-right:20px; font-size:24px;}
.mangaread-operate i.email-icon{font-size:28px; margin-left:20px;}
.mangaread-page{float:right; border:none; background-color:#0e7ca1; margin-top:10px; color:#81d4fa; 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;}

/* manga tsuk */
.tsuk-control{background-color:#047095; height:40px; line-height:40px; color:#ccc; padding:0 10px; font-size:13px;}
.tsuk-control .tsuk-infonub{float:left;}
.tsuk-control .tsuk-btn{float:right; height:40px;} 
.tsuk-control .tsuk-btn i{margin:0 10px; font-size:20px; cursor:pointer;}
.tsuk-control .tsuk-btn i:last-child{margin-right:0;}
.tsuk-control .tsuk-btn i:active, .tsuk-control .tsuk-btn i.select{color:#fff;}
.manga-tsuk{background-color:#f3f3f3; margin:0 10px; color:#556a78; padding:50px 20px;}
.manga-tsuk p{margin-top:20px;}
.manga-tsuk p.p-textarea{position:relative; padding:3px; border:1px solid #e5e5e5; background:#fff;}
.manga-tsuk p.p-textarea textarea{width:100%; border:none; background:none;}
.manga-tsuk p #text-number{position:absolute; bottom:10px; right:5px; color:#0b7b0b; font-size:14px;}
.manga-tsuk p .button-six{margin-left:20px;}
.auth_code .text{padding:3px; border:1px solid #e5e5e5; margin-left:10px; width:60px;}
.tsuk-info{position:absolute; left:0; top:0;}
.tsuk-info .info-content{line-height:20px; max-width:200px; text-align:left; min-height:1px; overflow:hidden; padding:0 5px; background-color:rgba(255, 255, 189, 0.9); border:1px solid #7e7e7e; position:relative; white-space:pre-wrap; word-wrap:break-word;}
.tsuk-info .del-info{height:16px; line-height:16px; text-align:right; padding:0 5px; background-color:rgba(0, 0, 0, 0.7);}
.tsuk-info .del-info a{color:#fff; display:inline-block;}
.tsuk-info .del-info a:active{color:#f00;}
.tsu-dialog{display:none; position:fixed; z-index:99999; top:50%; left:0; width:100%; margin-top:-25px;}
.tsu-dialog-info{color:#f0851d; border:4px solid #f0851d; font-size:16px; padding:15px 10px; background-color:#fff; text-align:center; margin:0 10px;}
.tsu-wall{background-color:rgba(0,0,0,0.4); z-index:9999; position:absolute; top:10px; left:10px;}
#titleinfo{background-color:#e8e8e8; border:1px solid #bdbdbd; position:absolute; left:0; top:0; z-index:10000; border-radius:5px; padding:0 10px; display:none;}
#mousecoord.tsu-cursor{position:absolute; z-index:9998; top:auto; left:auto; width:40px; height:40px;}
#mousecoord.tsu-cursor-no{}
.tsuk-tip{text-align:center; color:#fff; font-size:18px;}

/* 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:#f3f3f3; margin:0 10px;}
.user-login .title{font-size:16px; background-color:#fff; height:50px; line-height:50px; color:#556a78; text-align:center;}
.user-login-main{padding:30px 0; text-align:center;}
.user-login-main a{display:inline-block; vertical-align:middle; margin:0 5px;}
.user-login-main a:nth-child(3){background-color:#b1bc39;}
.tip-error{color:#f00; font-weight:700;}
.tip-correct{color:#0d9d22; font-weight:700;}

/* share box */
.share-box{background-color:#f3f3f3; margin:0 10px;}
.share-box .title{font-size:22px; background-color:#fff; height:50px; line-height:50px; color:#556a78; text-align:center;}
.share-box-main{padding:30px 0; text-align:center;}
.share-box-main span{display:inline-block; text-align:center; width:60px; height:60px; line-height:60px; vertical-align:middle; margin:0 5px;}
.share-box-main .share-box-middle{display:inline-block; vertical-align:middle;}
.share-box-main span i{font-size:30px;}
.share-box-main span i.user-icon{font-size:48px; color:#ccc;}
.share-box-middle span{display:block;}
.share-box-middle span.twitter-btn{margin-bottom:20px;}
.share-box-middle span .twitter-icon{margin-left:5px;}

/* manga report */
.manga-report{background-color:#f3f3f3; margin:0 10px; color:#556a78; 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, .manga-report p.p-textarea input{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:#556a78; background-color:#f8f8f8;}
footer ul{letter-spacing:-4px; text-align:center;}
footer ul li{width:24%; letter-spacing:0; display:inline-block; vertical-align:top; line-height:40px;}
footer ul li a{display:block; color:#556a78; border-right:1px solid #ededed;}
footer ul li a:active, footer ul li a.select{background-color:#f1f1f1;}
footer ul li:last-child a{border-right:none;}
#back-top{bottom:120px; cursor:pointer; display:none; position:fixed; right:15px; width:32px; height:32px; line-height:32px; text-align:center; color:#848484; background:rgba(221,221,221,0.8); border-radius:5px; font-size:18px; z-index:10000;}

/* adv google */
.adv-here{text-align:center; min-height:45px; margin:10px auto;}
.mangaread-main .adv-here{margin:0 auto; padding:10px 0; text-align:center;}
.mangaread-main .adv-here img{width:100%; max-width:960px; max-height:150px;}
.adv-footer{ 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;}

.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;
}
/* media device */
@media only screen and (min-width:1px) and (max-width:320px){
  
}

@media only screen and (min-width:321px) and (max-width:480px){
  .manga-list li{max-width:480px; width:100%;}
  .tsuk-control .tsuk-btn i{font-size:24px;}
  .tsuk-control .tsuk-infonub{font-size:14px;}
}

@media only screen and (min-width:481px) and (max-width:580px){
  .manga-list li{max-width:580px; width:100%;}
  .tsuk-control .tsuk-btn i{font-size:24px;}
  .tsuk-control .tsuk-infonub{font-size:14px;}
}

@media only screen and (min-width:581px) and (max-width:640px){
 .manga-list li{max-width:320px; width:50%;}
 .tsuk-control .tsuk-btn i{font-size:24px;}
 .tsuk-control .tsuk-infonub{font-size:14px;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:641px) and (max-width:750px){
 .manga-list li{width:50%;}
 .tsuk-control .tsuk-btn i{font-size:26px;}
 .tsuk-control .tsuk-infonub{font-size:16px;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:751px) and (max-width:800px){
 .manga-list li{width:50%;}
 .tsuk-control .tsuk-btn i{font-size:26px;}
 .tsuk-control .tsuk-infonub{font-size:16px;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:801px) and (max-width:960px){
 .manga-list li{width:33%; max-width:320px;}
 .tsuk-control .tsuk-btn i{font-size:26px;}
 .tsuk-control .tsuk-infonub{font-size:16px;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:961px) and (max-width:1024px){
 .manga-list li{width:33%; max-width:341px;}
 .tsuk-control .tsuk-btn i{font-size:26px;}
 .tsuk-control .tsuk-infonub{font-size:16px;}
 .genres-manga{min-height:600px;}
}

@media only screen and (min-width:1025px) and (max-width:1280px){
 .manga-list li{width:25%; max-width:320px;}
 .tsuk-control .tsuk-btn i{font-size:28px;}
 .tsuk-control .tsuk-infonub{font-size:16px;}
 .genres-manga{min-height:600px;}
}