body{font-family:PingFangTC-Light, '\5FAE\8EDF\6B63\9ED1\9AD4', Microsoft JhengHei, Open Sans, sans-serif;font-size:14px;color:#666666;margin:0;font-weight:normal;}

table,tr,td,p {white-space:normal;font-size:14px;color:#666666;}

.col-2-4{position: relative;-ms-flex: 0 0 20%;flex: 0 0 20%;width: 100%;max-width: 20%;}
.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {}
@keyframes blink{
from{opacity: 1.0;}
50%{opacity: 0.4;}
to{opacity: 1.0;}
}
@-webkit-keyframes blink{
from{opacity: 1.0;}
50%{opacity: 0.4;}
to{opacity: 1.0;}
}
.blinks{animation: blink 2s infinite;-webkit-animation: blink 2s infinite;}
.line_height_2{line-height: 2rem;}
.line_height_1_8{line-height: 1.8rem;}
.line_nowrap{white-space: nowrap;}
div#serials_inside .item_serials_div:nth-child(n+7) {display: none;}
@media only screen and (max-width: 768px) {
div#serials_inside .item_serials_div:nth-child(n+4) {display: none;}
.movie-link .col-4.col-sm-4.col-md-2.col-lg-2.p-2:nth-child(n+4) {display: none;}
}
.movie-link li.text-center.nowraphide {color: #313131 !important;font-weight: 600;}
h5 r a {background: rgb(48 48 48 / 50%);transition: .2s;border-radius: 0.3rem;padding: 0.1rem 0.3rem;white-space: nowrap;color: #fff !important;border: 1px solid #fff;}
h5 r a:hover {background: rgb(255 193 7);transition: .2s;color: #000 !important;}
a:link,a:active,a:visited {color:#666666;font-size:14px;text-decoration:none;}
a:hover {color:#333333;}
li {list-style:none;}
.inline-block {display:inline-block;}
#left {float: left;width:975px;margin-right:20px;}
#right {overflow:hidden;}
#rp_ctl00_0_dl_0 {table-layout: fixed;}
#rp_ctl00_0_dl_0 tbody tr td{overflow: hidden;text-overflow: ellipsis;}
#rp_ctl01_0_dl_0 {table-layout: fixed;}
#rp_ctl01_0_dl_0 tbody tr td{overflow: hidden;text-overflow: ellipsis;}
#rp_ctl02_0_dl_0 {table-layout: fixed;}
#rp_ctl02_0_dl_0 tbody tr td{overflow: hidden;text-overflow: ellipsis;}
#rp_ctl03_0_dl_0 {table-layout: fixed;}
#rp_ctl03_0_dl_0 tbody tr td{overflow: hidden;text-overflow: ellipsis;}
#rp_animelist_0_dl_0 {table-layout: fixed;}
#rp_animelist_0_dl_0 tbody tr td{overflow: hidden;text-overflow: ellipsis;}
.k {width:100px;}
.white a:link,.white a:visited{font-size:16px;color:white;font-weight:normal;}
.white a:hover,.white a:active{font-size:16px;color:#d9f9fe;}
.blue a:link,.blue a:visited{color:#0033CC;}
.blue a:hover,.blue a:active{color:red;}

a.white:link,a.white:visited{font-size:14px;color:white;font-weight:lighter;}
a.white:hover,a.white:active{font-size:14px;color:#d9f9fe;font-weight:lighter;}

a.w:link,a.w:visited{font-size:14px;color:#ccc;}
a.w:hover,a.w:active{font-size:14px;color:#fff;}

a.yellow:link,a.yellow:visited{font-size:14px;color:yellow;}
a.yellow:hover,a.yellow:active{font-size:14px;color:#FF8000;}

a.blue:link, a.blue:visited{color:#0033CC;}
a.blue:hover, A.blue:active{color:red;}

a.cyan:link, a.cyan:visited{color:#0099CC;}
a.cyan:hover, a.cyan:active{color:blue;}

a.red:link, a.red:visited{color:#ff8000;}
a.red:hover, a.red:active{color:red;}

.font_small{font-size: 75% !important;font-weight: 400;}
.font_normal{font-weight: normal;}
.font_bold{font-weight: bold;}
.text_white{color: #ffffff;}
.text_gray{color: #cccccc;}
.bg_gray{background-Color: #dddddd;}
.nowrap {white-space: nowrap;}
.nowraphide{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.linebg	{background-image:url(/images/line_x.gif);}
.zoom_big{cursor: pointer;}
.zoom_small{cursor: pointer;}

.imgbordery{margin-bottom:5px;margin-top:5px;border: 5px solid #ffffff;}
.imgborderx{margin-bottom:5px;margin-top:5px;border: 3px solid #d3d3d3;}
.imgborderz{margin-bottom:5px;margin-top:5px;border: 5px solid #d3d3d3;}
.imgborders{margin-bottom:5px;margin-top:5px;border: 1px solid #d3d3d3;}
.showthumb li{border: 2px solid #e5e5e5;background-color: #e5e5e5;border-radius: .5rem;}
.showthumb li img{width: 100px;height: 133px;border-radius: .5rem;}

.okbt{background: url(images/bon_8.gif) #FFFFFF no-repeat 0 0;border:0;width:98px;height:28px; cursor:pointer;}
.oklogin{background: url(images/bon_9.gif) #FFFFFF no-repeat 0 0;border:0;width:90px;height:23px; cursor:pointer;}

#bt_del{width:100px;height:32px;background-image:url(/images/button.gif);background-position:center;background-color:#FFFFFF;border:0;font-weight:bold;font-size:9pt;color:#0066cc}

.bt_old{width:100px;height:32px;background-image:url(/images/button.gif);background-position:center;background-color:#FFFFFF;border:0;font-weight:bold;font-size:9pt;color:#0066cc}


.bt{width:55px;height:22px;background-color:#FF9900;background-position:center;border:0;font-weight:normal;font-size:9pt;color:#FFFFFF}
.bt:hover{width:55px;height:22px;background-color:#FF6000;background-position:center;border-style:solid;border-width:1px;border-color:#FFFFFF;font-weight:normal;font-size:9pt;color:#FFFFFF}
 
.bt_blue {background-color:#379ce9;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:inline-block;cursor:pointer;color:#ffffff;font-size:14px;padding:5px 31px;text-decoration:none;}
.bt_blue:hover {background-color:#49a4e9;}
.bt_blue:active {position:relative;top:1px;}

.bt_favourite {background-color:#379ce9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block;cursor:pointer;color:#ffffff;font-size:10px;padding:1px 2px;}
.bt_favourite:hover {cursor:pointer;background:#FEAC00;}

.cat{color:#0065AB;}
.cat a:link{color:#0065AB;}
.cat a:visited{color:#0065AB;}
.cat a:hover{color:#EA6300;}

.pagenumtext{color:#fff;}
.pagenumtext a:link{color:#FFFFFF;}
.pagenumtext a:visited{color:#FFFFFF;}
.pagenumtext a:hover{color:#FFFFFF;font-weight:bold;}


.da 	{color:#cccccc;font-size:10px;}
.like 	{color:#cccccc;}
.un 	{color:#336699;}
.lv 	{color:#cccccc;}
.txt 	{color:#666666;}

.an	{color:#7D7D7D;}
a.an:link		{color:#7D7D7D;}
a.an:visited  	{color:#999999;}
a.an:hover		{color:#444444;}

.vol	{color:#007EFF;}
a.vol:link		{color:#007EFF;font-weight:bold;}
a.vol:visited  	{color:#44bbFF;font-weight:bold;}
a.vol:hover		{color:#0022FF;font-weight:bold;}

.ch		{color:#666666;}
a.ch:link		{color:#666666;}
a.ch:visited  	{color:#666666;}
a.ch:hover	{color:#FF6000;font-weight:bold;}

.si{margin-bottom:5px;margin-top:5px;border: 1px solid #d3d3d3;}
a.shop:link, a.shop:visited{color:#7F7F00;}
a.shop:hover, a.shop:active{color:#0063B9;}
.price {color:#29938A;font-size:10px;}
a.shopmenu:link, a.shopmenu:visited{font-size:10pt;color:#444444;}
a.shopmenu:hover,a.shopmenu:active{font-size:10pt;color:#FF0000;}

a.keyword:link, a.keyword:visited{font-size:11pt;color:#0066CC;text-decoration:underline;}
a.keyword:hover, a.keyword:active{font-size:11pt;color:#0033CC;text-decoration:underline;}

/* below is mobile barcode show function */ 
.topmenu .navcat{display:none;position:absolute;text-align:center;z-index:10;}
.topmenu .navcat ul{padding:0;width:100px;padding-top:1px;}
.topmenu .navcat a{font-size:14px;line-height:30px;}
.topmenu .navcat li{padding:0;display:block;}
.topmenu .navover .navcat {display:block;}
.topmenu .navover {padding-left:2rem;}
.topmenu .navout {padding-left:2rem;}


.button_div {line-height: 20px;padding: 3px 6px;background: rgb(24, 142, 228);border-radius: 3px;margin: 0 auto;display: inline-block;transition: all 0.2s ease;}
.button_div:hover {cursor:pointer;background:#FEAC00;}
.button_div a:link {color:#fff;font-size:12px;}
.button_div a:visited {color:#fff;font-size:12px;}

.bookmark_btn {text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);color:#FFF;padding:3px;background: rgba(0,112,192,1);border-radius:3px;margin:2px;}
.bookmark_btn:hover {cursor:pointer;background:#FEAC00;}

.button_more {font: 12px 'lucida sans', 'trebuchet MS', 'Tahoma';text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);color:#FFF;width:auto;max-width:35px;line-height:16px;background: rgba(0,112,192,1);border-radius: 3px;margin:2px 2px 2px 2px;}
.button_more:hover {cursor:pointer;background:#FEAC00;}
.button_more a:link,.button_more a:visited{color:#fff;font-size:12px;}

/* button of normal page blue */ 
.button_blue {display: inline-block;padding: .3em .5em;background-image: linear-gradient(#daf3ff, #54bcef);border-radius: .2em;text-align: center;color:white;font-weight: normal;}
.button_blue:active{box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset;border-color: rgba(0,0,0,.3);background: #daf3ff;}

.button-deepblue {font: 12px 'lucida sans', 'trebuchet MS', 'Tahoma';text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);color:#FFF;width:80px;line-height:23px;padding:5px 8px;background: rgba(63,81,181,1);border-radius: 3px;margin:2px 5px 2px 5px;}
.button-deepblue:hover {cursor:pointer;background:#FEAC00;}
.button-deepblue a:link,.button_deepblue a:visited{color:#fff;font-size:12px;}

.submenu a {font-size:14px;color:#15722D;letter-spacing:1px;transition: all 0.2s ease;}
.submenu a:hover {font-size:14px;color:#FFFFFF;letter-spacing:1px;background:#9AA616;border-radius:3px;}

.mainmenu a:link{font-size:14px;color:#FFFFFF;font-weight:normal;letter-spacing:1px;}
.mainmenu a:visited{font-size:14px;color:#FFFFFF;font-weight:normal;letter-spacing:1px;}
.mainmenu a:hover{font-size:14px;color:#d9f9fe;font-weight:normal;letter-spacing:1px;}
.mainmenu a:active{font-size:14px;color:#FFFFFF;font-weight:normal;letter-spacing:1px;}

.smallmenu a:link,.smallmenu a:visited{font-size:15px;color:white;}
.smallmenu a:hover,.smallmenu a:active{font-size:15px;color:#d9f9fe;}

.showdate {font-size:11px;color:#838383;}
.showcat {margin:0;padding:0 1px 0 2px;color:#fff;font-size:11px;background:#cecece;border-radius:2px 0 0 2px;}
.showepisode {margin:0;padding:0 2px 0 1px;color:#fff;font-size:11px;background:#ddd;border-radius:0 2px 2px 0;}
.showepisodefull {margin:0;padding:0;color:#fff;font-size:11px;background:#cecece;border-radius:2px;}
.show_episode_full {margin:0 1px;padding:0 2px;color:#fff;font-size:11px;background:#cecece;border-radius:2px;}
.show_end_right {margin:0 1px;padding:0 1px;color:#fff;font-size:11px;background:#bbbb88;border-radius:2px;}
.showredinfo {font-size:11px;color:#FF0000;}
.dottitle {content: "●";color:rgb(162,221,246);font-size: 12px;margin: 0 4px;}

.slidebar{font-size:14px;color:white;letter-spacing:1px;}

.mainbar {font-size:14px;color:white;letter-spacing:1px;}

.history_bar {width: 100%}
.history_bar ul {margin:0;padding:0;}
.history_bar_top {line-height: 2rem;}
.history_link {float:right;}
.history_link a:link, .history_link a:active, .history_link a:visited{color: #ffffff;}
.history_dot {cursor:pointer;line-height:30px;border-bottom:1px dotted #BBBBBB;white-space:nowrap;overflow:hidden;}
.history_dot a:link, .history_dot a:active, .history_dot a:visited{color: #666666; font-size: 1rem;}
.history_dot:hover{background-Color:#FFF;}
.history_dottitle {content: "●";color:rgb(162,221,246);font-size: 20px;margin: 0 4px;}
.history_function_btn{position:absolute;right: 1.5rem;top: -2.8rem;}
.history_cover img{width: 100%;border: 2px solid #b5b5b5;border-radius: .5rem;}
.history_name {text-align: center;}
.history_name a:link,.history_name a:active,.history_name a:visited{color: #383838;}

.picborder{margin-bottom: .5rem;}
.picsize{position:relative; width:120px; height:160px;overflow: hidden;border-radius: .5rem;}
.picsize dotnew{text-align:right;position:absolute;right:5px;top:3px;display:block;}
.picsize num{text-align:right;color:#FFF;position:absolute;right:2px;bottom:0;display:block;}
.picsize bak{position:absolute;bottom:0;display:block;background-image:linear-gradient(to left,rgba(0,101,171,1),rgba(0,0,0,0));;width:100%;height:1.2em;}
.picsize img{cursor: pointer; transition: all 0.4s;border-radius: .5rem;}
.picsize img:hover{transform: scale(1.05);}

.hide{display:none;}
.tabs1 ul{padding:0;}
.tabs1 li{display:inline-block;width:100px;height:26px;line-height:26px;background:#bbcc00;margin:2px;text-align:center;border-radius:3px;color:#fff;}
.tabs1 a{color:#fff;}
.tabs1 a:hover{color:#fff;}
.tabs1 .tabso1 {color:#fff;display:inline-block;width:100px;height:26px;line-height:26px;background:#9aa616;text-align:center;border-radius:3px;    transition: all 1s ease;}
.tabs1 .tabso1 a{color:#fff;}
    /*-------------------------------------*/
/*.cf:before, .cf:after{content:"";display:table;}*/
/*.cf:after{clear:both;}*/
/*.cf{zoom:1;}*/
.form-wrapper {height:38px;line-height:38px;padding: 2px 2px 2px 2px;margin: 0;background: rgba(0,0,0,.2);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0 0 0 rgba(0,0,0,.4) inset, 0 0 0 rgba(255,255,255,.2);-webkit-box-shadow: 0 0 0 rgba(0,0,0,.4) inset, 0 0 0 rgba(255,255,255,.2);box-shadow: 0 0 0 rgba(0,0,0,.4) inset, 0 0 0 rgba(255,255,255,.2);}
.form-wrapper input {width: 165px;height: 30px;padding: 2px 2px 2px 8px;float: left;font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';border: 0;background: #eee;box-sizing:content-box;-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;      }
.form-wrapper input:focus {outline: 0;background: #fff;-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.form-wrapper input::-webkit-input-placeholder {color: #999;font-weight: normal;font-style: normal;}
.form-wrapper input:-moz-placeholder {color: #999;font-weight: normal;font-style: normal;}
.form-wrapper input:-ms-input-placeholder {color: #999;font-weight: normal;font-style: normal;}    
.form-wrapper button {overflow: visible;position: relative;float: right;border: 0;padding: 0;cursor: pointer;height: 34px;width: 55px;font: bold 15px/20px 'lucida sans', 'trebuchet MS', 'Tahoma';color: #fff;text-transform: uppercase;background: #d83c3c;-moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}   
.form-wrapper button:hover{background: #e54040;}	
.form-wrapper button:active,.form-wrapper button:focus{background: #c42f2f;}
.form-wrapper button:before {content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #d83c3c transparent;top: 8px;left: -6px;}
.form-wrapper button:hover:before{border-right-color: #e54040;}
.form-wrapper button:focus:before{border-right-color: #c42f2f;}    
.form-wrapper button::-moz-focus-inner {border: 0;padding: 0;}

.newcomic {color:#FFC107;}
.newanime {position:absolute;left: 0;top: 0;padding-left:25px;background:url(//www.comicabc.com/images/new_fabar.gif) no-repeat 0 0;display:block;width:100px;height:16px;color:yellow;font-weight:normal}
.dot-n {margin-top:-5px;}

.bt_comment {font: bold 15px/20px 'lucida sans', 'trebuchet MS', 'Tahoma';text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);background: rgba(36,169,226,1);color:#FFF;width:80%; max-width:250px;height:3rem;border:solid #ccc 1px;border-radius: 5px;margin: 1rem 0;cursor:pointer;transition: all 1s ease;}
.bt_comment:hover {cursor:pointer;background: rgba(29,135,180,1);}
.comments {width:100%;max-width: 975px;margin:0 auto;position:relative;}
.comments ul{list-style-type:none;padding:0;}
.comments li {margin: .5rem;padding: .5rem 0;border-top: dotted 1px #ccc;position: relative;}
.comments li i {float:left;font-style:normal;width:3em;margin:0.5em;overflow:hidden;clear:both;text-align:center;color:#aaa;}
.comments li i l{text-decoration:none;width:100%;font-size:0.7em;white-space:nowrap;}
.comments li img {width:30px;-webkit-border-radius: 15px;border-radius: 15px;border:solid 1px #ccc;}
.comments li h4 {font-size:0.9em;height:1.5em;font-weight:normal;margin:0 0 0 4.5em;color:#369;}
.comments li h4 c{display:inline-block;font-size:0.9em;color:#aaa;margin-left:10px;}
.comments li h4 c:before{content:'@';}
.comments li h5 b {font-weight: normal;display: inline-block;background: url(/images/like.png) no-repeat center left;background-size: 1.8rem;padding-left: 2rem;font-size: .75rem;margin: 0 .5rem;height: 1.8rem;vertical-align:middle;cursor: pointer;}
.comments li h5 b:hover{background: url(/images/like1.png) no-repeat center left;background-size: 1.8rem;font-weight:bold;}
.comments li h5 s {text-decoration: none;display: inline-block;background: url(/images/unlike.png) no-repeat center left;background-size: 1.8rem;padding-left: 2rem;color: #888;font-size: .75rem;margin: 0 .5rem;height: 1.8rem;vertical-align:middle;cursor: pointer;}
.comments li h5 s:hover{background:url(/images/unlike1.png) no-repeat center left;background-size: 1.8rem;font-weight:bold;}
.comments li h4 u {text-decoration:none;display:block;float:right;background:url(/images/dels.png) no-repeat center left;background-size:1.5em 1.5em;padding-left:1.8em;color:#888;font-size:0.9em;margin:0 0.5em;height:1.6em;display:none;}
.comments li h4 u:hover{background:url(/images/dels1.png) no-repeat center left;background-size:1.5em 1.5em;font-weight:bold;}
.comments li h4 d {text-decoration:none;display:block;float:right;background:url(/images/del.png) no-repeat center left;background-size:1.5em 1.5em;padding-left:1.8em;color:#888;font-size:0.9em;margin:0 0.5em;height:1.6em;display:none;}
.comments li h4 d:hover{background:url(/images/del1.png) no-repeat center left;background-size:1.5em 1.5em;font-weight:bold;}
.comments li r{display:inline-block;width:40px;height:1.6em;line-height:1.6em;color:#f00;vertical-align:middle;}
.comments fieldset {border: dotted #ccc 1px;color: #ccc;margin-bottom: 1rem;margin-right: .5rem;} 
.comments legend{color: #ccc;font-size: .8rem;}
.lk {color:#f57;}
.islk {color:#f57;background-image:url(/images/like1.png) !important;}
.nk {color:#a72;}
.isnk {color:#a72;background-image:url(/images/unlike1.png) !important;}
.comments li em:before{display:block;}
.comments li em{display:inline-block;font-weight:normal;height:1.6em;line-height:1.6em;margin:0.2em 0;font-style:normal;font-size:0.9em;color:#999;clear:left;vertical-align:middle;}
.comments li h5{display:block;font-size:0.9em;font-weight:normal;margin:0 0 0 4.5em;}
.comments li h5 p{padding:0;margin:3px;}
.comments li pp {margin-left:3.5em;padding-left:5em;font-size:0.9em;background:#f60;}
.comment_block {margin:0 auto;width:100%;max-width:975px;background:#f9fafb;}

#topcontrol{background:rgba(186,186,186,0.5); height:30px; width:30px; border-radius:3px;}

.ranklist {margin: .2em auto;width: 100%;max-width: 265px;}
.ranklist h2 {font-size:.8em;color:#eee;}
.ranklist ul {counter-reset: li;margin: 0;padding: 0;}
.ranklist > ul > li {margin: 0 0 0 2.8em;position: relative;cursor:pointer;line-height:2.5em;white-space: nowrap;}
.ranklist > ul > li:before {background: #d0d0d0;font-family:Arial, sans-serif;color: white;content: counter(li);counter-increment: li;font-size: 1em;line-height: 2em;position: absolute;top: .3em;left: -2.3em;text-align: center;width: 2em;border-radius:3px;}
.ranklist > ul > li:nth-child(1):before {background: #ff2c2c;}
.ranklist > ul > li:nth-child(2):before {background: #ffb328;}
.ranklist > ul > li:nth-child(3):before {background: #ffd628;}

.hotcomictitle {margin-bottom:10px;width:100%;max-width:1260px;background:#F9F9F9;border:1px solid #E8E8E8; margin-top:10px;}

.div_18plus_left{float:left;margin:10px;padding:10px;padding-left:15em;}
.div_18plus_right{float:left;text-align:center;margin:10px;padding:10px;}
.li_18plus_li1{font-size:25px;font-weight:bolder;}
.li_18plus_li2{font-size:20px;font-weight:bolder;color:red;}
.li_18plus_li3{padding:10px;}
.button_18plus_enter{margin:0 10px;padding:5px;color:#fff;font-size:16px;background:#50a211;border-radius:2px;cursor:pointer;}
.button_18plus_leave{margin:0 10px;padding:5px;color:#fff;font-size:16px;background:#ff2c2c;border-radius:2px;cursor:pointer;}

.btn-market {display: inline-block; padding: .15rem .75rem; padding-left: 2.8125rem; border-radius: .4375rem; background-position: center left .75rem; background-color: #4f596b; background-size: 1.5rem 1.5rem; background-repeat: no-repeat;}
.btn-apple {background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);}
.btn-google {background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);}

.btn-market .btn-market-subtitle {display: block; margin-bottom: -.125rem; color: rgba(255,255,255,0.6); font-size: .6875rem;}
.btn-market .btn-market-title {display: block; color: #fff; font-size: 1rem;}

#carousel_cover{position: relative;width: 32.1rem;margin: 2.2rem auto 0 auto;}
#carousel_cover ul{position:relative;padding: 0;}
#carousel_cover li{z-index:0;position:absolute;width:0;height:0;top:146px;cursor:pointer;left:377px;}
#carousel_cover li img{width:100%;background:url(/images/carousel_cover_loading.gif) no-repeat center 50%;height:100%;vertical-align:top;border: 2px solid #f9f9f9;border-radius: .5rem;}
#carousel_cover li p{position: absolute;bottom: 0;padding: 0 .5rem;width: 100%;height:2rem;line-height:2rem;background:url(/images/carousel_cover_float-bg.png) repeat;color:#fff;overflow: hidden;white-space: nowrap;text-align: center; text-overflow: ellipsis;}
#carousel_cover .prev,#carousel_cover .next{display:block;z-index:98;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:12.5rem;}
#carousel_cover .prev{background:url(/images/carousel_cover_btn.png) left bottom no-repeat;left:0}
#carousel_cover .next{background:url(/images/carousel_cover_btn.png) right bottom no-repeat;right:0}
#carousel_cover .prev:hover{background-position:left top;}
#carousel_cover .next:hover{background-position:right top;}

.def_score_cover_num {counter-reset: li;position: absolute;}
.def_score_cover_num > li {margin: 0 0 0 2.8rem;position: relative;line-height:5.5rem;white-space: nowrap;top: .5rem;}
.def_score_cover_num > li:before {background: #757575b5;font-family:Arial, sans-serif;color: #fafafa;content: counter(li);counter-increment: li;font-size: .8rem;line-height: 1.6rem;width: 1.6rem;position: absolute;left: -2.3rem;text-align: center;border-radius: 50%;}
.def_score_cover_num > li:nth-child(1):before {background: #f70c0cad;}
.def_score_cover_num > li:nth-child(2):before {background: #e5980cc7;}
.def_score_cover_num > li:nth-child(3):before {background: #069be5c7;}


.def_carousel_line{width:1150px;margin: 0 auto;position: relative;overflow: hidden;}
.def_carousel_line_div_ul {padding: 0;}
.def_carousel_line ul li{width:1200px;float:left;}
.def_carousel_line_cover{float: left;margin-left: .45rem;width: 11.5rem;height: 15.3rem;}
.def_carousel_line_cover img{width: 11.5rem;object-fit: cover;border-radius: .5rem;border: 1px solid #e5e5e5;}
.def_carousel_line_name{color: #d3e286;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem;overflow: hidden;text-overflow: ellipsis;position: relative;max-width: 11rem;white-space: nowrap;bottom: 3.2rem;background-color: rgb(88 88 88 / 50%);border-radius: .2rem;padding: 0 .3rem;left: .25rem;margin: 0;}
.def_carousel_line_title{position: relative;bottom: 2.9rem;float: right;right: .25rem;margin: 0;}
.def_carousel_line_left_ico{
background: url(/images/carousel_cover_btn.png) left bottom no-repeat;left: 0;display: block;z-index: 3;overflow: hidden;cursor: pointer;position: absolute;width: 52px;height: 52px;top: 5rem;}
.def_carousel_line_left_ico:hover{background-position:left top;}
.def_carousel_line_right_ico{background: url(/images/carousel_cover_btn.png) right bottom no-repeat;right: 0;display: block;z-index: 3;overflow: hidden;cursor: pointer;position: absolute;width: 52px;height: 52px;top: 5rem;}
.def_carousel_line_right_ico:hover{background-position:right top;}

.def_recommend{width:1150px;margin: 0 auto;position: relative;overflow: hidden;}
.def_recommend_div_ul {padding: 0;}
.def_recommend ul li{width:1200px;float:left;}
.def_recommend_cover{float: left;margin-left: .45rem;width: 11.5rem;height: 15.3rem;}
.def_recommend_cover img{width: 11.5rem;object-fit: cover;border-radius: .5rem;border: 1px solid #e5e5e5;}
.def_recommend_name{color: #d3e286;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem;overflow: hidden;text-overflow: ellipsis;position: relative;max-width: 11rem;white-space: nowrap;bottom: 3.2rem;background-color: rgb(88 88 88 / 50%);border-radius: .2rem;padding: 0 .3rem;left: .25rem;margin: 0;}
.def_recommend_title{position: relative;bottom: 2.9rem;float: right;right: .25rem;margin: 0;}
.def_recommend_left_ico{
background: url(/images/carousel_cover_btn.png) left bottom no-repeat;left: 0;display: block;z-index: 3;overflow: hidden;cursor: pointer;position: absolute;width: 52px;height: 52px;top: 5rem;}
.def_recommend_left_ico:hover{background-position:left top;}
.def_recommend_right_ico{background: url(/images/carousel_cover_btn.png) right bottom no-repeat;right: 0;display: block;z-index: 3;overflow: hidden;cursor: pointer;position: absolute;width: 52px;height: 52px;top: 5rem;}
.def_recommend_right_ico:hover{background-position:right top;}

.def_8book{width:1150px;margin: 0 auto;position: relative;overflow: hidden;}
.def_8book_div_ul {padding: 0;}
.def_8book ul li{width:1200px;float:left;}
.def_8book_cover{float: left;margin-left: .45rem;width: 11.5rem;height: 15.3rem;}
.def_8book_cover img{width: 11.5rem;object-fit: cover;border-radius: .5rem;border: 1px solid #e5e5e5;}
.def_8book_name{color: #d3e286;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem;overflow: hidden;text-overflow: ellipsis;position: relative;max-width: 11rem;white-space: nowrap;bottom: 3.2rem;background-color: rgb(88 88 88 / 50%);border-radius: .2rem;padding: 0 .3rem;left: .25rem;margin: 0;}
.def_8book_title{position: relative;bottom: 2.9rem;float: right;right: .25rem;margin: 0;}
.def_8book_left_ico{
background: url(/images/carousel_cover_btn.png) left bottom no-repeat;left: 0;display: block;z-index: 3;overflow: hidden;cursor: pointer;position: absolute;width: 52px;height: 52px;top: 5rem;}
.def_8book_left_ico:hover{background-position:left top;}
.def_8book_right_ico{background: url(/images/carousel_cover_btn.png) right bottom no-repeat;right: 0;display: block;z-index: 3;overflow: hidden;cursor: pointer;position: absolute;width: 52px;height: 52px;top: 5rem;}
.def_8book_right_ico:hover{background-position:right top;}

.module-banner-box {width: 100%;margin: 0 auto;}
.module-banner-tab {display: flex;width: 100%;}
.module-banner-tab-list {}
.module-banner-tab-list ul {padding: 0;margin: 0;}
.module-banner-tab-list ul li {background: #454545;color: #fff;width: 12rem;height: 3rem;cursor: pointer;text-align: center;position: relative;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.module-banner-tab-list ul li p {margin: 0;line-height: 3rem;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on {opacity: 1;background-image: -webkit-linear-gradient(left, #ffd628 0%, #ffb328 100%);background-image: -moz-linear-gradient(left, #ffd628 0%, #ffb328 100%);background-image: -moz-linear-gradient(to right, #ffd628 0%, #ffb328 100%);background-image: -o-linear-gradient(to right, #ffd628 0%, #ffb328 100%);background-image: linear-gradient(to right, #ffd628 0%, #ffb328 100%);background-repeat: repeat;}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {background-image: -webkit-linear-gradient(left, #ffea92 0%, #ffc966 100%);background-image: -moz-linear-gradient(left, #ffea92 0%, #ffc966 100%);background-image: -moz-linear-gradient(to right, #ffea92 0%, #ffc966 100%);background-image: -o-linear-gradient(to right, #ffea92 0%, #ffc966 100%);background-image: linear-gradient(to right, #ffea92 0%, #ffc966 100%);background-repeat: repeat;}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {opacity: 1;background-image: -webkit-linear-gradient(left, #ffd628 0%, #ffb328 100%);background-image: -moz-linear-gradient(left, #ffd628 0%, #ffb328 100%);background-image: -moz-linear-gradient(to right, #ffd628 0%, #ffb328 100%);background-image: -o-linear-gradient(to right, #ffd628 0%, #ffb328 100%);background-image: linear-gradient(to right, #ffd628 0%, #ffb328 100%);background-repeat: repeat;}
.module-banner-tab-list-box {width: 100%;height: 24rem;background: #fff;padding: 1rem;overflow: hidden;border-top-right-radius: .5rem;border-bottom-right-radius: .5rem;}
.module-tab-box-ma {opacity: 1;z-index: 1;margin: 0;padding: 0;}
.module-banner-tab-list ul li:first-child{border-top-left-radius: .5rem;}
.module-banner-tab-list ul li:last-child{border-bottom-left-radius: .5rem;}

.pager {margin-bottom:2rem;}
.pager ul {padding:0;}
.pager ul li {display: inline-table;margin:0.2rem;width: 3rem;height: 3rem; line-height:3rem; background: rgba(24, 142, 228, 0.9);border-radius: 50%;color: #fff; font-size: 1.2rem;cursor: pointer;}
.pager ul li a {color: #fff;}
.pager ul li:first-child {display:none;}
.pager ul li:last-child {display:none;}

.pager tr td {display: inline-table;margin:0.2em;width: 2rem;height: 2rem;background: rgba(24, 142, 228, 0.9);border-radius: 50%;color: #fff;}
.pager tr td span {color:#fff;}
.pager tr td:first-child {display:none;}
.pager tr td:last-child {display:none;}

.text-center {text-align: center!important;}

.text-gray-sm a:link {color: #bfbfbf !important;font-size: 0.75em;}
.text-view-title {color:#1e9bc9 !important;font-size: 1.25rem !important;margin: auto .5rem auto 3rem;}

.top_logo_search{width: 1200px;margin: 0 auto;height: 6rem;display: flex;flex-wrap: nowrap;justify-content: space-around;z-index: 2;position: relative;}
.top_logo_searchbox{display: flex;align-items: center;margin: 0 auto;}
.top_logo{padding-right: 20rem;}
.top_small_search{width: 230px;white-space: nowrap;}

.topnavbar{position: fixed;z-index: 9; top: 0; left: 0;width: 100%; height: 38px;border-bottom: 1px solid #e5e5e5;background-color: #fefefe;}
.topnavbarin{height: 38px;margin: 0 auto;width: 1260px;}
.topnavbarin ul {margin: 0 auto;line-height: 38px;}
.topnavbarin ul li img{padding-right:.3rem;vertical-align:middle;}
.topnavbarinfloat{float:right;padding-right:2rem;}
.toplogobar{margin:38px auto 0 auto;max-width:1260px;background-image: url(/images/top_bg.png);background-repeat:no-repeat;}
.toplogobar li{line-height: 96px;height: 96px;}
.toplogobar li img{position: relative;top: 20%;}

.news_article_img{max-width: 480px; border: 1px solid #ccc; border-radius: .5rem;}
.news_article_series{display: flex;justify-content: space-between;}

.new-top-bar {margin: 0 auto;background: #f6f6f6;width: 100%;color: rgb(204, 204, 204);box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.1);height:3rem;display: flex;justify-content: flex-end;align-items: center;align-content: center;}
.new-logoimg {width: 100px;padding: 10px 5px 5px 5px;}
.new-top-bar-nav {line-height:55px;;padding: 0;margin:0;float: right;}
.new-top-bar-nav-item {height: 40px;line-height: 40px;padding: 0;margin-left: 10px;display: inline-block;}
.new-top-bar-nav-item span img {padding-right: 3px;}
.new-top-bar-float {display: none;position: fixed;margin: 0 auto; background: #ffffff;width: 100%;box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.1);z-index: 99;}

.index-top-menu {background: #0d87bb;border-radius: .5rem;height: 3.2rem;margin: 0 auto;white-space: nowrap;display: flex;justify-content: space-between;align-items:center;}
.index-top-menu a {margin: 0 0.5rem;font-size: 1rem;color: #ffffff;}
.main-menu-btn, a.main-menu-btn {background-color: #ffffff;border-radius: .3rem;color: #0090cd !important;text-align: center;margin: .5rem;line-height: 2.2rem;width: 6rem;}

.person-add-logo {color: #39b7e5;top: 12%;position: relative;padding-right: 2px;font-size: 18px !important;}
.account-circle-logo {color: #39b7e5;top: 12%;position: relative;padding-right: 2px;font-size: 18px !important;}
.exit-to-app-logo {color: #39b7e5;top: 11%;position: relative;padding-right: 2px;font-size: 18px !important;}
.favorite-logo {color: #39b7e5;top: 11%;position: relative;padding-right: 2px;font-size: 17px !important;}
.message-logo {color: #39b7e5;top: 12%;position: relative;padding-right: 0;font-size: 18px !important;}
.all-inclusive-logo {color: #39b7e5;top: 12%;position: relative;padding-right: 2px;font-size: 18px !important;}
.smartphone-logo {color: #39b7e5;top: 11%;position: relative;padding-right: 0;font-size: 18px !important;}
.search-box-div{float:right;top:12px;position:relative;}

.navtopbar{position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;padding: .1rem .5rem;}
.navtopbar1 {padding: .3rem; line-height: 3rem;}
.navcatnames{display: flex;flex-direction: row;flex-wrap: nowrap;-ms-flex-preferred-size: 100%;flex-basis: 100%;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-align: center;align-items: center;}
.navcatnames ul{display: flex;-ms-flex-direction: row;flex-direction: row;padding-left: 0;margin-bottom: 0;list-style: none;margin-right: auto!important;}
.catname-link{;color: rgba(255,255,255,.5);display: block;padding: .2rem .3rem;}
.text-top-cats{padding-right: .5rem;padding-left: .5rem;color: rgba(255,255,255,.5);display: block;font-size:1rem !important;}
.view_top_catsname{;color: rgba(255,255,255,.5);display: block;padding: .2rem .3rem;}
.navlogo{display: inline-block;padding-top: .3125rem;padding-bottom: .3125rem;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
.round-black{width: 1.5rem;height: 1.5rem;background-color: #383838;border: 1px solid #000;border-radius: .75rem;display: inline-block;}
.round-gray{width: 1.5rem;height: 1.5rem;background-color: #a5a5a5;border: 1px solid #000;border-radius: .75rem;display: inline-block;}
.round-green{width: 1.5rem;height: 1.5rem;background-color: #c7edcc;border: 1px solid #000;border-radius: .75rem;display: inline-block;}
.round-white{width: 1.5rem;height: 1.5rem;background-color: #ffffff;border: 1px solid #000;border-radius: .75rem;display: inline-block;}
.navcatnames ul li a:hover{color:#fbbe1a;font-weight:bold;}
.theimg{max-width:1024px;}
.button-cricle{width:2rem;height:2rem;border-radius: 50% !important;}
.button-cricle-big{width:2.2rem;height:2.2rem;border-radius: 50% !important;}
.top-bt{font-size: 3rem;color: rgba(85, 85, 85, 0.55);}
.controlimg{max-width:1260px;}
.barcodediv{display:none;border:1px solid #515151;position:relative;top:15px;left:-55px;width:120px;height:135px;background-color:#515151;z-index: 1002;overflow: auto;animation: anim 1s;border-radius: .5rem;}
.settingdiv{display:none;border:1px solid #515151;position:relative;top:1rem;left:-10.3rem;width:200px;height:88px;background-color:#515151;z-index: 1002;overflow: auto;border-radius: .5rem;flex-flow: row nowrap;justify-content: center;align-items: flex-start;}
@keyframes anim {0% {opacity: 0;} 100% {opacity:1;}}

.search-box-main {width: 35rem;height:3.05rem;padding: .1rem;margin: 0;background: rgba(0,0,0,.2);-moz-border-radius: .2rem;-webkit-border-radius: .2rem;border-radius: .2rem;-moz-box-shadow: 0 0 0 rgba(0,0,0,.4) inset, 0 0 0 rgba(255,255,255,.2);-webkit-box-shadow: 0 0 0 rgba(0,0,0,.4) inset, 0 0 0 rgba(255,255,255,.2);box-shadow: 0 0 0 rgba(0,0,0,.4) inset, 0 0 0 rgba(255,255,255,.2);}
.search-box-main input {width: 28rem;height: 2.6rem;padding: 2px 2px 2px 8px;float: left;font: bold 1rem 'lucida sans', 'trebuchet MS', 'Tahoma';border: 0;background: #eee;box-sizing:content-box;-moz-border-radius: .2rem 0 0 .2rem;-webkit-border-radius: .2rem 0 0 .2rem;border-radius: .2rem 0 0 .2rem;}
.search-box-main input:focus {outline: 0;background: #fff;-moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;box-shadow: 0 0 2px rgba(0,0,0,.8) inset;}
.search-box-main input::-webkit-input-placeholder {color: #999;font-weight: normal;font-style: normal;}
.search-box-main input:-moz-placeholder {color: #999;font-weight: normal;font-style: normal;}
.search-box-main input:-ms-input-placeholder {color: #999;font-weight: normal;font-style: normal;}    
.search-box-main button {overflow: visible;position: relative;float: right;border: 0;padding: 0;cursor: pointer;height: 2.85rem;width: 6.17rem;font: bold 1rem/1.2rem 'lucida sans', 'trebuchet MS', 'Tahoma';color: #fff;text-transform: uppercase;background: #d83c3c;-moz-border-radius: 0 .2rem .2rem 0;-webkit-border-radius: 0 .2rem .2rem 0;border-radius: 0 .2rem .2rem 0;text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);}   
.search-box-main button:hover{background: #e54040;}	
.search-box-main button:active,.search-box-main button:focus{background: #c42f2f;}
.search-box-main button:before {content: '';position: absolute;border-width: 8px 8px 8px 0;border-style: solid solid solid none;border-color: transparent #d83c3c transparent;top: 30%;left: -6px;}
.search-box-main button:hover:before{border-right-color: #e54040;}
.search-box-main button:focus:before{border-right-color: #c42f2f;}    
.search-box-main button::-moz-focus-inner {border: 0;padding: 0;}
.top-submenu{position: absolute;top: 3.2rem;height: 2rem;display: flex;align-items: center;background-color: #b6c51f;padding: 0;flex-wrap: nowrap;border-radius: 0 0 .3rem .3rem;}
.top-menu .top-menu-out .top-submenu {display:none;}
.top-submenu ul{display: flex;margin: 0;padding: 0;}
.top-submenu ul li a{color: #096711; transition: all 0.2s ease;}
.top-submenu ul li a:hover {background: #9aa616;padding: 0 .2rem;border-radius: .2rem;}
.item_detail_mid{display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-around;}
.search_key_top{overflow: hidden;width: 35rem;white-space: nowrap;padding-top: .2rem;text-overflow: ellipsis;}
.search_key_top a{padding-right: .5rem;color: #a1a1a1;transition: all 0.5s ease;}
.search_key_top a:hover{font-weight: bold; color: #24a9e2;}

.item_eps_top_bar {width: 100%;}
.item_top_bg_box{background-size: cover; background-position: 50% 30%; background-repeat: no-repeat; width: 100%; top: 2.9rem; position: absolute; height: 20rem;}
.item-topbar{padding: 0.3rem;border-radius: 0.3rem;background-color: rgb(219 219 219 / 60%);}
.item_cover{width: 240px;height: 320px;margin: .5rem;border: 2px solid #b5b5b5;border-radius: .25rem;}
.item_name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_alias{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.item_comic_eps{color: #0066CC;}
.item_anime_eps{color: #FF6600;}
.item_comic_funtion_btns{white-space: nowrap;}
.item_barcode_div{display: none;position: absolute;top: 20.5rem;left: 19.5rem;background-color: #515151;z-index: 999;animation: anim 1s;border-radius: .5rem;}
.item_left_bar_div{background-color: #f9f9f9;border-radius: .5rem;}
.item_left_bar_menu{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;background-color: #b6c51f;height: 2.5rem;border-top-left-radius: .5rem;border-top-right-radius: .5rem;}
.item_mainbar{margin: 0 auto 1rem auto;position: relative;width: 1200px;display: flex;flex-wrap: nowrap;border-bottom-left-radius: .5rem;border-bottom-right-radius: .5rem;}
.item_detail_right{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;flex-wrap: wrap; align-content: center;}
.item_detail_right_rate{display:flex;align-items: center;}
.item_detail_right_rate_num{display: flex;line-height: 1.5rem;height: 1.5rem;}
.item_rate_selector{background-color: #6c757d;border: 1px solid #6c757d;border-radius: .2rem;color: #ffffff;}
.item_detail_color_gray{color: #aaa;}

.item_info_detail{position: relative;overflow: hidden;}
.item_info_more{text-align: right;padding: 0 .5rem;}
.gradient{width: 100%;height: 5px;bottom: 0;left: 0;}

.item_serials_div img{width: 100%;border-radius: .5rem;border: 1px solid #e5e5e5;}
.item_serials_div_info{white-space: nowrap;overflow: hidden;text-align: center;}
.item_serials_div_name{overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}

.info_recommend_div{line-height: 2rem;}
.info_recommend_title{color: #0066CC;font-size: 1.5rem;}
.info_recommend_li img{width: 100%;border-radius: 0.5rem;border: 1px solid #ccc;}

.login_board{margin-bottom: 10rem;max-width: 500px;padding: 48px;}
.reg_board{margin-bottom: 10rem;max-width: 500px;padding: 48px;}

.default_top_gap{width: 1200px;margin: 3rem auto 0 auto;}
.default_row_width{width: 1200px;margin: 0 auto;}
.default_titles{border-bottom: 1px solid;display: flex;justify-content: space-between;flex-direction: row;align-items: center;border-image: -moz-linear-gradient(to right,#9d000000 , #c0c0c0 , #ffffff00)1 10 1;border-image: linear-gradient(to right,#9d000000 , #c0c0c0 , #ffffff00)1 10 1;border-top: 0;border-left: 0; border-right: 0;}
.default_update_list{border: 1px solid #e5e5e5;border-radius: .5rem;}

.favourite_list{position: relative;}
.favourite_list img{width: 100%;object-fit: cover;border-radius: .5rem;border: 1px solid #e5e5e5;}
.favourite_name{color: #e1e1e1;font-size: 1rem;background-color: rgb(31 31 31 / 80%);border-radius: .2rem;padding: 0 .3rem;}
.favourite_epsstatus{position: absolute;right: 0.1rem;top: 0.1rem;}
.favourite_artist{}
.favourite_date{position: absolute;top: .2rem;left: 1rem;color: #ffffff;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.favourite_last_watch{color: #b2b2b2;font-size: 0.5rem;}

.login_fgtpass{height:2rem;line-height: 2rem;font-size: 1rem;}

.member_left_menu a{font-size: 1rem;letter-spacing: .1rem;}
.member_left_menu_mode{display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}
.member_left_menu_history{color: #a2a2a2 !important;cursor: pointer;}
.member_info_edit{display: flex;align-items: center;}

.photo_main_div{margin: 0 auto 1rem auto;position: relative;width: 1200px;display: flex;flex-wrap: nowrap;border-radius: .5rem;}

#view_left_bar {float:left; position:relative; width:160px;}
.view_left_bar_before {width:160px;}
.view_left_bar_after {position:fixed; _position:absolute; top:0; z-index:999;}
#view_right_bar {float:left; position:relative; width:160px;}
.view_right_bar_before {width:160px;}
.view_right_bar_after {position:fixed; _position:absolute; top:0;z-index:999;}
.view_gg_title {margin: 5 auto 15 auto;height: 30px;width: 980px;color: rgb(39 170 69 / 80%);text-align: center;font-size: 1rem;letter-spacing: 1.2rem;font-weight: bold;}
.view_gg_content {width: 980px;margin: 0 auto 45px auto;text-align: center;}

.cat2_list{position: relative;}
.cat2_list img{width: 100%;object-fit: cover;border-radius: .5rem;border: 1px solid #e5e5e5;}
.cat2_list_name{color: #e1e1e1;font-size: 1rem;background-color: rgb(31 31 31 / 80%);border-radius: .2rem;padding: 0 .3rem;}
.cat2_list_epsstatus{position: absolute;bottom: 2rem;float: right;right: 0.3rem;margin: 0 auto;}
.cat2_list_date{position: absolute;top: 0.1rem;right: 0.3rem;font-size: 0.5rem;color: #ffffff;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.cat2_list_artist{position: absolute; max-width: 7rem;bottom: 2rem;left: 1rem;color: #ffffff;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

.comicpic_col3 img{object-fit: cover;height: 10.7rem;border-radius: .5rem;border: 1px solid #e5e5e5;}
.comicpic_col3_info{position: absolute;top: 7.8rem; right: .5rem;width: 8.1rem; white-space: nowrap;overflow: hidden; text-align: right;}
.comicpic_col3_name{color: #fbffe8;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem; overflow: hidden;text-overflow: ellipsis;}
.comicpic_col3_name span{background-color: rgb(88 88 88 / 80%);border-radius: .2rem;padding: 0 .3rem;}
.comicpic_col4 img{object-fit: cover;height: 11rem;border-radius: .5rem;border: 1px solid #e5e5e5;}
.comicpic_col4_info{position: absolute;top: 8rem; right: .8rem;width: 11rem; white-space: nowrap;overflow: hidden; text-align: right;}
.comicpic_col4_name{color: #fbffe8;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem; overflow: hidden;text-overflow: ellipsis;}
.comicpic_col4_name span{background-color: rgb(88 88 88 / 80%);border-radius: .2rem;padding: 0 .3rem;}
.comicpic_col6 img{object-fit: cover;width: 100%;border-radius: .5rem;border: 1px solid #e5e5e5;}
.comicpic_col6_info{position: absolute;top: 7.8rem; right: .5rem;width: 8.1rem; white-space: nowrap;overflow: hidden; text-align: right;}
.comicpic_col6_name{color: #fbffe8;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem; overflow: hidden;text-overflow: ellipsis;background-color: rgb(125 125 125 / 80%);border-radius: 0.2rem;padding: 0 0.3rem;margin-top: 0.2rem;width: 100%;text-align:center;}
.comicpic_col6_eps {position: absolute;bottom: 2.5rem;right: 1rem;}

.animepic_col3 img{object-fit: cover;height: 10.7rem;border-radius: .5rem;border: 1px solid #e5e5e5;}
.animepic_col3_info{position: absolute;top: 7.8rem; right: .5rem;width: 8.1rem; white-space: nowrap;overflow: hidden; text-align: right;}
.animepic_col3_name{color: #fbffe8;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem; overflow: hidden;text-overflow: ellipsis;}
.animepic_col3_name span{background-color: rgb(88 88 88 / 80%);border-radius: .2rem;padding: 0 .3rem;}
.animepic_col4 img{object-fit: cover;height: 11rem;border-radius: .5rem;border: 1px solid #e5e5e5;}
.animepic_col4_info{position: absolute;top: 8rem; right: .8rem;width: 11rem; white-space: nowrap;overflow: hidden; text-align: right;}
.animepic_col4_name{color: #fbffe8;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-size: 1rem; overflow: hidden;text-overflow: ellipsis;}
.animepic_col4_name span{background-color: rgb(88 88 88 / 80%);border-radius: .2rem;padding: 0 .3rem;}

.artist_detail_img{max-width: 480px;border: 1px solid #ccc;border-radius: .5rem;margin: .5rem;text-align: center;}
.artist_detail_text{color: #8e8e8e;}

.bottom_div{display: flex;justify-content: center;flex-wrap: wrap;border-top: 1px solid #e5e5e5;flex-direction: column;align-content: center;}
.bottom_div li{line-height: 2rem;text-align: center;}

.book_link_item {display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}
.book_link_box {display: flex;padding: .3rem .2rem;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: flex-start;}
.book_link_box_cover {padding: 0 .5rem 0 .1rem;}
.book_link_box_cover img {width: 5rem;border-radius: .5rem;border: 1px solid #e5e5e5; }
.book_link_box_title {font-weight: bolder;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.book_link_box_text {display: flex;flex-direction: column;flex-wrap: wrap;align-content: flex-start;align-items: flex-start;justify-content: flex-start;}
.book_link_box_eps {background: #ffc107;padding: .1em .4em;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem;color: #000;}
.book_lin_box_end {margin: 0 0.1rem; padding: 0 0.1rem;color: #fff;font-size: 75%;background-color: #9c9c9c;border-radius: 0.2rem;}
.book_link_box_status {font-size: 75% !important;font-weight: 400;padding: 0.3rem 0.1rem;}
.book_link_box_detail {font-size: 75% !important;font-weight: 400;text-indent: 2em;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.ls-div-bar {background-image:radial-gradient(circle at 30% -200%, #605f5e 0%, #232323 50%, #1c1b1a 50%, #2e2d2d 100%) !important;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.ls-div-bar h6 i {font-size: 1rem;padding-right: 0.5rem;}
.ls-picsize{position:relative; overflow:hidden; border-radius: .25rem;}
.ls-picsize eps{color: #fff;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: .75rem;bottom: .1rem;display: block;background: rgba(0, 0, 0, 0.7);border-radius: .2rem;padding: 0 .2rem;border: 1px solid #d5d5d5;}
.ls-picsize num{padding: .1em .3em;background: rgba(186, 230, 205, 0.35);color: #dee2e6;border-radius: .2em;position: absolute;right: 0.3em;z-index: 1;text-align: right;font-size: 0.8em;bottom: 0.3em;display: block;}
.ls-picsize img{width:100%;}
.ls-picsize img{transition: all 0.3s;}
.ls-picsize img:hover{transform: scale(1.06);}
.ls-link-div {display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;background-color: #cc6666;height: 2.5rem;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;}
.icon-user-plus {width: 1rem;height: 1rem;display: block;background-image: url('//www.8comic.com/images/user-plus.svg');background-repeat: no-repeat;background-position: center;filter: invert(74%) sepia(94%) saturate(478%) hue-rotate(331deg) brightness(101%) contrast(102%);}
.icon-user {width: 1rem;height: 1rem;display: block;background-image: url('//www.8comic.com/images/user.svg');background-repeat: no-repeat;background-position: center;filter: invert(74%) sepia(94%) saturate(478%) hue-rotate(331deg) brightness(101%) contrast(102%);}
.icon-book-open-reader {width: 1rem;height: 1rem;display: block;background-image: url('//www.8comic.com/images/book-open-reader.svg');background-repeat: no-repeat;background-position: center;filter: invert(74%) sepia(94%) saturate(478%) hue-rotate(331deg) brightness(101%) contrast(102%);}
.icon-book-open-reader-m {width: 1rem;height: 1rem;display: block;background-image: url('//www.8comic.com/images/book-open-reader.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-search-m {display: block;width: 1rem;height: 1rem;background-image: url('//www.8comic.com/images/magnifying-glass.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-crown {width: 1rem;height: 1rem;display: block;background-image: url('//www.8comic.com/images/crown.svg');background-repeat: no-repeat;background-position: center;filter: invert(74%) sepia(94%) saturate(478%) hue-rotate(331deg) brightness(101%) contrast(102%);}
.icon-user-pen {width: 1rem;height: 1rem;display: block;background-image: url('//www.8comic.com/images/user-pen.svg');background-repeat: no-repeat;background-position: center;filter: invert(74%) sepia(94%) saturate(478%) hue-rotate(331deg) brightness(101%) contrast(102%);}
.icon-user-out {width: 1rem;height: 1rem;display: block;background-image: url('//www.8comic.com/images/right-from-bracket.svg');background-repeat: no-repeat;background-position: center;filter: invert(74%) sepia(94%) saturate(478%) hue-rotate(331deg) brightness(101%) contrast(102%);}
.icon-tops {padding: 0.5rem;display: flex;border: 1px solid #e3913a;border-radius: 50%;justify-content: center;align-items: center;margin: 0.2rem;}
.icon-tops-m {padding: 0.5rem;display: flex;border: 1px solid #ffffff;border-radius: 50%;justify-content: center;align-items: center;margin: 0.2rem 0.6rem 0.2rem 0;}

.cf::before,.cf::after{content:'';display:block;height:0;overflow:hidden}
.cf::after{clear:both}
#container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(-134deg, #EEEEEE 0%, #F8F8F8 100%)}
.wrapper{margin: 0 auto;padding: 0 1rem;}
#main-nav{display:none}

#div-mid a{color: #fff;font-size: 1.2rem;font-weight: bold;}
#div-right{display: flex;flex-wrap: nowrap;justify-content: flex-end;align-items: center;}
#div_li1 ul li {display: flex;flex-wrap: wrap;justify-content: flex-start;}
#div_li1 ul li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.5rem 1rem;margin: 0.25rem;}
#div_li2 ul li {display: flex;flex-wrap: wrap;justify-content: flex-start;}
#div_li2 ul li a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0.5rem 1rem;margin: 0.25rem;}
.top_space{width: 100%;margin: 0 auto;height: 2.5rem;}
.top_book_button {background: #fff;border: 1px #fff solid;cursor: pointer;width: 1.7rem;height: 1.7rem;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;border-radius: 50%;}
.hc-mobile-nav{display:none;position:fixed;top:0;height:100%;z-index:9999;overscroll-behavior:none}
.hc-mobile-nav.is-ios *{cursor:pointer !important}
.hc-mobile-nav .nav-container{position:fixed;z-index:9998;top:0;width:240px;max-width:100%;height:100%;transition:transform .4s ease}
.hc-mobile-nav .nav-wrapper{width:100%}
.hc-mobile-nav .nav-wrapper.nav-wrapper-1{position:static;height:100%;overflow:scroll;overflow-x:visible;overflow-y:auto}
.hc-mobile-nav ul{list-style:none;margin:0;padding:0}
.hc-mobile-nav li{position:relative;display:block}
.hc-mobile-nav li.level-open>.nav-wrapper{visibility:visible}
.hc-mobile-nav input[type="checkbox"]{display:none}
.hc-mobile-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}
.hc-mobile-nav a{position:relative;display:block;box-sizing:border-box;cursor:pointer}
.hc-mobile-nav a,.hc-mobile-nav a:hover{text-decoration:none}
.hc-mobile-nav.disable-body:not(.nav-open)::after{pointer-events:none}
.hc-mobile-nav.disable-body::after,.hc-mobile-nav.disable-body .nav-wrapper::after{content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}
.hc-mobile-nav.disable-body.nav-open::after,.hc-mobile-nav.disable-body .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s}
.hc-mobile-nav.nav-levels-expand .nav-wrapper::after{display:none}
.hc-mobile-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s}
.hc-mobile-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none}
.hc-mobile-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease}
.hc-mobile-nav.nav-levels-overlap ul ul{height:100%;overflow:scroll;overflow-x:visible;overflow-y:auto}
.hc-mobile-nav.nav-levels-overlap ul li.nav-parent{position:static}
.hc-mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transition:transform .4s ease}
.hc-mobile-nav.side-left{left:0}.hc-mobile-nav.side-left .nav-container{left:0;transform:translate3d(-100%, 0, 0)}
.hc-mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(-40px, 0, 0)}
.hc-mobile-nav.side-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0)}
.hc-mobile-nav.side-right{right:0}
.hc-mobile-nav.side-right .nav-container{right:0;transform:translate3d(100%, 0, 0)}
.hc-mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(40px, 0, 0)}
.hc-mobile-nav.side-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0)}
.hc-mobile-nav.nav-open .nav-container{transform:translate3d(0, 0, 0)}
.hc-nav-trigger{position:absolute;cursor:pointer;display:none;top:20px;z-index:9980;min-height:24px}
.hc-nav-trigger span{width:25px;top:50%;transform:translateY(-50%);transform-origin:50% 50%}
.hc-nav-trigger span,.hc-nav-trigger span::before,.hc-nav-trigger span::after{position:absolute;left:0;height:3px;background:#FFFFFF;transition:all .2s ease}
.hc-nav-trigger span::before,.hc-nav-trigger span::after{content:'';width:100%}
.hc-nav-trigger span::before{top:-8px}
.hc-nav-trigger span::after{bottom:-8px}
.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}
.hc-nav-trigger.toggle-open span::before{transform:translate3d(0, 10px, 0)}
.hc-nav-trigger.toggle-open span::after{transform:rotate(-90deg) translate3d(10px, 0, 0)}
.hc-mobile-nav::after,.hc-mobile-nav .nav-wrapper::after{background:rgba(0,0,0,0.3)}
.hc-mobile-nav .nav-wrapper{background:#336CA6}
.hc-mobile-nav.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2)}
.hc-mobile-nav h2{font-size:19px;font-weight:normal;text-align:left;padding:20px 17px;color:#FEED00}
.hc-mobile-nav a{padding:11px 17px;font-size:15px;color:#FFF;z-index:1;background:rgba(0,0,0,0);border-bottom:1px solid #2c5d8f}
.hc-mobile-nav:not(.touch-device) a:hover{background:#31679e}
.hc-mobile-nav li{text-align:left}
.hc-mobile-nav li.nav-close a,.hc-mobile-nav li.nav-back a{background:#2c5d8f;border-top:1px solid #295887;border-bottom:1px solid #295887}
.hc-mobile-nav li.nav-close a:hover,.hc-mobile-nav li.nav-back a:hover{background:#2b5c8d}
.hc-mobile-nav li.nav-parent a{padding-right:58px}
.hc-mobile-nav li.nav-close span,.hc-mobile-nav li.nav-parent span.nav-next,.hc-mobile-nav li.nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s ease}
.hc-mobile-nav li.nav-close span::before,.hc-mobile-nav li.nav-close span::after{display:block;content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}
.hc-mobile-nav li.nav-close span::before{margin-left:-9px;transform:rotate(135deg)}
.hc-mobile-nav li.nav-close span::after{transform:rotate(-45deg)}
.hc-mobile-nav a[href]:not([href="#"])>span.nav-next{border-left:1px solid #2c5d8f}
.hc-mobile-nav span.nav-next::before,.hc-mobile-nav li.nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center}
.hc-mobile-nav span.nav-next::before{transform:translate(-50%, -50%) rotate(135deg)}
.hc-mobile-nav li.nav-back span::before{transform:translate(-50%, -50%) rotate(-45deg)}
.hc-mobile-nav.side-right span.nav-next::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-45deg)}
.hc-mobile-nav.side-right li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(135deg)}
.hc-mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-mobile-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:transparent}
.hc-mobile-nav.nav-levels-expand .nav-container ul h2,.hc-mobile-nav.nav-levels-none .nav-container ul h2{display:none}
.hc-mobile-nav.nav-levels-expand .nav-container ul ul a,.hc-mobile-nav.nav-levels-none .nav-container ul ul a{font-size:14px}
.hc-mobile-nav.nav-levels-expand .nav-container li,.hc-mobile-nav.nav-levels-none .nav-container li{transition:background .3s ease}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open,.hc-mobile-nav.nav-levels-none .nav-container li.level-open{background:#2e6296}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a,.hc-mobile-nav.nav-levels-none .nav-container li.level-open a{border-bottom:1px solid #295887}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-mobile-nav.nav-levels-none .nav-container li.level-open a:hover{background:#2f649a}
.hc-mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,.hc-mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before{margin-top:2px;transform:translate(-50%, -50%) rotate(45deg)}
.hc-mobile-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-mobile-nav.nav-levels-none .nav-container span.nav-next::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(225deg)}



header h1{font-size:50px;font-weight:700;text-align:center;letter-spacing:5px;padding-bottom:8px}
header h2{max-width:680px;margin:auto;font-size:20px;font-weight:200;line-height:1.4;text-align:center;letter-spacing:1px;padding-bottom:30px}
header .git{display:inline-block;text-decoration:none;color:#fff;border-radius:4px;padding:4px 10px 4px 0;font-size:15px;font-weight:400;color:#FFF;background:#54b9cb;transition:background .15s ease-in-out}
header .git:hover{background:#4CA8B9}
header .git:hover svg{border-color:#54b9cb}
header .git svg{width:15px;height:15px;fill:#FFF;position:relative;top:2px;padding:0 10px;margin-right:10px;border-right:1px solid #4daabb;transition:border-color .15s ease-in-out}
header .toggle{position: relative;display: block;cursor: pointer;box-sizing: content-box;}
header .toggle span{width:25px;top:60%;transform:translateY(-50%);transform-origin:50% 50%}
header .toggle span,header .toggle span::before,header .toggle span::after{position:absolute;left:0;height:3px;background:#FFF;transition:all .1s ease}
header .toggle span::before,header .toggle span::after{content:'';width:100%}
header .toggle span::before{top:-8px}
header .toggle span::after{bottom:-8px}
header .toggle.toggle-open span{background:rgba(0,0,0,0);transform:rotate(45deg)}
header .toggle.toggle-open span::before{transform:translate3d(0, 10px, 0)}
header .toggle.toggle-open span::after{transform:rotate(-90deg) translate3d(10px, 0, 0)}
header .toggle:hover span,header .toggle:hover span::before,header .toggle:hover span::after{background:#086AA6}
header .toggle div{display:inline-block;margin-right:15px}

.hc-mobile-nav .nav-container{width:250px}
.hc-mobile-nav h2{font-weight:400}

.hc-mobile-nav li.member {}
.hc-mobile-nav li.member a {display: flex;align-items: center;color: #ffda00;}
.hc-mobile-nav li.member a i {font-size: 1.1rem;padding: 0 1rem 0 0;color: #ffda00;}

.login-logo{font-size: 1.2rem;color: #0d87bb;}
.title-logo{float:left;padding:0 5px;color:rgba(226, 157, 50, 0.9);line-height:32px;}
.title-logo-2{padding:0 10px 0 5px;color:rgba(226, 157, 50, 0.9);vertical-align:middle !important;}
.title_spacing {letter-spacing: .25rem;padding-left: 3rem;}
.right-logo{font-size:18px;padding:0;color: #555555;vertical-align:middle !important;margin:0 -6px 0 -2px;}
.arrow_downward_logo{padding:2px;vertical-align:middle;font-size:16px;}
.arrow_upward_logo{padding:2px;vertical-align:middle;font-size:16px;}
.delete_logo{margin-bottom:2px;padding:0;vertical-align:middle;font-size:16px;}
.fiber_new_logo{margin-bottom:2px;padding:0;vertical-align:middle;font-size:16px;color:#da7131;}
.home-main-text,.home-text A:link,.home-text A:visited{margin-left:-5px;padding:0;font-size:18px;color:#1793C9;vertical-align:middle !important;font-style:normal;}
.home-cat-text{margin-left:-5px;padding:0;font-size:18px;color:#1793C9;vertical-align:middle !important;font-style:normal;}
.search-logo{font-size: 1.2rem;color: #0e75c6;}
.header-navigation {background: #0d87bb;line-height: 3.2rem;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.slideUp {
    -webkit-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	-o-transform:translateY(-100px);
	transform:translateY(-100px);
	-webkit-transition:transform .5s ease-out;
	-o-transition:transform .5s ease-out;
	transition:transform .5s ease-out;
}
.slideDown {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
	-webkit-transition:transform .5s ease-out;
	-o-transition:transform .5s ease-out;
	transition:transform .5s ease-out;
}

.header-button {background: #fff;margin: 0 1rem 0 0.5rem;border: 1px #fff solid;cursor: pointer;width: 1.7rem;height: 1.7rem;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;border-radius: 50%;}

#toggle-search {}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
}
#search-form.open {
  max-height: 800px;
}
#search-form fieldset {
  padding: 0;
  border: none;
  width: 80%;margin: 0 auto;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;font-size: 1rem;
}
#search-form input[type="submit"] {
  width: 20%;
  margin: 0;
  padding: 0;
  color: #fff;
  background: #3a5f68;
  border: none;
  -webkit-border-radius: 0;
  cursor: pointer;letter-spacing: .1rem;font-size: 1rem;
}
.search_top_sm {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;background-color: #5889ca2e;border-radius: 0.2rem;}
.search_top_sm_ipt {width:78%; max-width: 78%;}
.search_top_sm_ipt input {border: 1px solid #cccc;border-radius: 0.2rem;padding-right: 0.5rem;padding-left: 0.5rem;width: 100%!important;margin: 0;line-height: 2.6;}
.search_top_sm_smt {max-width: 22%;text-align:left;}
.search_top_sm_smt button {border: none;border-radius: .2rem;color: #fff;cursor: pointer;letter-spacing: .1rem;line-height: 1.2;outline: none;padding: .7rem 1.2rem;background-color: #34495e;white-space: nowrap;}
.search_top_sm_li {list-style: none;line-height: 2rem;}
.search_top_sm_li a {background: rgb(213 193 133 / 20%);border-radius: .3rem;margin: 0 .2rem;padding: .2rem;font-weight: bold;}
.item-bg {overflow: hidden;background-size: cover !important;max-width: 1140px;margin: 0 auto;position: relative;}
.def_top_lg {display: flex;align-items: center;justify-content: space-between;align-content: center;flex-wrap: nowrap;}
.def_top_lg img {width: 150px;}
.def_top_lg li {list-style: none;}
.item-box-top {background: #fff;box-shadow: 0px 10px 5px rgba(149, 157, 165, .22);margin: 5px 7px 20px;border-radius: 0.5rem;min-height: 16.5rem;}
.item-cover img{border: 1px solid #b5b5b5;border-radius: .3rem;max-width: 100%;height: auto;}
.item-info-line2 {line-height: 1.8rem;}
.item-info-author {padding: 0 10px;line-height: 2rem;font-size: 1rem;border-radius: 1rem;display: inline-block;background: #fef0e5;margin: 0;color: rgba(0, 0, 0, .68);}
.item-info-date {padding: 0 10px;line-height: 2rem;font-size: 1rem;border-radius: 1rem;display: inline-block;background: #eaedf1;margin: 0;color: rgba(0, 0, 0, .68);}
.item-info-status {color: #be1e3e;}
.full_text {text-indent: 2em;}
#st-1 {z-index: 1 !important;}
.item-gray-div {padding: 0.8rem 0.5rem;border-radius: 0.8rem;background-color: #eaedf1;}
.eps_a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem !important;background: #f1f1f1;padding: 0.3rem 0.5rem;border-radius: 0.5rem;}
#TheTable {display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}
#TheImg {max-width: 100%;}
.view-img-top {display: flex;flex-wrap: nowrap;justify-content: flex-end;align-items: center;}
.view-pages {color: #FF8000;margin: 0 0.5rem 0 0;}
.view-fucn-bar {display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-end;}
.view-titles {color: #c1c1c1 !important;font-size: 1rem !important;}
.view-topbar {background: rgb(188 188 188 / 30%);}
.view-btn-div {clear: both !important;display: flex;font-size: 1rem;background: rgb(22 137 207 / 80%);border: 0.05rem solid #c5c5c5;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;border-radius: 0.3rem;white-space: nowrap;padding: 0.2rem 0;cursor: pointer;}
.view-btn-div a {display: flex;padding: 0;width: 100%;line-height: 2rem;border-left: 0.1rem solid #c5c5c5;border-right: 0.1rem solid #c5c5c5;align-items: center;justify-content: center;align-content: center;color: #e5e5e5;cursor: pointer;font-weight: bold;}
a#prev,a#prev2,a#next,a#next2 {color: #f5f5f5;}
.view-btn-div a:first-child, .view-btn-div a:last-child {border: none;}
.view-btns {padding: 0.2rem;border-radius: 0.2rem;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: flex-start;align-items: center;}
.view-spage {height: 1.8rem;margin: 0 1.2rem;background-color: #d0d0d0;border-color: #d0d0d0;border-radius: 0.2rem;padding: 0 0.3rem;}
a.view-back:link {font-size: 1rem;}
a.view-back-t:link {color: #e3913a;}
.view-last {max-width: 8rem;white-space: nowrap;overflow: hidden;}
li.comicpic_col6_name {min-width: 0;}
#comics-pics {-webkit-overflow-scrolling: touch;background: rgb(188 188 188 / 30%) !important;border-radius: 0.3rem;position: relative;}
.comics-pic {position:relative;width:99%;background:#828282;min-height:300px;text-align:center;border:solid 1px #666;margin:0.5em auto;vertical-align: middle;display: flex;
display: -ms-flexbox;display: -webkit-flex;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.comics-pic b {position: absolute;right: 0;top: 0;padding: 0.3rem;min-width: 2rem;min-height: 2rem;background: rgb(188 188 188 / 80%);color: #fff;border-bottom-left-radius: 0.5rem;}
.comics-pic img {width: 100%;min-height: 300px;border: 0 !important;background: url(//www.8comic.com/images/loading.gif) no-repeat center center;}
.comics-end {clear: both;font-weight: bold;text-align: center;color: #eee;}
div.pinch-zoom,
div.pinch-zoom img{width: 100%;-webkit-user-drag: none;}
div.pinch-zoom {position: relative;}
.row {margin: 0 -0.5rem;}
.li-covers {position: relative;}
.li-covers-eps {position: absolute;bottom: 0.3rem;right: 0.3rem;margin: 0;}
.atoztext {line-height: 1.8rem;background: #f1f1f1;display: flex;flex-wrap: wrap;border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.cover90 li {width: 90%;}
.info-div,.info-div a {font-size: 1rem;line-height: 2rem;}
.icon-gototop {width: 3rem;height: 3rem;background-image: url('//www.8comic.com/images/circle-chevron-up.svg');background-repeat: no-repeat;background-position: center;filter: grayscale(100%) brightness(50%);opacity: 0.3;display: block;}