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+13) {display: none;}
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;}
.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: 120px;border: 2px solid #b5b5b5;border-radius: .5rem;}
.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: 73rem;margin: 0 auto;}
.module-banner-tab-list {float: left;width: 12rem;}
.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 {float: right;width: 61rem;height: 24rem;background: #fff;padding: 1rem;overflow: hidden;position: relative;border-top-right-radius: .5rem;border-bottom-right-radius: .5rem;}
.module-tab-box-ma {opacity: 1;z-index: 1;position: absolute;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;width: 1200px;margin: 0 auto;white-space: nowrap;display: flex;justify-content: space-between;align-items:center;}
.index-top-menu a {margin: 0 1rem;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;}
.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_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{border-top-left-radius: .5rem; border-top-right-radius: .5rem;position: relative;width: 1200px;display: flex;flex-wrap: nowrap;margin: 3rem auto 0 auto;}
.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: 7rem;height: 9.3rem;border-radius: .5rem;border: 1px solid #e5e5e5;}
.item_serials_div_info{position: absolute;top: 6.5rem;left: 1.05rem;width: 6.88rem;white-space: nowrap;overflow: hidden;text-align: center;}
.item_serials_div_name{color: #fbffe8;overflow: hidden;text-overflow: ellipsis;}
.item_serials_div_name span{background-color: rgb(31 31 31 / 80%);padding: 0 .1rem;}

.info_recommend_div{line-height: 2rem;}
.info_recommend_title{color: #0066CC;font-size: 1.5rem;}
.info_recommend_li img{max-width: 480px;border-radius: .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{height: 238px;width: 178px;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;bottom: 5rem;float: right;right: 1rem;margin: 0 auto;}
.favourite_artist{position: absolute; max-width: 7rem;bottom: 3.6rem;right: 1rem;}
.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;}


.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{height: 238px;width: 178px;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: 1rem;margin: 0 auto;}
.cat2_list_date{position: absolute;top: .2rem;left: 1rem;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;}

.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-direction: column;flex-wrap: wrap;align-items: center;border-top:1px solid #e5e5e5;height: 8rem;}
.bottom_div li{line-height: 2rem;}

.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;}