body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: "Roboto", STHeiti, "Microsoft YaHei", arial, sans-serif;}


#content {display:none;}
.pc {display:none;}
.folder h3 {font-size: 1rem;padding-left: .8rem;}
.noflex {display:block !important; margin-right:0!important; margin-left:0!important;}
.footer {padding: 30px 0;border-top: 1px solid #e5e5e5;margin-top: 70px;}

.subtitles li{width:100%;display:inline-block;padding: .3rem;white-space: nowrap;overflow: hidden;}
@media screen and (min-width: 768px)  {.subtitles li{width:40% !important;}}
@media screen and (min-width: 1024px)  {.subtitles li{width:30% !important;}}
.top-bt {font-size: 3rem; color: rgba(121, 121, 121, 0.15);}
.dark{opacity: 0.75;background: #131313;}
.row li {list-style-type:none;}
.text {padding-left: .5rem!important; padding-right: .5rem!important;}
.text-blue {color: #1a79af !important;}
.text-pink {color: #ef4e6e !important;}
.text-orange {color: #FF8D29 !important;}
.text-gray-sm {color: #bfbfbf !important;font-size:0.75em;}
.text-gray {color: #bfbfbf !important;}
.item-bg {overflow: hidden;background-size: cover !important;max-width: 1140px;margin: 0 auto;position: relative;}
.item-navbar {position: relative;z-index: 12;margin: .5rem auto;transition: margin .3s;}
.item-navbar-text {padding:.2rem;border-radius: .2rem;background: rgba(0,0,0,.2);}

.more-right {padding: .2rem;word-wrap: break-word; width:57%;}
.more-right-eps {color: #fff; background-color: #89c9d3;}
.more-right-end {background-color: #a6bfc9; color: #eee;}

.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(35, 105, 165, 0.9);border-radius: 50%;color: #fff; font-size: 1.2rem;}
.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(35, 105, 165, 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;}


.contentbts {text-align: center;position: fixed;z-index: 999;bottom: 6rem;height:4rem; line-height: 4rem; white-space: nowrap;background: rgba(0,0,0,.4);margin: 0 auto;border-radius: 0.5rem;display:block; left: 50%; max-width: 1000px; width:90%; -webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}

#backgrounds{position:absolute;left:50%;bottom:45px;}
#backgrounds li{width:60px;height:40px;margin:0.1em 0.2em;padding:0;font-size:0.8em;cursor:default;-webkit-border-radius: 1em;border-radius: 1em;text-align:center;border:0;border:solid 1px #888;background-Color:#fff;-webkit-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
    
    


.btn-market {display: inline-block; padding: .15rem .75rem; padding-left: 2.8125rem; border-radius: .4375rem; background-position: center left .75rem; background-color: #2b3445; 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;}


.nowraphide {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.linebg	{background-image:url(/images/line_x.gif);}

.imgbordery{margin-bottom:5px;margin-top:5px;boder-style:solid;border-width:5px;border-color:#ffffff;}
.imgborderx{margin-bottom:5px;margin-top:5px;boder-style:solid;border-width:3px;border-color:#D3D3D3;}
.imgborderz{margin-bottom:5px;margin-top:5px;boder-style:solid;border-width:5px;border-color:#D3D3D3;}
.imgborders{margin-bottom:5px;margin-top:5px;boder-style:solid;border-width:1px;border-color:#D3D3D3;}

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

.bt{width:100px;height:32px;background-image:url(/images/button.gif);background-position:center;background-color:#FFFFFF;border:0px;font-weight:bold;font-size:9pt;color:#0066cc}
 
.cat {color:#0065AB;}
.cat A:link		{color:#0065AB;}
.cat A:visited    {color:#0065AB;}
.cat A:hover		{color:#EA6300;}



.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:#555555;}
A.ch:link		{color:#555555;}
A.ch:visited  	{color:#9999bb;}
A.ch:hover		{color:#444444;}

.si{margin-bottom:5px;margin-top:5px; border-style:solid; border-width:1px;border-color:#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;}


.book-wrap {padding: 15px 0;}
.book-wrap .book-cover {position: relative; z-index: 4; width: 52px; height: 91px; margin-top: -3px; margin-right: 8px; text-align: center;}
.book-wrap .book-cover .link {position: relative; z-index: 10; display: inline-block; transform: translateZ(50px);}
.book-wrap .book-cover img {width: 60px; height: 87px; outline: 1px solid transparent;}
.book-wrap .book-cover span {position: absolute; z-index: 1;}
:root .book-cover {-webkit-transform: perspective(60px) rotateY(-10deg); -moz-transform: perspective(60px) rotateY(-10deg); transform: perspective(60px) rotateY(-10deg);}
:root .book-cover:before {position: absolute; z-index: 3; top: 3%; left: 10%; width: 100%; height: 90%; background-color: #999;}
:root .book-cover:after {position: absolute; z-index: 2; top: 2%; left: 100%; width: 10%; height: 92%; content: ' '; -webkit-transform: perspective(60px) rotateY(30deg); -moz-transform: perspective(60px) rotateY(30deg); transform: perspective(60px) rotateY(30deg); background-color: #efefef; box-shadow: inset 0 0 5px #333;}
:root .book-cover span {position: absolute; z-index: 1; top: 84.1%; left: 7px; width: 20px; height: 10px; content: ''; -webkit-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg); -moz-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg); -ms-transform: scale(0); transform: perspective(74px) rotateX(-70deg) rotateY(-5deg); box-shadow: 25px 0 5px 5px #adadad;}
:root .book-cover img {width: 52px; height: 87px;}

.run_cover {}
.flip_cover {position:relative;display:block;background:#f2f2f2;background-size:cover;overflow:visible;width:150px;height:200px;-webkit-perspective:800px;perspective:800px}
.flip_cover img{position:relative;z-index:10;top:0;left:0;width:100%;height:100%;transition:transform ease-out .3s; -webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.flip_cover:hover img{-webkit-transform:rotateY(-25deg);transform:rotateY(-25deg)}
.flip_cover i:after,.flip_cover i:before,.flip_cover:after,.flip_cover:before{position:absolute;content:''}
.flip_cover:before{top:1px;right:-1px;bottom:1px;left:0;border:1px solid #ccc}
.flip_cover:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#d9d9d9}
.flip_cover i{position:absolute;top:3px;bottom:3px;left:100%;width:1px;margin-left:2px;background-color:#e6e6e6}
.flip_cover i:before{top:1px;bottom:1px;left:100%;width:1px;background-color:#f2f2f2}
.flip_cover i:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#e6e6e6}
.flip_cover span{position:absolute;top:6px;bottom:6px;left:100%;width:1px;margin-left:5px;background-color:#c7c7c7}


.picsize{position:relative; overflow:hidden;}
.picsize fav_date {background: rgba(23, 72, 181, 0.35);color: #dee2e6;border-radius: 10%;position: absolute;left: 0.3em;z-index: 1;text-align: center;font-size: 0.8em;top: 0.3em;display: block;height: 1rem;line-height: 1rem;padding: 0 5 0 5;}
.picsize fav_del {background: rgba(113, 113, 113, 0.55);color:#fff; border-radius: 0.2rem;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: 0.8em;bottom: 0.3em;display: block;padding: 0 0.1rem; height: 2rem; line-height: 2rem;}
.picsize eps{color: #dee2e6;border-radius: 50%;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: 0.8em;bottom: 0.1em;display: block;}
.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;}
.picsize bak{position: absolute;left: 0;bottom: -1px;z-index: 1;width: 100%;height: 15%;background-image: linear-gradient( to bottom, transparent, rgba(0, 0, 0, 0.75) 83%, #000 );border-radius: .3em;}
.picsize img{border-radius:.2em; width:100%;}
.picsize img{transition: all 0.3s;}
.picsize img:hover{transform: scale(1.06);}
.pictitle{margin:2px auto 15px auto;text-align:center;}
.pictitle_font{font-size:14px;color:#6D6D72;}


.eps-end-btn {margin: 0 0.1em; padding: 0 0.1em; color: #fff; font-size: 0.875em; background: rgba(241, 197, 197, 0.5); border-radius: 0.2em;}

.comic_funtion_btn{position:relative}