@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:'Proxima Nova', Verdana, sans-serif; font-size:12px; line-height:150%;}
tspan{font-family:'Proxima Nova', Verdana, sans-serif;fill:#eaa947;color: #eaa947;font-weight: normal;}
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:#a8a8a8;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#a8a8a8;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#a8a8a8;}
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;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.mb10{margin-bottom:10px;}
.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.color-41b2{color:#41b2e0;}
.color-ff00{color:#f00;}
.color-30a8{color:#30a8ed;}
.domain_tip{padding: 5px 10px;
    color: #ed5565;
    background-color: #ffcbd0;
    text-align: center;
    font-size: 14px;}
/* icon font */
@font-face {
  font-family: "Proxima Nova";
  font-style:normal;
  font-weight:normal;
  src: url('../fonts/ProximaNova-Regular.otf?v=001');
}

@font-face {
  font-family: "Proxima Nova";
  font-style:italic;
  font-weight:normal;
  src: url('../fonts/ProximaNova-RegularItalic.otf?v=001');
}

@font-face {
  font-family: "Proxima Nova";
  font-style:normal;
  font-weight:bold;
  src: url('../fonts/ProximaNova-Semibold.otf?v=001');
}

@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?v=001'); /* IE9*/
  src: url('../fonts/iconfont.eot?v=001#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?v=001') format('woff'), /* chrome、firefox */
  url('../fonts/iconfont.ttf?v=001') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?v=001#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
  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;
}
.search-icon:before{content:"\e600";}
.searchadvanced-icon:before{content:"\e60c";}
.history-icon:before{content:"\e603";}
.mangalist-icon:before{content:"\e601";}
.myzone-icon:before{content:"\e620";}
.signout-icon:before{content:"\e618";}
.menuhover-icon:before{content:"\e617";}
.facebook-icon:before{content:"\e611";}
.twitter-icon:before{content:"\e61d";}
.google-icon:before{content:"\e613";}
.tumblr-icon:before{content:"\e61c";}
.sharemore-icon:before{content:"\e615";}
.rightarrow-icon:before{content:"\e60a";}
.text-icon:before{content:"\e61b";}
.image-icon:before{content:"\e633";}
.star-icon:before{content:"\e602";}
.starhalf-icon:before{content:"\e63b";}
.more-icon:before{content:"\e606";}
.genres-icon:before{content:"\e612";}
.subscribe-icon:before{content:"\e634";}
.shoujo-icon:before{content:"\e60b";}
.jose-icon:before{content:"\e614";}
.romance-icon:before{content:"\e609";}
.yaoi-icon:before{content:"\e61f";}
.all-icon:before{content:"\e60d";}
.view-icon:before{content:"\e61e";}
.rating-icon:before{content:"\e609";}
.oldest-icon:before{content:"\e630";}
.lol-icon:before{content:"\e605";}
.latest-icon:before{content:"\e605";}
.cried-icon:before{content:"\e610";}
.scared-icon:before{content:"\e60b";}
.beautiful-icon:before{content:"\e60e";}
.awesome-icon:before{content:"\e60d";}
.today-icon:before{content:"\e61a";}
.week-icon:before{content:"\e631";}
.month-icon:before{content:"\e62d";}
.top-icon:before{content:"\e61a";}
.updatetime-icon:before{content:"\e636";}
.newest-icon:before{content:"\e607";}
.logo-icon:before{content:"\e62b";}
.menusub-icon:before{content:"\e635";}
.home-icon:before{content:"\e620";}
.directory-icon:before{content:"\e612";}
.update-icon:before{content:"\e638"; font-size:20px;}
.completed-icon:before{content:"\e639";}
.ongoing-icon:before{content:"\e63d";}
.expand-icon:before{content:"\e626";}
.collapse-icon:before{content:"\e621";}
.return-icon:before{content:"\e637";}
.arrange-icon:before{content:"\e604";}
.chapterlist-icon:before{content:"\e625";}
.bookmark-icon:before{content:"\e624";}
.bigger-icon:before{content:"\e60f";}
.narrow-icon:before{content:"\e63c";}
.share-icon:before{content:"\e623";}
.report-icon:before{content:"\e622";}
.viewsrise:before{content:"\e62e";}
.viewsdrop:before{content:"\e62f";}
.viewsfair:before{content:"\e621";}
.delete-icon:before{content:"\e62c";}
#back-top:before{content:"\e63a";}

/* 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; */}
.read-page{background-color:#1e1e1e;}
.widscreen{width:100%;}
.main{min-height:700px;}
.main-content{padding:30px 60px;}
.main-contentbg{background-color:#f8f8f8; border-top:2px solid #eaeaea; border-bottom:2px solid #eaeaea;}
.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-one{font-size:16px; text-align:center; line-height:32px; color:#000;}

/* button */
.btn-one{background-color:#fff; border:4px solid #fa84a6; color:#fa84a6; font-size:14px; line-height:40px; display:inline-block; text-align:center; text-transform:uppercase; cursor:pointer;}
.btn-one:hover{background-color:#fa84a6; color:#fff;}
.btn-two{background-color:#fff; border:4px solid #b4d337; color:#b4d337; font-size:14px; line-height:40px; display:inline-block; text-align:center; text-transform:uppercase; cursor:pointer;}
.btn-two:hover{background-color:#b4d337; color:#fff;}
.btn-three{background-color:#fa84a6; border-radius:3px; color:#fff; font-size:16px; line-height:32px; display:inline-block; padding:0 10px; cursor:pointer;}
.btn-four{background-color:#b4d337; border-radius:3px; color:#fff; font-size:16px; line-height:32px; text-transform:uppercase; display:inline-block; padding:0 10px; cursor:pointer;}

/* more */
.moreicon{background:url(../images/moreicon.png?v=001); display:inline-block; width:70px; text-align:center; font-size:13px; padding-top:9px; height:24px; line-height:24px;}
.moreicon-red{background-position:0 0; color:#fa84a6;}
.moreicon-orange{background-position:0 -35px; color:#d28d21;}
.moreicon-blue{background-position:0 -70px; color:#65aad4;}
.moreicon-green{background-position:0 -105px; color:#72a60c;}
.moreicon-lightblue{background-position:0 -140px; color:#52c0b2;}
.good-icon{background:url(../images/goodicon.png?v=001) center center; width:16px; height:16px; display:inline-block;}
a{cursor:url(../images/mouse-hand.cur), auto; cursor:-webkit-image-set(url(../images/mouse-hand.cur) 1x,url(../images/mouse-hand.cur) 2x), auto;}

/* input */
.input{border:1px solid #ccc; padding:0; position:relative;}
.input input{width:96%; line-height:43px; border:none; font-size:14px;padding: 0 2%;}
.input-content{position:relative;}
.must{color:#dd0000;}
.textarea{border:1px solid #ccc; padding:10px; position:relative;}
.textarea textarea{width:100%; min-height:120px; border:none; font-size:14px;}

/* check radio */
.radio-btn, .check-box{border:2px solid #ccc; color:#999; width:14px; height:12px; padding-top:2px; text-align:center; line-height:14px; font-weight:bold; border-radius:50%; margin-right:5px; cursor:pointer; float:left;}
.radio-checked:before, .check-checked:before{content:"\2713";}
.radio-btn input[type="radio"], .check-box input[type="checkbox"]{visibility:hidden; margin:-2px 0 0 0;}

/* mobile menusub content */
.menusub-icon, .return-icon{font-size:26px; cursor:pointer; color:#fff; line-height:42px; float:left;}
.title-center{display:block; text-align:center; font-size:18px; color:#fff; line-height:42px;}
.menusub-content{width:260px; display:none; z-index:2; padding:15px 0 0; position:fixed; bottom:0; left:0; top:0; overflow-x:hidden; overflow-y:auto; background-color:#363951;}
.menusub-search{position:relative; border-bottom:1px solid #54576b; height:30px; margin:0 10px;}
.menusub-search .search-text{color:#fff; width:100%; 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; right:5px; top:0; line-height:30px; background-color:transparent; border:none; color:#fff; font-size:18px; cursor:pointer;}
.menusub-user{margin-top:30px; position:relative;}
.menusub-user .menu-user li a{line-height:50px; display:block; color:#fff; padding:0 0 0 20px; border-top:1px solid #54576b; font-size:14px;}
.menusub-user .menu-user li a:active, .menusub-user .menu-user li a.select{background-color:#303349; color:#b4d337;}
.menusub-user .menu-user li a:active i, .menusub-user .menu-user li a.select i{color:#b4d337;}
.menusub-user .menu-user li a i{margin-right:10px; color:#fff;}
/*.menusub-user .menu-user li a i.searchadvanced-icon{font-size:22px;}*/
.menusub-user .menu-user li p a{line-height:28px; border:none; color:#999898; padding-left:45px; font-size:12px;}
.menusub-user .menu-user li p a:active{color:#fff; background:#40435a;}

/* mobile header */
.mobile-header{display:none;}
.mobile-headertop{height:42px; background:#fa84a6; padding:0 0 0 10px; position:relative;}
.mobile-headertop .logo{position:absolute; left:50%; margin-left:-27px; top:4px;width:55px;height:34px;background: url(../images/logo-m.png) no-repeat;background-size: 55px 34px;}
.mobile-header .logo-icon{display:inline-block; font-size:30px; color:#fff; line-height:42px;}
.mobile-header .header-topusermain{float:right; margin:0; text-align:right;}
.mobile-header .topuserinfo-avatar{background-color:#fa84a6; border-color:#fa84a6; padding:5px;}
.topuserinfo-avatar .red-c{width: 10px;height: 10px;border-radius:5px;background: #ef6f62;position:absolute;top: 3px;right: 3px;border:1px solid #fff;}
.header-topuserinfo:hover .red-c{display: none;}
.mobile-header .topuserinfo-avatar img{height:30px; width:30px; border:none; margin:0; border-radius:50%;}
.mobile-header .header-topuserinfo ul{right:0; left:auto; top:36px; width:128px; background-color:#fa84a6; border-color:#fa84a6;}
.mobile-header .header-topuserinfo:hover{min-width:130px;}
.mobile-header .header-topuserinfo:hover ul{border-color:#e6e6e6;}
.mobile-header .header-topuserinfo ul li a{padding:0 10px; text-align:left;}
.mobile-header .mobile-headernav{background-color:#fff; line-height:36px; height:36px; overflow:hidden;}
.mobile-header .mobile-headernav li{float:left; width:25%; text-align:center;}
.mobile-header .mobile-headernav li a{font-size:14px; color:#848484; display:block;}

/* header */
.header{position:relative;}
.header .logo{background:#fa84a6 url(../images/logo.png?v=001) center no-repeat; float:left; width:15%; height:105px; padding-top:35px; font-size:20px; text-align:center; text-transform:uppercase; color:#fff;text-indent: -999em;}
.header .logo-icon{display:block; font-size:30px; margin:0 0 10px;}
.header-content{padding-left:15%;}
.header-top{height:69px; border-bottom:1px solid #f7f7f7;}
.header-menu{height:70px; margin-left:30px; position:relative;}
.header-menu li{display:inline-block;}
.header-menu li a{line-height:70px; padding:0 30px; font-size:16px; font-weight:bold; display:block; color:#000; text-align:center; min-width:55px;}
.header-menu .menuhover-icon{color:#b4d337; width:18px; height:18px; position:absolute; top:-10px; left:0; text-align:center; z-index:1000;}
.header-topsearch{height:35px; padding:17px 60px; float:left;}
.header-topsearch input{line-height:35px; border:none; font-size:15px; padding:0 10px; width:240px; display:inline-block;font-style: italic;}
.header-topsearch .search-icon{color:#a8a8a8; display:inline-block; line-height:35px;}
.header-topuser{float:right;}
.header-topuser .searchadvanced-icon, .header-topuser .mangalist-icon{font-size:20px; height:35px; line-height:35px; width:45px; text-align:center; background-color:#fa84a6; color:#fff; border-radius:3px; margin:17px 0 0 10px; float:left;}
.header-topusermain{float:right; margin-left:40px;position: relative;z-index: 1001}
.header-topuserinfo{display:inline-block; overflow:hidden; position:relative; vertical-align:top;}
.topuserinfo-avatar,.top-username{font-size:14px; color:#000; padding:6px 3px; background-color:#fff; border:1px solid #fff; font-weight:bold; display:block; z-index:11; position:relative;text-align: left;}
.topuserinfo-avatar img,.top-username img{width:55px; height:55px; border-radius:3px; border-left:5px solid #b4d337; margin-right:10px;}
.topuserinfo-avatar em,.top-username em{position:absolute; width:16px; line-height:16px; border-radius:50%; background:#ef6f62; font-style:normal; color:#fff; top:0; font-weight:normal; left:57px; text-align:center; font-size:12px;}
.header-topuserinfo ul{position:absolute; left:0; top:60px; width:158px; background-color:#fff; z-index:10; border:1px solid #fff; border-top:none; transition: all 0.5s ease-in 0s; -webkit-transform:translate3d(0, -100%, 0); -moz-transform:translate3d(0, -100%, 0); -o-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0);}
.header-topuserinfo ul li{border-top:1px solid #f7f7f7;}
.header-topuserinfo ul li:first-child{margin-top:5px;}
.header-topuserinfo ul li a{line-height:48px; color:#000; font-size:14px; display:block; padding:0 20px;}
.header-topuserinfo ul li a i{margin-right:10px;}
.header-topuserinfo ul li a:hover{background-color:#b4d337; color:#fff;}
.header-topuserinfo:hover{min-width:160px; overflow:inherit;}
.header-topuserinfo:hover .topuserinfo-avatar{background-color:#fff; border:1px solid #e6e6e6;}
.header-topuserinfo:hover ul{border:1px solid #e6e6e6; border-top:none; background-color:#fff; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.header-topusermain .tophistory-btn{background-color:#fa84a6; font-size:0; border:1px solid #fa84a6; color:#fff; height:67px; line-height:67px; padding:0 5px; display:block; position:relative; z-index:11;}
.tophistory-btn .history-icon{margin:0 5px;}
.header-historylist{display:inline-block; position:relative; vertical-align:top; color:#bababa; overflow:hidden;z-index: 1001;}
.header-historylist ul{position:absolute; left:0; top:69px; padding:10px 0; width:178px; max-height:400px; overflow-y:auto; background-color:#fff; z-index:10; border:1px solid #fff; border-top:none; transition: all 0.5s ease-in 0s; -webkit-transform:translate3d(0, -100%, 0); -moz-transform:translate3d(0, -100%, 0); -o-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0);}
.header-historylist ul li a{line-height:30px; color:#848484; font-size:14px; display:block; padding:0 10px;}
.header-historylist ul li a:hover{color:#fa84a6;}
.header-historylist:hover{min-width:180px; overflow:inherit;}
.header-historylist:hover .tophistory-btn{background-color:#fff; font-size:14px; font-weight:bold; border:1px solid #e6e6e6; color:#000;}
.header-historylist:hover ul{border:1px solid #e6e6e6; border-top:none; background-color:#fff; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}

/* share-here */
.share-here{height:35px; line-height:35px; text-align:right; background-color:#f8f8f8;}
.share-here span{display:inline-block; color:#c7c7c7; margin-right:20px; cursor:pointer;}
.twitter-icon:hover{color: #19bfe5;}
.facebook-icon:hover{color: #224897;}
.google-icon:hover{color: #f17233;}
.tumblr-icon:hover{color: #4f6788;}
.sharemore-icon:hover{color: #79c142;}

/* flexslider banner */
.flexslider .slides li{width:25%; float:left; position:relative;}
.flexslider .slides li img{width:100%;}
.flexslider .slides li .info-img{position:absolute; width:100%; left:0; bottom:0;}

/* title top */
.title-top{background-color:#f8f8f8;position: relative;}
.title-topname{float:left; width:30%; color:#fff; position:relative;font-size:35px; line-height:40px; height:160px;}
.title-topname,.title-classification, .title-toptip,.title-rightbtn,.detailtopbtn a{
  display: -ms-flexbox;
  -ms-box-orient: horizontal;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display:flex; 
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.title-topname a{color:#fff;}
.title-topname.widscreen{width:100%;}
.title-topname span{display:block; padding:0 60px;position: relative;z-index: 2;}
.title-topname span em{display:block; font-style:normal;white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;max-height: 120px;}
.title-topname .rightarrow-icon{position:absolute; right:0; top:0; height:100%; padding:0 5px; display:flex; align-items:center; justify-content:center;}
.title-top .moreicon{float:right;}
.title-classification, .title-toptip{float:left;height:160px; padding-left:45px;}
.title-classification a{color:#bbb; font-size:16px; font-weight:bold; text-align:center; display:inline-block; padding-right:22px;}
.title-classification .cft-tipinfo{color:#bbb; font-size:16px; font-weight:bold; padding-right:10px;}
.title-classification i{height:62px; width:62px; border-radius:3px; text-align:center; line-height:62px; font-size:62px; display:block; color:#ddd; margin:auto;}
.title-classification a:hover, .title-classification a:hover i, .title-classification a.select, .title-classification a.select i{color:#b4d337;}
.title-toptip{font-size:16px; color:#bbb; line-height:24px; width:45%;}
.letter-bg{position:absolute; bottom:0; right:10%; color:#3f5e9d; font-size:150px; opacity:.6; font-weight:bold; font-style:normal; line-height:90px; vertical-align:baseline;z-index: 1;}
.title-topred .title-topname{background-color:#ffb0c7;}
.title-topname{-webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;}
.title-topred .title-topname .rightarrow-icon{background-color:#ffc4d5;}
.title-toppurple .title-topname{background-color:#c47fff;}
.title-toppurple .title-topname .rightarrow-icon{background-color:#cf96ff;}
.title-toporange .title-topname{background-color:#fcbc36;}
.title-toporange .title-topname .rightarrow-icon{background-color:#ffc750;}
.title-topblue .title-topname{background-color:#39b6e6;}
.title-topblue .title-topname .rightarrow-icon{background-color:#4ac4f3;}
.title-topgreen .title-topname{background-color:#b4d337;}
.title-topgreen .title-topname a{white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;max-width: 330px;display: block;padding-left: 20px;}
.title-topgreen .title-toptip p{height: 150px;margin: 10px 0 0;overflow: hidden;}
.title-topgreen .title-topname .rightarrow-icon{background-color:#c0de48;}
.title-toplightgreen .title-topname{background-color:#7bdcc9;}
.title-toplightgreen .title-topname .rightarrow-icon{background-color:#8be5d3;}
.title-topdeepblue .title-topname{background-color:#354f88;}
.title-topdeepblue .title-topname .rightarrow-icon{background-color:#3f5e9d;}
.title-toplightblue .title-topname{background-color:#70daf8;}
.title-toplightblue .title-topname .rightarrow-icon{background-color:#82e1fc;}
.title-toplightorange .title-topname{background-color:#ffd05e;}
.title-toplightorange .title-topname .rightarrow-icon{background-color:#f7de76;}

.title-rightbtn{float:right; margin-right:30px;height:160px;}
.cutover-btn{border:5px solid #ffb0c7; color:#ffb0c7;  border-radius:50%; float:right; font-size:16px; width:80px; height:60px; text-align:center; padding:20px 10px; margin-left:20px;}
.cutover-btn i{font-size:30px; display:block; margin:0 auto 10px; width:30px;}
.cutover-btn:hover{background-color:#ffb0c7; color:#fff;}
.genres-btn{border:5px solid #39b6e6; color:#39b6e6;  border-radius:50%; float:right; font-size:16px; width:80px; height:40px; text-align:center; padding:30px 10px; margin-left:20px;}
.genres-btn i{font-size:30px; display:block; margin:0 auto 10px; width:30px;}
.genres-btn:hover{background-color:#39b6e6; color:#fff;}
.advanced-btn{border:5px solid #39b6e6; color:#39b6e6;  border-radius:50%; float:right; font-size:16px; width:80px; height:60px; text-align:center; padding:20px 10px; margin-left:20px;}
.advanced-btn i{font-size:30px; display:block; margin:0 auto 10px; width:30px;}
.advanced-btn:hover{background-color:#39b6e6; color:#fff;}
.subscribe-btn{border:5px solid #b4d337; color:#b4d337;  border-radius:50%; float:right; font-size:16px; width:80px; height:40px; text-align:center; padding:30px 10px; margin-left:20px;}
.subscribe-btn i{font-size:36px; display:block; margin:0 auto 10px; width:36px;}
.subscribe-btn:hover{background-color:#b4d337; color:#fff;}

/* title top charts */
.title-charts .title-topname{font-size:20px; line-height:20px; height:70px;}
.title-charts .title-classification, .title-charts .title-rightbtn{height:70px;}
.title-charts .title-classification a{font-size:14px;}
.title-charts .title-classification i{height:30px; width:30px; line-height:30px; font-size:30px;}
.title-topreds .title-topname{background-color:#ffb0c7;}
.title-topreds .title-topname .rightarrow-icon{background-color:#ffc4d5;}
.title-toporanges .title-topname{background-color:#fcbc36;}
.title-toporanges .title-topname .rightarrow-icon{background-color:#ffc750;}
.title-topblues .title-topname{background-color:#39b6e6;}
.title-topblues .title-topname .rightarrow-icon{background-color:#4ac4f3;}
.title-topgreens .title-topname{background-color:#b4d337;}
.title-topgreens .title-topname .rightarrow-icon{background-color:#c0de48;}
.title-toplightblues .title-topname{background-color:#6dddd3;}
.title-toplightblues .title-topname .rightarrow-icon{background-color:#7de7de;}

/* filter list */
.filter-list{padding:30px 60px; color:#848484; font-size:14px;}
.filter-list li{line-height:24px; margin-bottom:20px;}
.filter-list li:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.filter-list li label{font-size:16px; color:#000; float:left; text-align:right; width:150px; margin-right:20px;}
.filter-list li label i{float:right; margin-right:10px;width: 50%;text-align: right;}
.filter-list li .selectlist{margin-left:170px;}
.filter-list li .selectlist a{color:#848484; display:inline-block; width:120px;}
.filter-list li .selectlist a:hover, .filter-list li .selectlist a.select{text-decoration:underline; color:#b4d337;}
.filter-list li:last-child{margin-bottom:0;}
.filter-list li:last-child .selectlist a, .filter-list li:nth-child(4) .selectlist a{width:50px;}

/* page layout */
.manga-list{position:relative;}
.manga-list li{display:inline-block; width:23.5%; vertical-align:top; margin:0 0.5% 30px;}

/* post big */
.postbig-list{position:relative; text-align:center;}
.postbig-list li{max-width:190px; min-width:70px; vertical-align:top; display:inline-block; margin:10px 0.5%; width:11%;}
.postbig .postbig-cover img{width:100%; height:100%;box-shadow: 0 0 4px #999}
.postbig .title{color:#000; font-size:14px; padding:5px 0;height: 16px;overflow: hidden;}

/* manga post */
.post{position:relative; font-size:14px;}
.post .post-cover{max-width:190px; min-width:70px;float:left; width:40%; position:relative; overflow:hidden;box-shadow: 0 0 4px #999;}
.post .post-cover img{width:100%; height:100%;}
.post .cover-info{float:left; width:58%; margin-left:2%;}
.post .cover-info a{color:#30a8ed;}
.post .cover-info a:hover{text-decoration:underline;}
.post .cover-info p{color:#848484; margin-bottom:10px;}
.post .cover-info p.title{color:#30a8ed; font-size:16px;}
.post .cover-info p.rename{max-height: 54px;overflow: hidden;}
.post .cover-info p.genre{max-height: 18px;overflow: hidden;}
.post .cover-info p:last-child{margin-bottom:0;}
.post .cover-info p.m-title{white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%;}
.post .cover-info .viewsnumber{color:#000; margin-right:5px;}
.post .cover-info .time{color: #bababa;}
.post .cover-bg{background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.post .cover-bg i{font-style:normal;}
.post .post-cover:hover .cover-bg{display:flex; align-items:center; justify-content:center;}

/* manga text version */
.posttext{font-size:14px; color:#848484;}
.posttext dt, .posttext dd{line-height:24px;}
.posttext a:hover{text-decoration:underline;}
.posttext dt a{font-size:16px; color:#30a8ed;}
.posttext dd a{color:#848484; margin-left:32px;}
.posttext i, .posttext dt a, .posttext em{margin-right:10px;}
.posttext i{margin:0 12px 0 -2px;}
.sup-textnew, .sup-texthot{background-color:#69cb12; font-size:12px; line-height:16px; color:#fff; font-style:normal; border-radius:3px; padding:0 5px; display:inline-block;}
.sup-texthot{background-color:#ff4739;}
.sup-time{font-style:normal; color:#bababa; margin-left:10px;float: right;}
.sup-tip{color:#000; margin-right:5px;}

/* recommend list */
.manga-recommend{width:100%;}
.title-recommend{font-size:32px; line-height:32px; text-align:center; padding:30px 0 20px;}
.recommend-hot{color:#fa84a6;}
.recommend-featured{color:#d28d21;}
.recommend-hotyaoi{color:#65aad4;}
.recommend-new{color:#72a60c;}
.recommend-completed{color:#52c0b2;}
.manga-recommend .postbig-list{border:2px solid #eaeaea; border-left:none; border-right:none; background-color:#f8f8f8; padding:20px 60px;}

/* charts list */
.numbertop{position:absolute; bottom:0; right:0; color:#ddd; font-style:normal; font-size:45px; font-weight:bold; line-height:45px;}
.supnumb{position:absolute; left:-40px; top:0; border-width:40px; border-style:solid dashed dashed dashed; font-size:0; height:0; width:0;}
.supnumb em{position:absolute; color:#fff; font-size:12px; top:-36px; font-style:normal; left:2px;}
.sup-one{border-color:#df2729 transparent transparent transparent;}
.sup-two{border-color:#f06430 transparent transparent transparent;}
.sup-three{border-color:#4f9825 transparent transparent transparent;}
.sup-four{border-color:#2ea5c7 transparent transparent transparent;}
.sup-other{border-color:#ddd transparent transparent transparent;}
.sup-other em{color:#848484;}
.sup-new{border-color:#69cb12 transparent transparent transparent;}
.sup-hot{border-color:#ff4739 transparent transparent transparent;}
.sup-new em, .sup-hot em{text-transform:uppercase; font-size:12px; left:2px; top:-35px; transform: rotate(-45deg);}
.sup-update{position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.5); color:#fff; line-height:24px; text-align:right; font-size:12px;}
.sup-update i{font-size:16px; margin:0 5px;}
.supnumb-other{width:28px; background-color:#ddd; text-align:center; float:left;}
.supnumb-name{color:#30a8ed; float:left; margin:0 0 0 10px;}
.supnumb-views{font-size:14px; float:right;}
.viewsrise, .viewsdrop, .viewsfair{font-size:16px; display:inline-block; vertical-align:middle; margin-left:10px;}
.viewsrise{color:#ec6d51; font-size:12px; vertical-align:top;}
.viewsdrop{color:#0287cc; font-size:12px; vertical-align:top;}
.viewsfair{color:#b4d337; width:10px; overflow:hidden;}
.charts-list li{margin-bottom:10px;}
.charts-list li:nth-child(1) .numbertop{color:#e66869;}
.charts-list li:nth-child(2) .numbertop{color:#f38b6c;}
.charts-list li:nth-child(3) .numbertop{color:#7eaf67;}
.charts-list li:nth-child(4) .numbertop{color:#abd5e4;}
.chartsli-text{height:24px; line-height:24px; margin-bottom:5px; color:#848484; font-size:16px; overflow:hidden;}
.chartslist-more li{margin-bottom:30px;}

/* star score */
.star-score{color:#fcb800;}
.star-score i{font-size:22px; display:inline-block;}
.star-score em{font-style:inherit;}
.star-score .starempty{color:#e6e6e6;}
.star-score .starhalf{color:#fcb800;}
.star-score i.score-number{color:#fcb800; font-size:50px; font-weight:700; font-style:normal; position:relative; width:60px; line-height:50px; margin-right:10px;}
.score-number em{position:absolute; top:-10px; right:0; font-size:25px; font-style:normal;}

/* aside */
.floathere{float:left;}
.aside-left{margin-right:380px;}
.aside-left .manga-list li{width:32%;}
.aside-right{float:right; width:380px; margin-left:-380px;}
.aside-righttop{background-color:#fa84a6; padding:40px 60px 40px 20px; height:80px;}
.aside-righttop p{font-size:20px; color:#fff; margin-bottom:20px;}
.aside-rightmain{margin:30px 60px 30px 20px; min-height:150px;}

.tab-nav li{display:inline-block; margin-right:10px;}
.tab-nav li a{font-size:16px; border:1px solid #ffc4d5; color:#ffc4d5; border-radius:3px; text-align:center; display:block; height:28px; line-height:28px; width:58px;}
.tab-nav li a:hover, .tab-nav li.select a{color:#ec4575; background-color:#ffc4d5;}
.text-list li{line-height:24px; list-style-type:decimal; color:#848484; list-style-position:inside;}
.text-list li a{color:#848484; font-size:14px;}
.text-list li a:hover{text-decoration:underline; color:#30a8ed;}
.notype-list li{list-style-type:none;}

/* page nav */
.page-nav{color:#454545;}
.page-nav a, .page-nav select{display:inline-block; vertical-align:top; color:#454545; font-size:22px; border-radius:3px; margin:0 1px;}
.page-nav a{width:46px; height:46px;  border:2px solid #ddd; background-color:#ddd; line-height:46px; text-align:center;}
.page-nav select, .page-nav .prev, .page-nav .next{padding:0 10px; width:auto;}
.page-nav select{border:2px solid #ddd; background-color:#ddd; height:50px;}
.page-nav a:hover, .page-nav a.select{background-color:#fff; color:#b4d337; border-color:#b4d337;}
.page-nav .prev, .page-nav .next{text-transform:uppercase; color:#fff; background-color:#b4d337; border-color:#b4d337;}
.page-navone{background-color:#f8f8f8; padding:50px 0; text-align:center;}
.page-navtwo{padding:50px 60px;}

/* user page */
.userpage{border-top:3px solid #eaeaea; font-size:14px;  min-height:738px;}
.userpage-img{float:left; width:50%; position:relative;}
.userpage-img img{width:100%;}
.userpage-content{float:left; width:50%;}
.userpage-img .title{font-size:44px; padding:10px 30px; line-height:45px; background-color:#fff; position:absolute; top:40px; right:0;}
.userpage-main{padding:60px; max-width:600px;}
.userpage-list li{margin-bottom:30px;}
.userpage-list li:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.userpage-list li.title-tip{color:#848484;}
.userpage-list li label{line-height:45px; float:left; width:70px;}
.userpage-list li .input, .userpage-list li .textarea{margin-left:80px;}
.userpage-list li .btn-one, .userpage-list li .btn-two, .userpage-list li .login-fb{margin-left:80px; display:block;}
.userpage-list li.label-checkbox{margin-left:80px;}
.userpage-list li.label-checkbox label{width:auto; display:inline-block; float:none; line-height:20px;}
.userpage-list li.label-checkbox a{color:#30a8ed}
.userpage-list li:last-child{padding-top:10px;}
.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;}
.orhere{margin-left:80px; border-bottom:1px solid #eaeaea; margin-top:-5px; text-align:center;}
.or{color:#848484; background-color:#fff; position:relative; bottom:-10px; font-style:normal; padding:0 10px; line-height:20px;}
.error-tip{margin-left:80px; color:#dd0000; padding-top:10px;}
.correct-tip{margin-left:80px; color:#69cb12; padding-top:10px;}
.contact-us li .btn-one, .contact-us li .btn-two{width:36%; max-width:200px; float:left;}
.contact-us li .btn-two{float:right; margin-left:0;}

/* next chapter tip */
.nextchapter-tip{padding:10px; border-bottom:1px solid #eaeaea; font-size:13px; text-align:center; color:#848484;}
.nextchapter-tip p{margin-bottom:10px;}
.nextchapter-tip a{color:#30a8ed;}

/* detail manga */
.manga-detail{font-size:14px; color:#848484;}
.manga-detail h1{font-size: 36px;padding: 30px 0 50px;color: #000;line-height: 36px;font-weight: normal;}
.manga-detail .manga-detailtop{padding:0 0 20px;}
.manga-detailtop .detail-cover{width:200px; float:left;box-shadow: 0 0 4px #999;}
.manga-detailtop .detail-info{padding-left:240px;}
.manga-detailtop .detail-info p{padding-bottom:12px;}
.manga-detailtop .detail-info .star-score{color:#fcb800;}
.manga-detailtop .detail-info .star-score i.star-icon, .manga-detailtop .detail-info .star-score i.starhalf-icon{font-size:24px;}
.manga-detailtop .detail-info .count-number{color:#848484;}
.manga-detailtop .detail-info p span:first-child{color:#000; margin-right:5px;}
.manga-detailtop .detail-info p span.star-score{color:#fcb800;}
.manga-detailtop .detail-info p a{margin-right:5px; color:#30a8ed;}
.manga-detailtop .detail-info p a:hover{text-decoration:underline;}
.manga-detailtop .detail-info p a.btn-read{color:#fff;}

.manga-detailtopbtn{padding-left:240px;}
.detailtopbtn{overflow:hidden; margin-bottom:12px;}
.detailtopbtn a{height:70px; width:142px;  margin-right:10px;float:left;text-align: center;}
.detailtopbtn a:last-child{margin-right:0;}
.btn-bookmarks{color:#fa84a6; border:4px solid #fa84a6;}
.btn-bookmarks:hover{color:#fff; background-color:#fa84a6;}
.btn-subsctibe{color:#b4d337; border:4px solid #b4d337;}
.btn-subsctibe:hover{color:#fff; background-color:#b4d337;}
.btn-comments{color:#49acd5; border:4px solid #49acd5;}
.btn-comments:hover{color:#fff; background-color:#49acd5;}
.btn-read{background-color:#7bdcc9; color:#fff; font-size:14px; line-height:32px;padding:0 10px; border-radius:3px; display:inline-block;}
.btn-read:hover{text-decoration: none;}
.manga-detailmiddle{padding:0 0 20px;}
.manga-detailmiddle p{line-height:24px;}
.manga-detailmiddle p span{margin-right:5px;color: #000;}
.manga-detailmiddle a{color: #848484;}
.manga-detailmiddle a:hover{color:#30a8ed; text-decoration:none;}
.manga-detailmiddle a.moreicon{color:#fa84a6;}
.manga-detailchapter{padding:0 0 20px;}
.manga-detailchapter .title{color:#000;font-size: 16px;}
.detail-chnav{overflow:hidden;}
.detail-chnav li{display:inline-block; margin:10px 10px 0 0;}
.detail-chnav li a{color:#bababa; border:1px solid #bababa; line-height:22px; padding:0 10px; display:block;}
.detail-chnav li.select a, .detail-chnav li a:hover{color:#fa84a6; border:1px solid #fa84a6;}
.manga-detailchapter .title a.arrange-btn{border:1px solid #fa84a6; background-color:#fa84a6; color:#fa84a6; line-height:22px; padding:5px 3px 3px;}
.detail-chnav li:last-child{margin-right:0;}
.arrange-btn i{color:#fff;font-size: 20px;}
.detail-chlist{padding-top:20px;}
.detail-chlist li{line-height:24px;}
.detail-chlist li:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.detail-chlist li a{color:#30a8ed;float: left;}
.detail-chlist li a:hover{text-decoration:underline;}
.detail-chlist li a:active{background:#eee;}
.detail-chlist li .time{float:right; margin-left:10px; color:#ddd;}
.detail-chlist li .vol{float: left; margin-left:10px; color:#848484;white-space:nowrap; text-overflow:ellipsis; -moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.detail-chlist li .update{background-color:#ef4138; float: left; margin-left:10px; height:5px; width:5px; border-radius:50%; vertical-align:middle;}
.detail-chlist li .new{margin-left:3px; color:#6bcb12;float: left;}
.manga-detailalso .title-one{text-align:left;}
.manga-detailalso .postbig-list{text-align:left;}
.manga-detailalso .postbig-list li{width:15%; margin:10px 1% 10px 0; text-align:center;}
.manga-detailalso .postbig .postbig-cover img{box-shadow: 0 0 4px #999;}

/* status here */
.status-here{padding:0 0 20px; max-width:700px; color:#848484;}
#analytics-status{height:100px;}
#data-status{position:absolute; left: -9999px; top:-9999px;}
#data-status tfoot th{text-indent:-9999px;}
.status-btn{padding-left:30px;}
.status-btn span{display:inline-block; text-align:center; color:#bababa; cursor:pointer; margin-right:55px;}
.status-btn span:last-child{margin-right:0;}
.status-btn i{background-image:url(../images/statusicon.png?v=001); background-size:100%; width:80px; height:80px; background-color:#e6e6e6; border-radius:50%; display:block; margin-bottom:5px;}
.status-btn i:hover{background-color:#ddd;}
.lol-btn{background-position:0 0;}
.cried-btn{background-position:0 -80px;}
.scared-btn{background-position:0 -160px;}
.beautiful-btn{background-position:0 -240px;}
.awesome-btn{background-position:0 -320px;}
.emou{max-width: 700px;margin: 0 0 20px;}
.em-list li{
    float:left;
    width:20%;
    text-align:center;
    font-size:12px;
    color:#999
}
.em-list li .empic{
    width:80px;
    height:80px;
    background-color:#e6e6e6;
  background-image:url(../images/statusicon.png?v=001);
    background-repeat:no-repeat;
    margin:0 auto 5px;
    border-radius:50%;
    background-size: 100%;
}
.em-list li .lol{background-position:0 0}
.em-list li .cry{background-position:0 -80px}
.em-list li .sca{background-position:0 -160px}
.em-list li .bea{background-position:0 -240px}
.em-list li .awe{background-position:0 -320px}

/* manga read  */
.header-read{height:69px; background-color:#121212; border-bottom:1px solid #272727;}
.header-read .logo{background:#fa84a6 url(../images/logo-r.png?v=001) center no-repeat; float:left; line-height:69px; height:69px; width:15%; font-size:22px; text-align:center; text-transform:uppercase; color:#fff;text-indent: -999em;}
.header-read .logo .logo-icon{font-size:36px; vertical-align:top; display:inline-block;}
.header-read .header-readtop{float:right;}
.header-read .topuserinfo-avatar{background-color:#121212; border-color:#121212; color:#bababa;}
.header-chapterlist{display:inline-block; position:relative; vertical-align:top; color:#bababa; overflow:hidden;}
.btn-chapterlist, .btn-bookmark{height:55px; line-height:55px; font-size:14px; color:#bababa; padding:6px; background-color:#121212; border:1px solid #121212; font-weight:bold; display:block; z-index:11; position:relative;}
.btn-chapterlist i, .btn-bookmark i{font-size:30px; font-weight:normal; margin-right:10px; display:inline-block; vertical-align:middle;}
.header-chapterlist ul{position:absolute; left:0; top:69px; padding:10px 0; width:198px; max-height:400px; overflow-y:auto; background-color:#fff; z-index:10; border:1px solid #fff; border-top:none; transition: all 0.5s ease-in 0s; -webkit-transform:translate3d(0, -100%, 0); -moz-transform:translate3d(0, -100%, 0); -o-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0);}
.header-chapterlist ul li a{line-height:30px; color:#848484; font-size:14px; display:block; padding:0 10px;}
.header-chapterlist ul li a.current,.header-chapterlist ul li a.current:hover{background:#fa84a6;color: #fff; }
.header-chapterlist ul li a:hover{color:#fa84a6;}
.header-chapterlist:hover{min-width:200px; overflow:inherit;}
.header-chapterlist:hover .btn-chapterlist{background-color:#fff; border:1px solid #e6e6e6; color:#000;}
.header-chapterlist:hover ul{border:1px solid #e6e6e6; border-top:none; background-color:#fff; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.btn-bookmark{display:inline-block; vertical-align:top;}
.mangaread-top, .mangaread-img, .mangaread-footer{width:880px; margin:auto;}
.mangaread-top{padding-top:30px;}
.mangaread-top .title{color:#bababa; font-size:25px; text-align:center; line-height:28px; padding-bottom:20px;}
.mangaread-top .title a h1, .mangaread-top .title a h2{font-size:25px; color:#fcb800; font-weight:normal; display:inline;}
.mangaread-top .title a h2{color:#30a8ed;}
.mangaread-page .btn-three{margin-right:10px;}
.mangaread-pagenav{color:#bababa;text-align:center; font-size:16px;}
.mangaread-pagenav select{display:inline-block; margin:0 10px; border-radius:3px; background-color:#ddd; font-size:16px; vertical-align:top; height:32px; padding:2px 5px; border-color:#ddd;}
.mangaread-img{padding:15px 0; margin:0 auto; position:relative; text-align:center;}
.mangaread-img .z6{    border: none;
    width: 750px;
    height: 1080px;
    margin: 0 auto;
    background-color: #171b1c;}
.mangaread-img img, #image{width:100%; height:100%; max-width:100%;}
.mangaread-img .ad160_l,.mangaread-img .ad160_r{position: absolute;width: 160px; 
    top: 14px;
}
.mangaread-img .ad160_l{
  margin-left: 445px;left: 50%;
}
.mangaread-img .ad160_r{
      margin-right: 445px;
    right: 50%;
}
.mangaread-footer{padding-bottom:20px;}
.mangaread-info{color:#555; font-size:14px; padding-top:20px;}
.mangaread-info p{margin-bottom:10px;}
.mangaread-info span{color:#848484}
.mangaread-info a{color:#30a8ed;}
.mangaread-info a:hover{text-decoration:underline;}
.mangaread-page .btn-share, .mangaread-page .btn-report{display:inline-block; color:#848484; line-height:24px; margin-right:5px;}
.btn-share i, .btn-report i{font-size:24px;}
.mangaread-footer .ad320{
  margin: 10px auto 0 auto;
  width: 320px;
}

/* userarticle */
.userarticle{background-color:#efefef; border-top:4px solid #eaeaea;}
.userarticle .floathere{float:right;}
.userarticle-left{float:left; width:200px; padding:0 60px; margin-right:-320px;}
.userarticle-right{background-color:#fff; margin-left:320px; padding:20px 60px 20px 20px;min-height: 660px;}
.useravatar{text-align:center; padding:50px 0 30px;}
.useravatar img{width:135px; height:135px; border-radius:50%;}
.useravatar p{font-size:16px; color:#000; font-weight:bold; margin:10px 0;}
.usernav{text-align:center;}
.usernav li{line-height:42px;}
.usernav li a{color:#848484; font-size:14px; padding:0 20px; border-bottom:2px solid #efefef;}
.usernav li a span{background-color:#efefef; bottom:-8px; position:relative; padding:0 10px;}
.usernav li a em{background-color:#ef4138;height:5px; width:5px; border-radius:50%;}
.usernav li a:hover, .usernav li.select a{color:#000; border-bottom:2px solid #000;}
.usernav li a:hover span, .usernav li.select a span{color:#000;}
.usernav li.select a i.booknum{font-style: normal;color: #666;}
.bookmark-list{padding-top:20px;}
.bookmark-list li .post{margin-left:25px;}
.user-page{overflow:hidden;}
.user-page .user-dobtn{float:left; color:#000; font-size:16px; margin-top:15px;}
.user-dobtn label{display:inline-block;}
.user-dobtn a{color:#fa84a6; border:1px solid #fa84a6; line-height:20px; padding:0 10px; display:inline-block; margin-left:10px;}
.user-dobtn a i{font-size:0; line-height:0;}
.user-page .page-navtwo{float:right; padding:0;}
.tip-subscriptions{text-align:center; line-height:18px; padding-bottom:10px; color:#848484;}
.profile-settings{max-width:600px; font-size:14px; color:#848484; padding:60px;}
.upload-avatar{overflow:hidden;}
.upload-avatar img{width:135px; height:135px; border-radius:50%; float:left;}
.upload-avatar .avatar-info{padding:30px 0 0 150px;}
.uploadavatar-btn{position:relative; margin-top:10px; overflow:hidden;}
.uploadavatar-btn span{background-color:#fff; padding:0 10px; color:#b4d337; border:1px solid #b4d337; line-height:22px; float: left;margin: 0 10px 0 0;}
.uploadavatar-btn input{position:absolute; top:0; left:0;opacity:0;width: 110px;}
.uploadavatar-btn em.filename{font-style: normal;color: #848484;float: left;}

/* sort content */
.sort-content{text-align:right; color:#000; font-size:14px;}
.sort-content a, .sort-content span{display:inline-block; margin-left:10px;}
.sort-content a{color:#bababa; border:1px solid #bababa; line-height:20px; padding:0 10px;}
.sort-content a:hover, .sort-content a.select{color:#fa84a6; border-color:#fa84a6;}

/* request manga */
.request-manga{font-size:14px; padding:10px 0;}
.request-manga .userpage-list li label{width:100px;}
.request-manga .userpage-list li .input, .request-manga .userpage-list li .btn-one{margin-left:110px;}
.request-manga .input{width:420px;}
.request-manga .userpage-list li .btn-one, .request-manga .userpage-list li .btn-two{display:inline-block; width:203px;}
.request-manga .userpage-list li .btn-two{margin-left:20px;}
.request-manga .must{position:absolute; top:20px; right:10px; font-size:36px; font-style:normal;}

/* advanced */
.advanced,.advanced li ul.genres li a{color:#848484; font-size:14px;}
.advanced li{margin-bottom:15px;}
.advanced li:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.advanced li .name{float:left; line-height:40px; color:#000; margin-right:20px; width:120px; text-align:right;}
.advanced li .name .tips{line-height: 20px;color: #848484;}
.advanced li select{border:1px solid #ccc; padding:8px 5px; height:40px; line-height:18px; font-size:15px; width:120px; float:left; margin-right:10px;}
.advanced li input.text{width:300px; border:1px solid #ccc; float:left; padding:10px;}
.advanced li ul.radio{float:left; padding-top:10px;}
.advanced li ul.radio-width, .advanced li ul.genres{float:none; padding-left:140px;}
.advanced li ul.radio-width li, .advanced li ul.genres li{width:110px; margin:0 15px 15px 0; display:inline-block; cursor:pointer;}
.advanced li ul.genres li a:before{content:"\2022"; color:#fa84a6; font-size:24px;margin: 0 3px 0 0;}
.advanced li ul.genres li.include a:before{content:"\2714"; color:#b4d337; font-size:14px;margin: 0 3px 0 0;}
.advanced li ul.genres li.exclude a:before{content:"\2716"; color:#dd0000; font-size:14px;margin: 0 3px 0 0;}
.advanced li ul.genres li select{display:none;}
.advanced li.submitbtn{padding-left:140px;}
.advanced li.submitbtn a{margin-right:20px; display:inline-block; width:200px;}
.advanced li.submitbtn a:last-child{margin-right:0;}

/* website info */
.website-info{padding:60px; color:#848484;}
.website-info .title{font-size:45px; color:#000; line-height:45px; margin-bottom:20px; margin-right:360px;}
.website-info img{float:right;}
.website-info dl{font-size:13px; line-height:20px; margin-right:360px;}
.website-info dl dt{color:#000;}
.website-info dl dd{margin-bottom:20px; text-align:justify;}

/* error 404 */
.error404{max-width:680px; margin:0 auto; padding:40px 0;}
.error404 p{text-align:center; font-size:14px; margin-bottom:20px; overflow:hidden;}
.error404 p img{max-width:660px; width:100%;}
.error404 p.title{font-size:24px; line-height:24px;}
.error404 p .btn-one, .error404 p .btn-two{float:left; width:280px; font-size:14px; text-transform:inherit; margin-top:40px;}
.error404 p .btn-two{float:right;}

/* search none */
.search-none{margin:0 auto; padding:40px 0; text-align:center;}
.search-none img{max-width:100%;}
.search-none p{text-align:center; font-size:14px; margin-top:30px;}

/* dialog box */
.dialog-box{width:100%; position:relative; display:none; max-width:800px;}
#box_shadow{background:rgba(0,0,0,0.8); left:0; position:absolute; top:0; z-index:100; overflow:hidden;}
.dialog-box .title{background-color:#fa84a6; color:#fff; font-size:16px; line-height:40px; padding:0 20px; border-radius:5px 5px 0 0;}
.dialog-content{padding:20px; font-size:14px;}
.dialog-box .btn-one, .dialog-box .btn-two{padding:0 20px; line-height:32px; margin-right:10px;}

/* manga report */
.manga-report{background-color:#f1f8f9; margin:0 10px; color:#848484; border-radius:5px;}
.manga-report p{margin-bottom: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; min-height:100px;font-size: 14px;}

/* share box */
.share-box{margin:0 10px; background-color:#f1f8f9; border-radius:5px;}
.share-box .dialog-container{padding:30px 15px; text-align:center;}
.share-box .dialog-container span{width:50px; height:50px; font-size:24px; border-radius:50%; margin:0 5px; display:inline-block; line-height:50px; text-align:center;}
.share-box .dialog-container span.facebook-icon{color:#fff; background-color:#4c6da9;}
.share-box .dialog-container span.twitter-icon{color:#fff; background-color:#1fa0de;}
.share-box .dialog-container span.google-icon{color:#fff; background-color:#ff503e;}
.share-box .dialog-container span.sharemore-icon{color:#fff; background-color:#b1bc39;}

/* tooltip */
#tooltip{position:absolute; max-width:320px; border:5px solid rgba(0,0,0,0.3); border-radius:10px; min-width:320px; z-index:10000;}
#tooltip .title{font-size:20px; color:#fff; text-align:center; line-height:40px; background-color:#fa84a6; border-radius:10px 10px 0 0;}
.tooltip-content{padding:15px; font-size:14px; color:#848484; background-color:#fff; border-radius:0 0 10px 10px;}
.tooltip-content p{line-height:24px;}
.tooltip-content p span{color:#454545; margin-right:5px;}
.tooltip-content p a{color:#30a8ed;}
.tooltip-content p span.star-score{color:#fcb800;}

/* footer */
footer{font-size:14px; color:#fff; background-color:#fa84a6; padding:25px 60px;}
.footer-affiliates:after, .footer-info:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.footer-affiliates li{color:#fff; border:1px solid #fff5f8; float:left; line-height:30px; border-left:none; padding:0 10px;}
.footer-affiliates li:first-child{border-left:1px solid #fff5f8; background-color:rgba(255,255,255,.3);}
.footer-affiliates li:hover{background-color:rgba(255,255,255,.3);}
.footer-affiliates li a{color:#fff;}
.footer-info{margin-top:20px;}
.footer-info span{float:right; color:rgba(255,255,255,.6);}
.footer-info ul{float:left;}
.footer-info ul li{display:inline-block; vertical-align:top; margin-right:20px;}
.footer-info ul li a{color:#fff;}
.footer-info ul li a:hover{text-decoration:underline;}
#back-top{bottom:120px; cursor:pointer; display:none; position:fixed; right:15px; width:36px; height:36px; line-height:34px; text-align:center; color:#848484; background:rgba(221,221,221,0.8); border-radius:50%; font-size:36px; z-index:10000;}
#back-top:hover{background:rgba(250,132,166,0.8); color:#fff;}

/* 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;}
.bg-chr{width: 100%;height: 36px;background: url(../images/bg_chr.png) repeat-x;position: absolute;z-index: 10;top: 0;}
.bg_chr_gift{position: absolute;right: 0;bottom: -9px;width: 365px;height: 57px;background: url(../images/bg_chr_gift.png) no-repeat;}
.bg-chr_p{position: fixed;width: 282px;height: 269px;background: url(../images/bg_chr_p.png) no-repeat;right: 50px;bottom: 10px;z-index: 10;}
/* other class */
.pc-none{display:none;}
.autocomplete{background-color:#fff;border: 1px solid #fcfcfc;}
.autocomplete div{padding:3px 5px;}
.autocomplete .selected{background-color:#ebebeb;color:#848484;}
.autocomplete strong{color: #30a8ed;font-weight: normal;}

.ui-menu .ui-menu-item{cursor:pointer;text-align:left;overflow: hidden;width: 400px;background-color:#fff;border: 1px solid #eee;border-top:0;border-bottom: 0;font-size: 13px;}
.ui-menu .ui-menu-item:first-child{border-top: 1px solid #eee;}
.ui-menu .ui-menu-item .pic{float: left;margin: 0 5px 0 0;}
.ui-menu .ui-menu-item .info{overflow: hidden;zoom:1;}
.ui-menu .ui-menu-item .info p{max-width: 350px;overflow: hidden;}
.ui-menu .ui-menu-item a{cursor:pointer;font-weight:400;display:block;color:#848484;height:32px;width:394px;padding:5px 3px;}
.ui-menu .ui-menu-item a img{float:left;vertical-align:middle;width:28px;height:28px;border:1px solid #fff;padding:1px}
.ui-menu .ui-menu-item a div{cursor:pointer;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;float:left;}
.ui-menu .ui-menu-item a .s{color:#999;font-size:11px;font-weight:400;line-height:14px;font-style:italic}
.ui-menu .ui-menu-item a strong{color:#30a8ed;text-decoration:underline}
.ui-menu .ui-menu-item a:hover{display:block;color:#848484;background:#ebebeb;text-decoration:none}
.ui-menu .ui-menu-item a:hover div{font-weight:700}
.ui-menu .ui-menu-item a:hover div.s{font-weight:400}
.ui-helper-hidden-accessible{display:none;}
.m-ads{width:100%;max-width: 600px;max-height: 90px;margin: 0 auto 10px;}
.m-ads img{max-width: 100%}
.mangaread-footer .m-ads{margin-top: 10px;}
@media only screen (max-width: 1200px){
  .supnumb-name{max-width: 120px;}
  .title-classification a{padding-right:20px;}
  .header-read .logo{width:20%;}
}
@media only screen and (min-width:1000px) and (max-width:1024px){
  
  /* header */
  .header-menu li a{padding:0 20px;}
  .header-read .logo{width:20%;}
  .header-topsearch input{width:200px;}

  /* layout */
  .main{min-height:300px;}
  .main-content{padding:30px;}
  .manga-recommend .postbig-list{padding:20px 30px;}
  
  /* title top */
  .title-classification a{padding-right:10px;}
  .title-classification i{width:55px; font-size:55px;}
  .title-classification, .title-toptip{padding-left:20px;}
  .title-topname{width:40%;}
  .title-topname span{padding:0 30px;}
  .title-rightbtn{margin-right:20px;}
  .title-toptip{width:40%;}

  /* detail manga */
  .manga-detailtopbtn a{width:90px; height:40px;}
  .status-btn span{margin-right:25px;}

  /* manga list */
  .manga-list li{width:32%;}
  .userarticle-right .manga-list li, .aside-left .manga-list li{width:48%;}
  .charts-list  li{width:23.5%;}

  /* charts list */
  .numbertop{font-size:24px; line-height:24px;}

  /* advanced */
  .advanced li input.text{width:250px;}
  .advanced li ul.radio-width li, .advanced li ul.genres li{width:105px;}
  .advanced li.submitbtn a{width:180px;}

  /* user center */
  .userarticle-left{padding:0 30px; margin-right:-260px;}
  .userarticle-right{margin-left:260px; padding-right:30px;}
  .userpage-main{padding:60px 30px;}

  /* footer */
  footer{padding:20px 30px;}
  .supnumb-name{max-width: 120px;}
  .detail-chlist li .vol{max-width: 230px;}
.bg_chr_gift{display: none;}
}  


/* media device */
@media screen and (max-width:960px){

  /* header */
  .header,.bg-chr,.bg-chr_p{display:none;}
  .site-content{padding: 0;}
  .mobile-header{display:block;}
  .topuserinfo-avatar em, .top-username em{left: 27px;}

  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}
  .title-recommend{font-size:16px; padding:10px 0; line-height:24px;}
  /*.moreicon{background-size:100%; width:50px; height:22px; padding-top:3px; font-size:12px;}
  .moreicon-orange{background-position:0 -24px;}
  .moreicon-blue{background-position:0 -49px;}
  .moreicon-green{background-position:0 -74px;}
  .moreicon-lightblue{background-position:0 -100px;}*/

  /* title topname */
  .title-topname{width:100%; float:none; padding:0; height:30px; font-size:14px; line-height:30px;}
  .title-topname span{padding:0 10px;font-size: 12px;}
  .title-topname span em{display:inline;margin: 0 5px 0 0;}
  .title-topname .rightarrow-icon:before{content:"\e627";}
  .title-classification{width:100%; float:none; padding:0; height:60px; justify-content:center;text-align: center;}
  .title-classification a{font-size:12px; font-weight:normal; padding:0 6px;}
  .title-classification i{font-size:24px; width:24px; height:24px; line-height:24px;}
  .title-charts .title-topname{height:36px; font-size:14px; line-height:36px;}
  .title-toptip{width:100%; float:none; padding:0; height:30px; justify-content:center; font-size:13px;}
  .title-rightbtn, .title-toptip{position: absolute;top:2px;right: -25px;}
  .title-charts .title-rightbtn{height: 33px;}

  /* main content */
  .main-content{padding:10px;}

  /* manga list */
  .manga-list li{float:left; width: 100%; border-bottom:1px solid #f2f2f2; margin:0 0 10px; padding-bottom:10px;}

  /* post */
  .post{font-size:13px;}
  .post .cover-info p{margin-bottom:5px;}
  .post .cover-info p.title{font-size:14px;}


  /* filter list */
  .filter-list{padding:0;}
  .filter-list li{margin:0;}
  .filter-list li label{display:block; text-indent:10px; width:100%; float:none; text-align:left; line-height:40px; overflow:hidden;font-size: 14px;}
  .filter-list li label span.select{color:#b4d337; display:inline; margin-left:5px;}
  .filter-list li:nth-child(even) label{background-color:#f8f8f8; border:1px solid #eaeaea; border-left:none; border-right:none;}
  .filter-list li .selectlist{margin:0; padding:10px 10px 0; display:none;}
  .filter-list li .selectlist a{background-color:#fff; color:#ffc4d5; border:1px solid #ffc4d5; width:auto; padding:0 10px; margin:0 10px 10px 0;}
  .filter-list li .selectlist a:hover, .filter-list li .selectlist a.select{background-color:#ffc4d5; color:#fff; text-decoration:none;}
  .filter-list li:last-child .selectlist a, .filter-list li:nth-child(4) .selectlist a{width:auto;}

  /* page nav */
  .page-navone, .page-navtwo{padding:10px 0;}
  .page-navtwo{text-align:center;}
  .page-nav a, .page-nav select{font-size:14px;}
  .page-nav a{line-height:24px; height:24px;}
  .page-nav select{line-height:22px; height:28px;}
  .page-nav select, .page-nav .prev, .page-nav .next{padding:0 5px;}
  .page-nav a.page-number,.page-nav a.select{display:none;}
  .page-nav span.mobile-none{line-height: 46px;}

  /* title */
  .title-one{font-size:16px;}

  /* detail manga */
  .manga-detail,.manga-detail h1{font-size:13px;}
  .manga-detail h1{padding: 10px;line-height: 18px;background: #39b6e6;color: #fff;margin: 0 -10px 10px;}
  .manga-detailtop .detail-cover{width:110px; height:170px;}
  .manga-detailtop .detail-info{padding:0 0 0 120px;}
  .star-score i.score-number{font-size:30px; width:40px; line-height:30px;}
  .score-number em{font-size:15px;}
  .manga-detailtop .detail-info .star-score i.star-icon{font-size:18px;}
  .count-number{display:block; padding-left:60px;}
  .manga-detailtop .detail-info p{padding-bottom:4px;}
  .manga-detailtopbtn{padding-left:0; padding-top:20px;}
  .detailtopbtn a{width:85px; height:36px;line-height: 36px;}
  .manga-detailtopbtn span.stButton{margin: 0 5px 5px 0;}

  /* status here */
  #analytics-status{height:80px;}
  .status-btn{padding-left:10px;}
  .status-btn span{margin-right:22px; font-size:12px; width:35px;}
  .status-btn i{width:35px; height:35px;}
  .cried-btn{background-position:0 -35px;}
  .scared-btn{background-position:0 -70px;}
  .beautiful-btn{background-position:0 -105px;}
  .awesome-btn{background-position:0 -140px;}

  /* manga read */
  .header-read{height:42px; border-bottom:none; background-color:#fa84a6;}
  .header-read .logo{height:34px;width:55px; padding-left:10px;padding-top:8px;background: #fa84a6 url(../images/logo-m.png) center no-repeat;background-size: 55px 34px;}
  .header-read .logo .logo-icon{font-size:30px;}
  .btn-chapterlist, .btn-bookmark{background-color:#fa84a6; border-color:#fa84a6; color:#fff; padding:5px 0; line-height:30px; height:30px; font-size:0;}
  .header-chapterlist{float:right; text-align:right; margin:0 0 0 10px;}
  .header-chapterlist ul{top:42px; text-align:left;}
  .header-chapterlist:hover .btn-chapterlist{color:#fa84a6; font-size:14px; padding:5px; text-align:left;}
  .btn-chapterlist i, .btn-bookmark i{margin:0;}
  .topuserinfo-avatar{font-size: 0;}
  .header-topuserinfo:hover .topuserinfo-avatar{font-size: 14px;color: #000;}
  .header-topuserinfo:hover img{margin-right: 5px;}
  .top-username{font-size: 14px;color: #fff;}
  .header-topuserinfo:hover .top-username{font-size: 14px;color: #000;}
  .mangaread-top, .mangaread-img, .mangaread-footer{width:auto; padding:0 10px; margin:auto;}
  .mangaread-top{padding-top:10px;}
  .mangaread-img{padding:10px;}
  .mangaread-footer{padding-bottom:10px;}
  .mangaread-top .title{font-size:14px; line-height:20px; padding-bottom:10px;}
  .mangaread-top .title a h1, .mangaread-top .title a h2{font-size:14px;}
  .mangaread-pagenav .btn-four{font-size:14px; line-height:24px;}
  .mangaread-pagenav select{font-size:14px; padding:0 5px; height:24px;}
  .mangaread-page .btn-three{font-size: 14px;line-height: 25px;background: #b4d337;}
  .mangaread-page .btn-sf{display: none;}

  /* charts list */
  .charts-list li .post .post-cover{width:70px;}
  .numbertop{font-size:30px; line-height:30px;}
  sup.supnumb-other{width:20px;}
  .chartsli-text{font-size:13px; line-height:20px; height:20px;}

  /* userarticle */
  .userarticle{background-color:#fff; border-top:none;}
  .userarticle-left{float:none; width:auto; padding:0; margin:0; background-color:#efefef;}
  .usernav li{display:inline-block; width:32%; line-height:36px;}
  .usernav li a{padding:0;}
  .usernav li a span{background-color:transparent; padding:0; bottom:auto;}
  .usernav li a:hover, .usernav li.select a{color:#b4d337; border-bottom:2px solid #b4d337;}
  .usernav li a:hover span, .usernav li.select a span{color:#b4d337;}
  .userarticle .floathere{float:none;}
  .userarticle-right{margin:0; padding:10px 10px 20px;}
  .sort-content{font-size:12px;}
  .sort-content a{padding:0 5px;}
  .user-page .user-dobtn{margin-top:5px;}
  .user-dobtn label{font-size:14px;}
  .user-dobtn a{padding:0; margin-left:0; border:none; font-size:0;}
  .user-dobtn a i{font-size:20px;}
  .usernav li a em{position: absolute;top:10px; display:inline-block;}

  /* userpage list */
  .userpage-list li{margin-bottom:20px;}
  .input input{line-height:30px;}
  .profile-settings{padding:0;}
  .userpage-list li label{line-height:32px;}
  .upload-avatar img{width:100px; height:100px;}
  .upload-avatar .avatar-info{padding:15px 0 0 120px;}

  /* user page */
  .userpage{border-width:1px; min-height:inherit;}
  .userpage-img, .userpage-content{float:none; width:100%;}
  .userpage-img .title{position:inherit; top:auto; right:auto; text-align:center; font-size:18px; line-height:24px;}
  .userpage-img img{display:none;}
  .userpage-main{padding:10px;}
  .userpage-main .userpage-list li label{display:none;}
  .userpage-main .userpage-list li .input, 
  .userpage-main .userpage-list li .textarea,  
  .userpage-main .userpage-list li .btn-one, 
  .userpage-main .userpage-list li .btn-two, 
  .userpage-main .userpage-list li .login-fb, 
  .userpage-list li.label-checkbox, 
  .userpage-main .orhere, 
  .error-tip, 
  .correct-tip{margin-left:0;}
  .userpage-main .userpage-list li.label-checkbox label{display:inline-block; margin-left:0;}

  /* request manga */
  .request-manga .userpage-list li label{width:100px; display:none;}
  .request-manga .input{width:auto;}
  .request-manga .userpage-list li .input, .request-manga .userpage-list li .btn-one{margin-left:0;}
  .request-manga .must{top:15px;}
  .request-manga .userpage-list li .btn-one, .request-manga .userpage-list li .btn-two{width:45%; float:left;}
  .request-manga .userpage-list li .btn-two{float:right; margin-left:0;}

  /* btn */
  .btn-one, .btn-two{line-height:32px;}

  /* dialog */
  .dialog-content{font-size:13px;}
  .dialog-box .btn-one, .dialog-box .btn-two{line-height:24px;}

  /* error 404 */
  .error404{padding:30px 10px;}
  .error404 p{font-size:13px; margin-bottom:10px; overflow:hidden;}
  .error404 p.title{font-size:18px;}
  .error404 p .btn-one, .error404 p .btn-two{width:140px; font-size:13px; text-transform:inherit; margin-top:20px;}

  /* aside */
  .floathere{float:none;}
  .aside-left{width:100%; margin:0;}
  .aside-left .manga-list li{width:100%;}
  .aside-right{display:none;}

  /* advanced */
  .advanced li .name{float:none; display:block; text-align:left;}
  .advanced li ul.radio{float:none;}
  .advanced li input.text{width:140px;}
  .advanced li ul.radio-width, .advanced li ul.genres, .advanced li.submitbtn{padding-left:0;}
  .advanced li.submitbtn a{width:128px;}

  /* footer */
  footer{padding:0; text-align:center;}
  .footer-info{display:none;}
  .footer-affiliates li{float:none; display:inline-block; line-height:40px; border:none;}
  .footer-affiliates li:first-child{display:none;}

  /* tip */
  #tooltip{display:none!important;}

  /* none */
  .title-topname .rightarrow-icon.mobile-none,.mobile-none{display:none;}
  .pc-none{display:block;}
  .detail-chlist .pc-none{display: inline-block;}
  .flexslider .slides li{width:50%; float:left;}
}  

@media screen and (max-width: 640px){
  .em-list li .empic{width: 60px;height: 60px;}
  .em-list li .lol{background-position:0 0}
.em-list li .cry{background-position:0 -60px}
.em-list li .sca{background-position:0 -120px}
.em-list li .bea{background-position:0 -180px}
.em-list li .awe{background-position:0 -240px}
}
@media screen and (max-width: 320px){
  .em-list li .empic{width: 50px;height: 50px;}
  .em-list li .lol{background-position:0 0}
.em-list li .cry{background-position:0 -50px}
.em-list li .sca{background-position:0 -100px}
.em-list li .bea{background-position:0 -150px}
.em-list li .awe{background-position:0 -200px}
.filter-list li label i{width: 30%;}
}
@media only screen and (min-width:801px) and (max-width:960px){
  
  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}

}

@media only screen and (min-width:751px) and (max-width:800px){ 
  
  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}

  /* postbig list */
  .postbig-list li{width:22%; margin:10px 1%;}
 
}

@media only screen and (min-width:641px) and (max-width:750px){

  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}

  /* postbig list */
  .postbig-list li{width:22%; margin:10px 1%;}
 
}

@media only screen and (min-width:581px) and (max-width:640px){

  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}

  /* postbig list */
  .postbig-list li{width:22%; margin:10px 1%;}
  .manga-detailchapter .title a.arrange-btn{padding: 0 3px;}
 
}

@media only screen and (min-width:481px) and (max-width:580px){

  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}

  /* postbig list */
  .postbig-list li{width:22%; margin:10px 1%;}
  
}

@media only screen and (min-width:321px) and (max-width:480px){
  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}

  /* postbig list */
  .postbig-list li{width:22%; margin:10px 1%;}
  .detail-chlist li .vol{max-width: 150px;}
  
}

@media only screen and (min-width:1px) and (max-width:320px){
  
  /* home */
  .manga-recommend .postbig-list{padding:10px 0;}
  .manga-recommend .postbig-list li:nth-child(7), .manga-recommend .postbig-list li:nth-child(8){display:none;}
  
  /* postbig list */
  .postbig-list li{width:30%; margin:10px 1%;}

  .manga-detailalso .postbig-list{text-align:center;}
  .manga-detailalso .postbig-list li{width:31%;}

  /* flexslider banner */
  .detail-chlist li .vol{max-width: 130px;}

}

/* ******status here****** */
@media only screen and (min-width:376px) and (max-width:414px){

  /* status here */
  .status-btn{padding-left:20px;}
  .status-btn span{margin-right:40px;}

}

@media only screen and (min-width:321px) and (max-width:375px){

  /* status here */
  .status-btn{padding-left:15px;}
  .status-btn span{margin-right:35px;}

}