.comic-detail-icon{display:inline-block;vertical-align:middle;height:1.5em}
.overlay-height{height:85%!important}
.comic-detail-value{display:inline-block;text-align:left;color:#fff;min-width:81px;font-size:1em!important;font-weight:300!important}
.ismature-content>.body>.detail>.alert-title,.ismature-content>.body>.title>span{font-size:25px!important}
.comic-detail-cover,.comic-detail-cover-info{height:20em!important}
.comic-detail-cover-create{width:100%!important;height:10.3em!important}
.comic-detail-footer{position:absolute;width:100%;bottom:0;height:3em;background-color:rgba(0,0,0,.7)}
.ui.button.toggle.active{background-color:#ff983a!important;box-shadow:none!important;text-shadow:none;color:#FFF!important}
.ui.button.toggle.active:hover{background-color:#f60!important;text-shadow:none;color:#FFF!important}
.sortby-text{float:right!important}
.ismature{position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.85)}
.ismature-content{background-color:#fefefe;margin:5% auto;padding:20px;position:relative;text-align:center;max-width:95%;width:500px;border-radius:1em}
.ismature-content>.body>.title{padding-bottom:2em}
.ismature-content>.body>img{max-width:50%}
.ismature-content>.body>.detail{padding-top:.2em!important;color:red}
.ismature-content>.body>.detail>.alert-description{font-weight:500!important;font-size:22px!important;line-height:1.2em!important}
.ismature-btn{margin-top:.5em!important;border-radius:1em}
.ribbon{position:absolute;right:-5px;top:-5px;z-index:1001;overflow:hidden;width:120px;height:120px;text-align:right}
.ribbon span{font-size:25px!important;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:40px!important;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:158px;display:block;background:#79A70A;background:linear-gradient(#F70505 0,#8F0808 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:22px;right:-36px}
.ribbon span::after,.ribbon span::before{content:"";position:absolute;top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid #8F0808}
.ribbon span::before{left:0;border-left:3px solid #8F0808;border-right:3px solid transparent}
.ribbon span::after{right:0;border-left:3px solid transparent;border-right:3px solid #8F0808}
@media (max-width:1024px){.overlay-height{height:82.3%!important}
.comic-detail-cover,.comic-detail-cover-info{height:17em!important}
.comic-detail-cover-create{width:100%!important;height:8.5em!important}
}
.container-buyall{position:relative;text-align:center;color:#fff;cursor:pointer!important}
.centered-buyall,.centered-right-buyall{position:absolute;top:50%;transform:translate(-50%,-50%)}
.centered-buyall{left:50%;user-select:none}
.centered-right-buyall{right:-3%;user-select:none}
.ans-discount-coin,.origin-discount-coin{position:absolute;right:4%;user-select:none}
.origin-discount-coin{color:#bdbdbd;top:50%!important;font-size:20px!important;-webkit-text-decoration-line:line-through;text-decoration-line:line-through}
.ans-discount-coin{top:25%!important;color:#ff0}
@media (max-width:768px){.overlay-height{height:83.4%!important}
.comic-detail-cover,.comic-detail-cover-info{height:18em!important}
.comic-detail-cover-create{width:100%!important;height:7em!important}
.comic-detail-info{padding-top:3em!important}
.comic-detail-icon{display:inline-block;vertical-align:middle;height:1.5em}
.comic-detail-value{display:inline-block;text-align:left;min-width:60px;color:#fff;font-size:1em!important;font-weight:300!important}
}
@media (max-width:456px){.ismature-content>.body>.title>span{font-size:22px!important}
.ismature-content>.body>.detail>.alert-title{font-size:20px!important}
.ismature-content>.body>.detail>.alert-description{font-weight:500!important;font-size:17px!important}
.cover-mobile{padding-left:0!important;padding-right:0!important}
.sortby-text{float:none!important}
.overlay-height{height:75%!important}
.comic-detail-footer{position:absolute;width:100%;bottom:0;height:2.5em;background-color:rgba(0,0,0,.7)}
.comic-detail-item-value{padding-top:.5em!important;padding-bottom:.5em!important}
.comic-detail-cover{height:10em!important}
.comic-detail-cover-info{height:20em!important}
.comic-detail-cover-create{width:100%!important;height:9em!important}
.comic-detail-icon{display:inline-block;vertical-align:middle;height:1.5em}
.comic-detail-value{display:inline-block;text-align:left;min-width:30px;color:#fff;font-size:1em!important;font-weight:300!important}
}
@media (max-width:375px){.ismature-content>.body>.title>span{font-size:20px!important}
.ismature-content>.body>.detail>.alert-title{font-size:18px!important}
.ismature-content>.body>.detail>.alert-description{font-weight:500!important;font-size:15px!important}
.comic-detail-cover{height:8em!important}
.comic-detail-cover-info{height:20em!important}
.comic-detail-cover-create{width:100%!important;height:7.5em!important}
}
@media (max-width:320px){.overlay-height{height:69%!important}
.comic-detail-cover{height:8em!important}
.comic-detail-cover-info{height:22em!important}
.comic-detail-cover-create{width:100%!important;height:7em!important}
}