@charset "utf-8";
html{-webkit-box-sizing:border-box;box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}
*,*::before,*::after,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body{font-size:14px;color:rgb(244,235,219);font-family:'Noto Sans',Roboto,Arial,sans-serif;background:url(../images/bg-thin.png) repeat;background-color:rgb(17,17,17);}
article,aside,footer,header,nav,section,main{display:block;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote::before,blockquote::after,q::before,q::after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;background-color:transparent;color:rgb(251,251,251);}
a:visited{color:inherit;}
a:hover,a:focus{text-decoration:none;outline:none;}
a:active{outline:none;}
img{display:block;max-width:100%;height:auto;border:none;vertical-align:middle;}
video,svg{max-width:100%;height:auto;}
button,input,select,textarea{font:inherit;color:inherit;border:none;outline:none;}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.video{background-color:rgb(0,0,0);}
main{padding:0 .375rem;margin-bottom:.625rem;position:relative;width:100vw;}
.container{position:relative;}
.header-inner{margin:0 auto;}
.mobile-header{width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.mobile-logo{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:1rem;}
.logo,.logo a{height:auto;}
.logo{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.logo a{background-size:contain;color:transparent;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;font-size:1.625rem;}
.logo a span{overflow:hidden;white-space:nowrap;font-weight:700;margin:0;text-decoration:none;color:rgb(255, 255, 255);text-shadow: -2px -2px 5px rgb(0, 186, 255), 2px 2px 5px rgb(255, 0, 230);letter-spacing: 3px;}
.logo a span:before,.logo a span:after{content:"好好爽爽";display:block;position:absolute;top:0;left:0;height:100%;width:100%;opacity:0.8;}
.logo a span:before{color:rgb(0,165,165);-webkit-animation:glitcher 1s cubic-bezier(0.25,0.46,0.45,0.94) both infinite;animation:glitcher 1s cubic-bezier(0.25,0.46,0.45,0.94) both infinite;z-index:-1;}
.logo a span:after{color:#F40080;animation:glitcher 1s cubic-bezier(0.25,0.46,0.45,0.94) reverse both infinite;z-index:-2;}
nav .line-nav{padding:0 calc(.625rem/3);max-width:100vw;margin:calc(.375rem/2) auto;}
nav .line-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
nav .line-nav ul li{text-align:center;aspect-ratio:1/1;padding:calc(.625rem/6 + .2vw + .1vh);display:-ms-grid;display:grid;}
nav .line-nav ul li a{background-color:transparent;letter-spacing:.1em;font-size:15px;-webkit-line-clamp:2;color:rgb(255,119,210);text-shadow:0 0 2px rgb(153,32,32),0 0 1.5px rgb(58,23,21),0 0 1.5px rgb(17,6,5);line-height:calc(20/16);aspect-ratio:inherit;background:-webkit-gradient(linear,left top, right bottom,from(rgb(21,22,23)),color-stop(rgb(38,38,38)),to(rgb(51,51,51)));background:linear-gradient(to bottom right,rgb(21,22,23),rgb(38,38,38),rgb(51,51,51));-webkit-box-shadow:inset 0 0 0 1px rgba(168,105,105,0.3);box-shadow:inset 0 0 0 1px rgba(168,105,105,0.3);display:-ms-grid;display:grid;border-radius:8px;padding:inherit;place-items:center;border:calc(.875rem/8) solid rgba(255,255,255,0.01);font-weight:700;}
nav .line-nav ul .active a{-webkit-box-shadow:0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7),0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7) inset;box-shadow:0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7),0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7) inset;border:calc(.875rem/8) solid rgba(255,119,210,0.9);text-shadow:0 0 .375rem rgba(255,119,210,0.9);color:rgb(219,204,204);background:transparent;font-weight:700;}
.mac_pop_bg{position:fixed;z-index:999999998;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
.mac_pop{z-index:999999999!important;display:none;min-height:20px;max-height:360px;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;border-radius:8px;background-color:rgb(1,0,1);max-width:93%;height:auto !important;-webkit-box-shadow:0 0 0 2px rgb(255, 87, 142) inset;box-shadow:0 0 0 2px rgb(255, 87, 142) inset;}
.mac_pop .pop_top{height:3.625rem;width:100%;padding:1rem;clear:both;}
.mac_pop .pop_top h2{float:left;display:block;margin:0;font-size:18px;font-weight:normal;}
.mac_pop span.pop_close{float:right;cursor:pointer;font-weight:700;background-size:cover;background-color:rgb(220,20,60);color:rgb(255,255,255);display:-ms-grid;display:grid;place-content:center;padding:.25rem;border-radius:.25rem;}
.vod-report .veri{margin:1rem auto 0;text-align:center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;place-content: center;}
.vod-report .veri img{margin-right:8px;width:118px;}
.vod-report .veri input{border:1px solid #ccc;padding:6px;color: rgb(0, 0, 0);}
.vod-report .submit_btn{display:block;padding:0 1rem;margin:.75rem auto;background-color:rgb(0,142,0);color:rgb(255,255,255);line-height:2.5rem;border-radius:3px;}
/**/
.bread-crumb{max-width:100%;padding:.15rem;position:relative;height:3.375rem;background-image:-webkit-gradient(linear,left top, left bottom,from(rgb(33,33,33)),to(transparent));background-image:linear-gradient(to bottom,rgb(33,33,33),transparent);}
.bread-crumb:after{content:" ";position:absolute;border-bottom:1px solid rgb(220,20,60);width:calc(100% - 15px);left:0;right:0;bottom:-2px;margin:auto;}
.bread-crumb ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:inherit;max-width:100vw;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.bread-crumb .home,.bread-crumb .back{aspect-ratio:1/1;}
.home a,.back a{display:-ms-grid;display:grid;position:relative;text-align:center;place-content:center;color:rgb(1,0,1);height:100%;}
.home a svg{border-radius:1rem;background-color:rgb(81,81,81);width:2.375rem;padding:.625rem;}
.home a svg path{color:rgb(168,168,168);}
.current,.belong{height:100%;}
.belong{position:relative;aspect-ratio:1/1;display:-ms-grid;display:grid;place-content:center;padding:.1rem;}
.belong a{display:block;text-align:center;aspect-ratio:inherit;border-radius:.5rem;font-weight:700;background-color:rgba(181,181,181,0.1);color:rgb(181,181,181);overflow:hidden;line-height:calc(30/23);height:95%;padding:inherit;border:1px solid rgba(98,98,98,0.5);}
.current{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;text-align:center;height:100%;width:100%;max-width:calc(100% - 2.5rem);padding:.15rem;}
.title-s{position:relative;width:100%;text-align:left;display:-ms-grid;display:grid;}
.title-s span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding:0 3px;position:absolute;margin:auto;line-height:1.4;color:rgb(166,166,166);}
.talkin{text-align:center;padding:calc(.375rem/2) .375rem;overflow:hidden;border-top:1px solid rgba(206,188,134,0.5);border-bottom:1px solid rgba(206,188,134,0.5);color:rgba(206,188,134,0.8);letter-spacing:1px;margin:3px .375rem;}
.talkin p{line-height:1.3;}
.talkin p:nth-child(1){display:block;width:88vw;white-space:nowrap;margin:0 auto;}
.talkin p a{color:rgb(232,71,116);}
.content-box{margin:0 auto;}
.page-ctr{margin:1.375rem auto 0;text-align:center;max-width:99%;}
.page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.page-step{display:-ms-grid;display:grid;place-items:center;margin:0 .625rem;}
.page-step span{letter-spacing:1px;}
.page-btn{background-color:rgb(244,164,96);border-radius:.625rem;margin:0 calc(.375rem/2);}
.page-num{display:none;}
.page-btn a,.page-num a{font-size:1rem;color:rgb(123,123,123);font-weight:700;width:3.375rem;height:2.375rem;border-radius:inherit;display:grid;place-content:center;}
.page-jump{margin:1rem auto;}
.page-count{margin-bottom:.5rem;display:none;}
.page svg{width:1rem;height:1rem;}
.page svg path{color:rgb(1,0,1);}
.go{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:128px;height:2.375rem;margin:0 auto;overflow:hidden;border-radius:.625rem;border:calc(.375rem/1.5) solid rgb(244,164,96);background-color:rgb(244,164,96);}
.go input{padding:0 .625rem;width:calc(100% - 38px);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:rgb(38, 38, 38);font-size: 12px;}
.go button{background-color:transparent;width:100%;}
.go button:hover{background-color:rgb(255,255,255);}
.go button svg{width:100%;height:50%;display:block;}
.go button svg path{color:rgb(1,0,1);}
.back-zone{margin:1.625rem .875rem 0;position:relative;width:inherit;}
.zone-box{border-radius:12px;padding:1.875rem .375rem .875rem;-webkit-box-shadow:0 0 0 2.5px rgba(55,55,55,0.66);box-shadow:0 0 0 2.5px rgba(55,55,55,0.66);max-width:720px;margin:0 auto;}
.fanz{position:absolute;display:block;border-radius:10px;background-color:rgb(17,17,17);margin:auto;top:-26px;left:0;right:0;width:138px;text-align:center;font-size:18px;color:rgb(181,181,181);line-height:2.875rem;font-weight:700;-webkit-box-shadow:0 0 0 2.5px rgba(55,55,55,0.66);box-shadow:0 0 0 2.5px rgba(55,55,55,0.66);}
.zone-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.zone-list div{text-align:center;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin:calc(.375rem/2);}
.zone-list a{display:block;border-radius:.375rem;color:rgb(151,165,181);background-color:rgba(225,225,225,0.08);padding:0 1.375rem;line-height:2.375rem;}
.widget{position: fixed;bottom: 130px;right: 20px;z-index: 9999;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);}
.widget.is-visible{opacity: 1;visibility: visible;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.widget-btn{display: grid;width: 50px;height: 50px;line-height: 50px;background-color: rgba(255, 255, 255, 0.33);color: #ffffff;text-align: center;text-decoration: none;border-radius: 50%;font-size: 14px;font-weight: bold;-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.3);box-shadow: 0 4px 10px rgba(0,0,0,0.3);-webkit-tap-highlight-color: transparent;place-content: center;}
.widget-btn.active {background-color: rgba(0, 0, 0, 0.8);}
.widget a svg{width:20px;height:20px;}
.widget a svg path{fill:rgb(255, 255, 255);}
.pop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;width:100vw;height:100vh;bottom:0;right:0;background-color:rgba(1,0,1,0.9);z-index:33;visibility:hidden;opacity:0;overflow:hidden;-webkit-transition:0.64s ease-in-out;transition:0.64s ease-in-out;}
.pop-inner{display:block;border-radius:1.375rem;border:1px solid rgba(66,66,66,0.5);padding:1.375rem .875rem;margin:0 .625rem;background:url(../images/bg-thin.png) repeat;background-color:rgba(21,21,21,0.85);overflow:hidden;}
.pop-show{width:100%;height:100%;max-width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;}
.modal-state{display:none;}
.modal-state:checked + .pop{opacity:1;visibility:visible;}
.pop-close{position:relative;z-index:8;text-align:center;cursor:pointer;left:0;right:0;bottom:0;margin:auto;padding:0 1.375rem;display:-webkit-box;display:-ms-flexbox;display:flex;place-content:center;text-decoration:none;color:rgb(255,255,255);background-color:rgb(242,56,90);border-radius:.5rem;-webkit-box-shadow:0px 3px 0px 0px rgb(200,20,53),0px 3px 15px 0px rgb(187,187,187);box-shadow:0px 3px 0px 0px rgb(200,20,53),0px 3px 15px 0px rgb(187,187,187);-webkit-transition:all 0.2s;transition:all 0.2s;font-size:18px;letter-spacing:.1em;font-family:Arial;line-height:2.625rem;margin:calc(.375rem/2) auto .375rem;}
.pop-close svg{width:16px;height:100%;margin-right:.375rem;}
.hellow{padding:5% 6.25%;background-color:rgba(128,128,128,0.1);border-radius:12px;border:calc(.375rem/2) solid rgba(128,128,128,0.1);}
.hellow p{word-break:break-all;color:rgb(255,221,119);text-align:center;letter-spacing:.1em;line-height:calc(26/15);font-size:15px;}
.hellow p:nth-child(1),.hellow p:nth-child(2){color:rgb(236,236,236);font-size:118%;text-align:left;font-weight:700;text-indent:.625rem;line-height:calc(20/14);}
.hellow span{color:rgb(232,71,116);font-size:138%;}
.search-bar{max-width:268px;margin:.625rem auto;padding:calc(.375rem/2);}
.search-bar input[type="search"]{-webkit-appearance:none !important;background-clip:padding-box;background-color:rgb(251,251,251);vertical-align:middle;border-radius:0.25rem;font-size:15px;width:100%;line-height:2;padding:0.25rem .75rem;-webkit-transition:border-color 0.2s;transition:border-color 0.2s;}
.search-bar input[type="search"]:focus{-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-box-shadow:0 0 40px #f9d442b9;box-shadow:0 0 40px #f9d442b9;border-color:#f9d342;outline:none;}
.search-bar form.search-form{-webkit-box-shadow:0 0 19px -5px rgb(255,255,255);box-shadow:0 0 19px -5px rgb(255,255,255);border-radius:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;width:268px;overflow:hidden;border:3px solid rgb(0,140,189);position:relative;}
.search-bar label{width:calc(100% - 2.875rem);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden;}
.search-bar input.search-field{height:2.875rem;width:100%;padding-left:.875rem;color:rgb(66, 66, 66);}
.search-bar .search-submit{margin:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;font-size:1rem;display:-ms-grid;display:grid;place-content:center;width:2.875rem;height:2.875rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;color:#fff;}
.search-bar button{display:inline-block;font-weight:700;font-size:0.8rem;line-height:1.15;letter-spacing:0.1rem;text-transform:uppercase;background-color:rgb(0,140,189);color:#292826;border:1px solid transparent;vertical-align:middle;text-shadow:none;-webkit-transition:all 0.2s;transition:all 0.2s;}
.search-bar button:hover,.search-bar button:active,.search-bar button:focus{cursor:pointer;color:rgb(255,255,255);outline:0;background-color:rgb(232,64,38);}
.search-bar button svg{width:22px;height:20px;}
#error-msg{position:absolute;width:131px;right:50px;top:3px;background:rgba(255, 0, 0, 0.15);border-radius:.375rem;padding:3px 8px;text-align:center;font-size:12px;}
.easy-search{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;overflow:hidden;min-height:200px;background-color:rgba(251,251,251,0.1);border:calc(.375rem/2) solid rgba(255,255,255,0.2);max-width: 100%;margin: 0 auto .625rem;width: 100%;}
.easy-search span{padding:.875rem;background-color:rgb(240,198,73);text-align:center;position:relative;color:rgb(0,0,0);font-weight:700;font-size:18px;font-family:Arial;min-height:230px;line-height:1.2;}
.easy-search span:after{content:"滑動選取";position:absolute;bottom:.875rem;background-color:rgb(198,76,76);left:0;right:0;margin:auto;height:auto;font-size:14px;display:block;border-radius:6px;color:rgb(255,255,255);letter-spacing:1px;width:69%;padding:calc(.625rem/2);aspect-ratio:1/1;}
.tag-scroll{overflow-x:hidden;overflow-y:scroll;margin:0 auto;height:inherit;max-height:226px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:calc(.375rem/2);border-radius:inherit;}
.tag-scroll .tag{text-align:center;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-transition:background-color 0.3s,color 0.3s;transition:background-color 0.3s,color 0.3s;display:inline-block;font-size:15px;border-radius:.375rem;background-color:rgb(232,232,232);color:rgb(23,23,23);margin:calc(.375rem/2.5);padding:.5rem 1rem;}
.tag-scroll .tag:last-of-type{color:rgb(255,255,255);font-weight:700;background: -webkit-gradient(linear, right top, left top, from(rgb(255, 0, 128)), color-stop(rgb(255, 140, 0)), color-stop(rgb(64, 224, 208)), color-stop(rgb(138, 43, 226)), to(rgb(255, 0, 128)));background: linear-gradient(270deg, rgb(255, 0, 128), rgb(255, 140, 0), rgb(64, 224, 208), rgb(138, 43, 226), rgb(255, 0, 128));background-size: 1000% 1000%;-webkit-animation: rainbow 8s ease infinite;animation: rainbow 8s ease infinite;letter-spacing: 1px;}
/* */
section{position:relative;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;margin-bottom:1rem;background-image:-webkit-gradient(linear,left top, left bottom,from(rgb(25,25,30)),to(rgb(23,23,26)));background-image:linear-gradient(to bottom,rgb(25,25,30),rgb(23,23,26));-webkit-box-shadow:0 0 0 1px rgba(55,55,55,0.5);box-shadow:0 0 0 1px rgba(55,55,55,0.5);}
section:after{content:" ";position:absolute;bottom:0;right:0;height:1px;border-bottom:2px solid rgba(255, 0, 0, 0.33);left:10px;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);-ms-transform:scaleY(0.5);transform:scaleY(0.5);width:96%;}
.dla{content-visibility:auto;contain-intrinsic-size:auto calc(100vw * 9/16);}
.type-title{line-height:3.375rem;color:unset;letter-spacing:.1em;padding:0 .375rem;position:relative;border-radius:1rem 1rem 0 0;background-image:-webkit-gradient(linear,left top, left bottom,from(rgb(33,33,33)),to(transparent));background-image:linear-gradient(to bottom,rgb(33,33,33),transparent);}
.type-title:after{content:" ";position:absolute;width:calc(100% - 18px);left:0;right:0;bottom:0;margin:auto;height:1px;}
.type-title span{margin-left:10px;font-weight:700;font-size:18px;text-shadow: -2px -2px 5px rgb(0, 186, 255), 2px 2px 5px rgb(255, 0, 230);}
.type-title span:after{content:" - 分類預覽";font-size:14px;color:rgba(255,255,255,0.6);font-weight:400;}
.type-title span svg{width:17px;margin-right:.5rem;}
.type-title span svg path{color:rgb(215,215,215);}
.type-title a{float:right;padding:.375rem 1rem 0;color:rgb(179,179,179);margin-top:-2px;line-height:1.875rem;border:2px solid rgba(55,55,55,0.5);border-top:0px solid transparent;margin-right:1.625rem;background:url(../images/bg-thin.png) repeat;background-color:rgb(17,17,17);border-radius:0 0 12px 12px;-webkit-box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);box-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);}
.type-title a svg{width:25px;height:15px;}
.type-title a svg path{color:rgb(227,210,156);color:rgb(215,215,215);}
.vods-layout{margin:0 auto;padding:0 .625rem;min-height:196px;}
.vod-box{border:calc(.875rem/3) solid rgb(39, 39, 39);overflow:hidden;border-radius:12px;width:100%;margin:calc(1.375rem/2) auto;background:repeating-linear-gradient(45deg,rgb(28,28,28) 0px,rgb(28,28,28) 2.82843px,rgb(39,39,39) 0px,rgb(39,39,39) 7.07107px);}
.vod{display:block;position:relative;}
.vod-layer{height:100%;}
.vod-thumb{float:none;width:100%;position:relative;overflow:hidden;}
.vod-thumb:hover::before{display:block;content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background:rgba(0,0,0,0.1);}

.thumb-img {width: 100%;display: block;-webkit-filter: blur(20px);filter: blur(20px);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-webkit-transition: -webkit-filter 0.6s ease, -webkit-transform 0.6s ease;transition: -webkit-filter 0.6s ease, -webkit-transform 0.6s ease;transition: filter 0.6s ease, transform 0.6s ease;transition: filter 0.6s ease, transform 0.6s ease, -webkit-filter 0.6s ease, -webkit-transform 0.6s ease;max-width: 100%;min-height: 186px;height: 100%;width: 100%;margin: 0 auto;display: block;background: repeating-linear-gradient(45deg,rgb(28,28,28) 0px,rgb(28,28,28) 2.82843px,rgb(39,39,39) 0px,rgb(39,39,39) 7.07107px);position: relative;z-index: 1;-o-object-fit: cover;object-fit: cover;}
.thumb-img.loaded {-webkit-filter: blur(0);filter: blur(0);-webkit-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);-o-object-fit: contain;object-fit: contain;}
.views{position: absolute;display: inline-block;background-color: rgba(1,0,1,0.2);right: .625rem;bottom: .625rem;border-radius: .375rem;padding: 0 .375rem;font-size: .75rem;line-height: 1.625rem;z-index: 1;-webkit-box-shadow: inset 0 0 0px 1px rgba(84, 84, 84, 0.5);box-shadow: inset 0 0 0px 1px rgba(84, 84, 84, 0.5);backdrop-filter: blur(5px);}
.views svg{width:auto;height:11px;margin-right:.333rem;padding-left: .15rem;}
.vod-name{position:relative;color:rgb(227,210,156);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.625rem calc(1.375rem/2);background:url(../images/bg-thin.png) repeat;background-color:rgba(1,0,1,0.15);}
.vod-name svg{border-radius:.625rem;height:2.375rem;padding:calc(.875rem/2) calc(.625rem/2);aspect-ratio:1/1;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;background-color:rgb(36, 36, 36);margin-right:calc(1.375rem/2);-webkit-box-shadow: 0 3px 18px 0 rgba(188, 188, 188, 0.33);box-shadow: 0 3px 18px 0 rgba(188, 188, 188, 0.33);}
.vod-name svg path{color:rgb(232,71,116);}
.vod-name .title{display:-ms-grid;display:grid;place-content:center;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:100%;text-align:left;}
.vod-name .title span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:normal;width:100%;margin:0 auto;font-size:15px;max-height:2.6rem;line-height:1.3rem;}
.go-ctr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;margin-bottom:1rem;}
.go-ctr a{display:block;border-radius:.625rem;letter-spacing:1px;line-height:2.625rem;padding:0 1rem;font-size:15px;text-align:center;font-weight:700;text-shadow:1.5px 1.5px 1.5px #000;margin:0 .625rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height: 2.625rem;}
.go-ctr .play{color:rgb(255,255,255);background-image:-webkit-gradient(linear,left bottom, right top,from(rgb(0,130,0)),to(rgb(0,183,0)));background-image:linear-gradient(to right top,rgb(0,130,0),rgb(0,183,0));-webkit-box-shadow:calc(.375rem/2) calc(.375rem/2) 0 rgb(2,100,18),0 0 .75rem -1px rgba(255,255,255,0.3);box-shadow:calc(.375rem/2) calc(.375rem/2) 0 rgb(2,100,18),0 0 .75rem -1px rgba(255,255,255,0.3);}
.go-ctr .drop{color:rgb(247,247,247);background-image:-webkit-gradient(linear,left bottom, right top,from(rgb(187,0,0)),to(rgb(238,41,41)));background-image:linear-gradient(to right top,rgb(187,0,0),rgb(238,41,41));-webkit-box-shadow:calc(.375rem/2) calc(.375rem/2) 0 rgb(140,0,0),0 0 .75rem -1px rgba(255,255,255,0.3);box-shadow:calc(.375rem/2) calc(.375rem/2) 0 rgb(140,0,0),0 0 .75rem -1px rgba(255,255,255,0.3);}
.go-ctr svg{width:15px;height:15px;margin-right:5px;}
.detail-layout{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;overflow:hidden;min-height:50vh;}
.detail-layer{width:100%;-webkit-filter:blur(6px);filter:blur(6px);position:absolute;left:0;top:0;height:100%;background-position:50% 50% !important;background-size:cover !important;}
.detail-mix{display:-ms-grid;display:grid;position:relative;padding:1.375rem 1rem;overflow:hidden;-webkit-box-shadow:0 0 .625rem rgba(0,0,0,.05);box-shadow:0 0 .625rem rgba(0,0,0,.05);color:rgb(179,188,202);background:rgba(26,27,30,.7);backdrop-filter:blur(10px);margin:.875rem;border-radius:1rem;}
.detail-mix .thumb{background:url(../images/bg-thin.png) repeat,linear-gradient(45deg,rgba(255,196,222,0.2),rgba(36,32,36,0.2));border-radius:10px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;}
.detail-mix .thumb a{margin:0 auto;width:100%;border-radius:inherit;display:block;}
.detail-mix .thumb a img{height:100%;margin:0 auto;border-radius:inherit;max-width:100%;display:block;max-height:280px;min-height:180px;min-width:180px;}
.detail-mix .vod-title{text-align:left;margin: 0 auto;}
.vod-title h1{display:block;color:rgb(206,188,134);overflow:hidden;letter-spacing:1px;margin:1rem auto;font-weight:400;font-size:1.375rem;padding:0 .375rem;}
.vod-etc{position:relative;margin:0 auto;width:100%;padding-left: 1rem;max-width: 460px;place-content: center;display: grid;}
.vod-data{border-radius:.625rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:wrap;}
.vod-data .data-head{display:block;line-height:1.875rem;font-size:15px;margin-right:.625rem;min-width: 88px;font-weight: bold;letter-spacing: 1px;}
.vod-data .tags{color:rgb(255,255,255);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.vod-data a{color:rgb(255,255,255);border-radius:.375rem;display:block;letter-spacing:1px;margin-bottom:calc(.375rem/2);margin-right:calc(.375rem/3);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px;font-size:12px;background: linear-gradient(135deg,rgb(17, 27, 106),rgb(20, 24, 56));text-wrap: nowrap;}
.vod-data a:before{content:"#";}
.vod-data svg{width:auto;height:12px;margin-right:.375rem;}
.vod-layout{overflow:hidden;margin:.375rem auto;padding:0 calc(.375rem/2);}
.player{overflow:hidden;border-radius:.15rem;}
.vod-opt{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto;}
.play-content .vod-title{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 1.875rem);margin:0 auto;}
.play-content .vod-title h1{text-align:center;font-size:1rem;padding:0 0 .5rem;font-weight:700;margin:.5rem auto;}
.play-info{margin:0 auto;overflow:hidden;border:calc(.375rem/2) solid rgb(0,0,0);background:repeating-linear-gradient(45deg,rgb(28,28,28) 0px,rgb(28,28,28) 2.82843px,rgb(39,39,39) 0px,rgb(39,39,39) 7.07107px);}
.notice{margin:0 auto;text-align:center;padding:.375rem;background-color:rgb(13,13,13);}
.notice-content{letter-spacing:1px;height:2rem;line-height:2rem;overflow:hidden;white-space:nowrap;}
.notice-content .line{-webkit-transition:opacity .8s;transition:opacity .8s;}
.notice x{padding:0 3px;background-color:rgb(13,13,13);margin-right:2px;color:rgb(255,179,0);}
.notice y{padding:0 10px;background-color:rgb(0,121,0);margin:0 3px;color:rgb(255,255,255);}
.playing{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:calc(.875rem/5) calc(.625rem/2);}
.vod-qr a,.vod-rep a{background-color:rgb(232,232,232);color:rgb(1,0,1);border-radius:8px;text-align:center;margin:0 auto;letter-spacing:1px;line-height:1.875rem;-webkit-box-shadow:0 0 0 3px rgba(108,108,108,0.5);box-shadow:0 0 0 3px rgba(108,108,108,0.5);width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:8rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.375rem .625rem;}
.vod-qr path{color:inherit;}
.vod-source{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;background-color:rgba(0,0,0,0.08);margin:calc(.625rem/3) auto;border-radius:0 .625rem;min-height:88px;-webkit-box-shadow:inset 0 0 0 3px rgba(1,0,1,0.33);box-shadow:inset 0 0 0 3px rgba(1,0,1,0.33);}
.vod-source span{display:block;border-radius:inherit;margin:0 auto;text-align:center;letter-spacing:0.1em;background-color:rgba(255,255,255,0.15);font-size:14px;line-height:2.875rem;-webkit-box-shadow:inset 0 0 0 2px rgb(1,0,1);box-shadow:inset 0 0 0 2px rgb(1,0,1);font-weight:700;text-shadow:1.5px 1.5px 1.5px rgb(1,0,1);}
.vod-source span:before,.vod-source span:after{content:"x";color:rgb(255,0,0);font-size:20px;padding:0 calc(.375rem/2);}
.vod-source ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.5rem 0 .75rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.vod-source li{text-align:center;border-radius:.625rem;border-bottom:1.5px solid rgb(28,29,34);margin:.375rem calc(.875rem/2);}
.vod-source li a{display:block;padding:0 .875rem;background-color:rgba(151,151,151,0.5);font-weight:700;color:rgb(1,0,1);border-radius:10px;line-height:2.375rem;position: relative;outline: none;cursor: pointer;position: relative;border: 2px solid transparent;font-family: 'Comic Sans MS', cursive, sans-serif;letter-spacing: .1px;}
.vod-source li .active{background-color:rgb(255,37,80);text-shadow:1.5px 1.5px 1.5px rgb(1,0,1);color: rgb(255, 255, 255);/*! text-transform: uppercase; */border: 2px solid rgb(255, 51, 51);overflow: hidden;-webkit-box-shadow: 0 0 10px rgba(255, 51, 51, 0.8), 0 0 20px rgba(255, 51, 51, 0.8);box-shadow: 0 0 10px rgba(255, 51, 51, 0.8), 0 0 20px rgba(255, 51, 51, 0.8);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.vod-source li .active::before{content: '';position: absolute;top: 50%;left: 50%;width: 300%;height: 300%;background: rgba(255, 51, 51, 0.2);border-radius: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-animation: bglowing 3s infinite ease-in-out;animation: bglowing 3s infinite ease-in-out;}
.vod-qr,.vod-rep{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-grid;display:grid;place-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:.5rem;}
.vod-qr svg,.vod-rep svg{-ms-flex-item-align:center;align-self:center;margin-top:.375rem;border-radius:1rem;width:3.625rem;height:auto;padding:.375rem;}
.vod-qr svg{background:rgb(243,202,255);}
.vod-rep svg{background:rgb(78,186,124);}
.newpost{background-color:rgb(16,124,189);border-radius:3px;margin:0 auto .375rem;padding:calc(.375rem/2) 0;}
.newposter{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.newpostbtn{background-color:rgb(255,255,255);border-radius:.375rem;padding:0 .375rem;margin-left:calc(.375rem/2);}
.newpostbtn input{background:transparent;color:rgb(1, 0, 1);}
.push-title{font-size:20px;font-weight:700;text-align:center;max-width:150px;margin:.875rem auto;width:100%;border-radius:calc(.375rem/2);color:rgb(1,0,1);padding:.375rem 0 0 .18rem;background:url(../images/bar-bg.png) repeat;}
.push-title span{background-color:rgba(255,255,255,0.8);line-height:2;display:block;border-radius:inherit;}
.push-layout{text-align:center;padding:0 calc(.625rem/3);margin:0 auto;}
#nonono{padding:.375rem calc(.375rem/2);}
.warning{width:100%;height:auto;background-color:rgb(255,255,255);border-left:5px solid rgb(253,194,32);border-radius:3px;-webkit-box-shadow:rgba(149,157,165,0.2) 0px 8px 24px;box-shadow:rgba(149,157,165,0.2) 0px 8px 24px;margin:0 auto;}
.wsub{padding:.625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}
.wsub h3{display:block;font-size:1.15rem;font-weight:700;color:rgb(1,0,1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:grid;place-content:center;}
.wsub h3:after{content:"溫馨提示";}
.wsub p{color:rgb(144,144,146);letter-spacing:1px;padding-left:.875rem;}
.wsub p:after{content:"當前網站地址已被污染,有可能無法正常訪問,請獲取我們的最新地址.";}
/*差分*/
.index-content .content-box{padding-bottom:calc(.375rem/10);}
.type-content,.search-content,.show-content,.detail-content,.play-content{position:relative;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;overflow:hidden;background-image:-webkit-gradient(linear,left top, left bottom,from(rgb(25,25,30)),to(rgb(23,23,26)));background-image:linear-gradient(to bottom,rgb(25,25,30),rgb(23,23,26));-webkit-box-shadow:0 0 0 1px rgba(55,55,55,0.5);box-shadow:0 0 0 1px rgba(55,55,55,0.5);}
.type-content .title-s h1,.search-content .title-s h1,.show-content .title-s h1{overflow:hidden;}
.type-content .title-s span,.search-content .title-s span,.show-content .title-s span{line-height:3rem;position:unset;color:unset;letter-spacing:.1em;padding:0;margin-left:.625rem;word-break:break-all;font-size:16px;}
.type-content .title-s span{font-size:16px;}
.search-content .title-s span{font-size:15px;}
.detail-content .title-s,.play-content .title-s{display:-ms-grid;display:grid;place-content:center;margin-bottom:.2rem;}
.detail-content .title-s span,.play-content .title-s span{position:relative;height:inherit;padding-left:.25rem;font-size:14px;letter-spacing:.05rem;color:rgb(200,200,200);}
.oabar{margin:.625rem auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;padding:0 .625rem;height:50px;}
.orders{border-radius:10px;background-color:rgba(60,60,60,0.5);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding:calc(.625rem/3);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:0 auto;overflow: hidden;}
.orders span{background-color:rgb(28,28,28);border-radius:.375rem;padding:0 .625rem;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 calc(.625rem/3);-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.orders svg{width:16px;height:auto;margin-right:2px;}
.orders a{display:block;color:rgb(142,142,142);letter-spacing:1px;padding:calc(.375rem/1.5) .375rem;background-color:rgb(32,32,32);text-align:center;border-radius:.375rem;aspect-ratio:1/1;height:100%;margin:0 calc(.375rem/3);}
.orders .active{background-color:rgb(238,238,238);color:rgb(1,0,1);border-radius:.625rem;-webkit-box-shadow:inset 0 0 0 1.5px rgb(51,51,51);box-shadow:inset 0 0 0 1.5px rgb(51,51,51);}
.vipbt{background-color:rgb(45,45,49);border-radius:10px;padding:calc(.375rem/2);display:block;aspect-ratio:1/1;height:inherit;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-height:50px;}
.vipbt a{font-size:13px;font-weight:700;display:grid;background-color:rgba(1,0,1,0.5);height:100%;width:100%;place-content:center;border-radius:.625rem;padding:0 .375rem;color:rgba(206,188,134,8);aspect-ratio:inherit;text-align:center;}
footer{position:relative;}
.footer{position:absolute;width:100%;text-align:center;}
.footer div{position:relative;}
.ring{margin-top:1.875rem;}
.ring ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.ring ul li{margin:0 .5rem;}
.ring a{display:block;}
.ring a svg{width:36px;height:36px;}
.raid{margin:3.625rem auto;}
.raid a{display:block;border-radius:999rem;font-size:16px;letter-spacing:1px;padding:1em 0;width:7em;height:7em;margin:0 auto;line-height:5em;border:none;color:rgba(255,255,255,0.7);position:relative;background-color:rgb(1,0,1);}
.raid a:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;-webkit-box-shadow:0 0 8px rgba(255,255,255,0.33),0 0 0 32px rgba(255,255,255,0.06),0 0 0 64px rgba(255,255,255,0.04);box-shadow:0 0 8px rgba(255,255,255,0.33),0 0 0 32px rgba(255,255,255,0.06),0 0 0 64px rgba(255,255,255,0.04);-webkit-animation:moon_glow 2s ease-in-out infinite alternate;animation:moon_glow 2s ease-in-out infinite alternate;top:0;left:0;}
.contact{margin-bottom:1.625rem;}
.contact p{line-height:2.5rem;font-size:.75rem;font-style:italic;color:rgb(98,98,98);letter-spacing:3px;}
.contact p span{font-size:18px;font-weight:700;color:rgb(115,115,115);}
.lamb svg{width:88px;}
.lamb path{-webkit-filter:invert(23%);filter:invert(23%);}
.site-info{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin: 0 auto;padding: 0 .375rem;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: rgb(98,98,98);}
.site-info a{padding: 12px;display: grid;place-content: center;color: rgb(201, 201, 201);aspect-ratio: 1/1;width: 60px;}
.copy{margin-bottom:.875rem;color:rgb(98,98,98);line-height:2.625rem;}
.unit-detail{padding:1rem;background-color: rgb(255, 255, 255);color: RGB(0, 46, 95);}
.soul{margin:0 auto;width: 100%;padding: 12px;}
.soul .title{letter-spacing:.1em;padding-bottom:12px;font-size:30px;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin: 0 auto;}
.soul .title:after{display: block;width: 100%;height: 2px;margin: 12px auto 0;background: RGB(0, 46, 95);content: '';}
.soul .title svg{width:32px;height:32px;margin-right:.625rem;}
.soul p{letter-spacing:.1em;color:rgb(1, 0, 1);text-align:center;font-size:15px;font-weight:400;line-height:1.6;}
.soul p:nth-child(1){font-size:138%;}
.soul p span{text-align:center;margin:0 auto;line-height:calc(30/16);width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;border-radius: .375rem;}
.defence{font-size:14px;padding:12px;max-width: 100%;background: rgb(227, 227, 227);width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin: 0 auto;}
.unit-title{text-align:center;display:block;font-size:2rem;margin-top:3rem;}
.unit-title h1{margin:1rem auto;letter-spacing:.375rem;}
.msg-listing{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;background-color:rgba(255,255,255,0.05);border-radius:12px;max-width: 800px;gap: 1rem;padding: 6px;}
.msg-row{padding:10px;color:RGB(0, 46, 95);position:relative;border: 1px solid;}
.msg-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;}
.msg-avatar img{width:36px;height:36px;margin-right:.625rem;background: RGB(0, 46, 95);padding: 3px;border-radius: 3px;}
.msg-body{position:relative;}
.msg-meta{display:block;position:absolute;right:0;top:-1.875rem;color:rgb(255,255,255);}
.msg-time{font-size:.75rem;font-weight:700;color:rgb(117,117,117);}
.msg-content,.reply{padding-bottom:8px;display:block;line-height:1.4;}
.msg-content{padding:10px;border-bottom:1px solid;display: block;}
.reply{margin-top:.625rem;color:rgb(255,255,255);float:right;background-color:RGB(0, 46, 95);padding:12px;border-radius: 3px;letter-spacing: 1px;}
.msg-count{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;margin:0 auto;display:block;padding:10px;border-radius:8px;}
.msg-white{margin:8px auto;text-align:center;padding:10px;background-color:rgb(255, 255, 255);max-width:600px;}
.mac_msg{}
.gbook_content{width:100% !important;height:169px !important;padding:1rem;resize:none;min-height:168px;background-color:rgb(255,255,255);color:rgb(0,0,0);line-height:calc(20/13);letter-spacing:.1em;margin:0 auto;border: 1px solid;}
.msg_code{margin:.375rem auto;padding:10px;background-color:rgba(255,255,255,0.05);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.remaining_w{width:100%;color: RGB(0, 46, 95);}
.msg_code input{padding:0 .625rem;margin:.875rem .375rem 0 0;max-width:98px;line-height:2.375rem;color:RGB(0, 46, 95);-webkit-box-shadow: 0 0 0 1px RGB(0, 46, 95);box-shadow: 0 0 0 1px RGB(0, 46, 95);}
.comm-code{margin:.875rem .375rem 0 .375rem;width:108px;aspect-ratio:16/5;}
.msg_code .submit_btn{color:rgb(255,255,255);background-color:RGB(0, 46, 95);border:1px solid transparent;border-radius:6px;width:100%;display:block;margin:.875rem auto 0;line-height:2.375rem;}
.index-only{/*! padding:3px; *//*! background:transparent; *//*! border:3px solid rgba(66, 66, 66, 0.5); */border-radius:10px;margin-bottom:8px;}
.hero{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:inherit;padding:1rem 1.625rem;position:relative;/*! background-image: -webkit-gradient(linear, left top, right top, color-stop(16%, rgb(35, 15, 61)), to(rgba(35, 15, 61, 0))),-webkit-gradient(linear, right top, left top, from(rgb(65, 85, 134)), to(rgba(35, 15, 61, 0))); *//*! background-image: linear-gradient(to right, rgb(35, 15, 61) 16%, rgba(35, 15, 61, 0)),linear-gradient(to left, rgb(65, 85, 134), rgba(35, 15, 61, 0)); */-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-flow: row-reverse;flex-flow: row-reverse;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-pack: distribute;justify-content: space-around;}
.hero-img{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 0;-ms-flex: 0 0 100px;flex: 0 0 92px;max-width: 80px;position: relative;}
.hero-img img{width: 100%;height: auto;-o-object-fit: cover;object-fit: cover;max-width: 100%;display: inline-block;}
.close-checkbox{display:none;}
.speech-bubble{position:absolute; bottom:-19px;right:0;background-color:rgba(255, 255, 255, 0.6); color:black;border-radius:7px; max-width:210px; -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.2); box-shadow:0 4px 10px rgba(0, 0, 0, 0.2); z-index:10; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
.speech-bubble::after{content:''; position:absolute; top:-15px; right:46px;border:8px solid transparent; border-bottom-color:rgba(255, 255, 255, 0.6); }
.speech-bubble div{min-width: 150px;padding: 4px 7px;border-radius: 6px;margin: 3px;font-size: 13px;background-color: rgba(255, 255, 255, 0.6);}
.close-btn{  color:rgb(255, 255, 255); font-size:16px; cursor:pointer; padding:0; aspect-ratio: 1/1;background-color: rgba(0, 0, 0, 0.8);text-align: center;border-radius: 5px;place-self: end;right: 3px;bottom: 3px;position: absolute;width: 1rem;}
.close-btn:hover{color:#ff5555;}
.close-checkbox:checked + .speech-bubble{display:none;}
.hero-lines{width: 100%;}
.hero-lines h2{font-weight:700;font-size:16px;letter-spacing:.1em;text-shadow:3px 2px 4px rgba(0, 0, 0, 0.5);margin-bottom: .375rem;}
.hero-lines p{/*! line-height:22px; */overflow:hidden;white-space:nowrap;margin:0 auto;letter-spacing:.1rem;-webkit-animation:typing 3.5s steps(30,end);animation:typing 3.5s steps(30,end);font-size:13px;color:rgb(200,200,200);}
.hero-btn{margin-top:.625rem;}
.hero-btn button{background:linear-gradient(57.75deg,RGB(223,11,75) 14.44%,RGB(167,54,255) 85.65%);-webkit-box-shadow:0 16px 24px rgba(247,15,255,0.48);box-shadow:0 16px 24px rgba(247,15,255,0.48);width:96px;border-radius:10px;line-height:32px;color:rgb(255,255,255);}
#vip{position:absolute;right:0;bottom:0;aspect-ratio:1/1;-ms-flex-line-pack:center;align-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}
#vip a{background:linear-gradient(135deg,rgba(255,255,255,0.33) 10%,transparent 50%,rgba(255,255,255,0.33));width:3.625rem;aspect-ratio:inherit;-ms-flex-line-pack:center;align-content:center;color:rgb(206,188,134);font-weight:700;border-radius:.375rem;-webkit-box-shadow:0 0 1px 0 rgba(255,255,255,0.5);box-shadow:0 0 1px 0 rgba(255,255,255,0.5);display:block;line-height:calc(20/14);font-size:1rem;padding:.375rem;}
#disclaimer-dialog{display:none;position:absolute;z-index:2147483603;overflow:hidden;max-width:360px;min-width:300px;width:calc(100% - 1rem);margin:0 auto;color:rgb(255,255,255);border-radius:.875rem;-webkit-box-shadow: inset 0 0 8px 8px rgba(27, 105, 253, 0.5);box-shadow: inset 0 0 8px 8px rgba(27, 105, 253, 0.5);}
#disclaimer-dialog h1{text-align:center;font-size:22px;line-height:3.875rem;}
#disclaimer-background{display:none;top:0;left:0;height:100%;width:100%;position:fixed;z-index:2147483602;background-color:rgba(11,14,19,0.99);}
#disclaimer-dialog .center{text-align:center;font-size:15px;position:relative;}
#disclaimer-dialog .dialog-inner{padding:0 .875rem 1rem;text-align:center;}
#disclaimer-dialog .underline{text-decoration:underline;}
#disclaimer-dialog .italic{font-size:14px;line-height:calc(20/14);color:rgb(238,238,238);}
#disclaimer-dialog .italic:nth-of-type(1) span:after{content:"成人内容"}
#disclaimer-dialog .bold{font-size:22px;color:rgb(255,255,255);padding:0 .625rem;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;place-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:.375rem;}
#disclaimer-dialog .italic img{background:url(../images/gate.png) no-repeat;background-size:contain;height:3.875rem;display:block;aspect-ratio:1/1;overflow:hidden;-webkit-box-shadow:0 0 0 1px rgb(255,255,255);box-shadow:0 0 0 1px rgb(255,255,255);border-radius:3px;margin:1rem auto 0;}
#disclaimer-dialog .bold .underline{padding:0 .375rem;color:rgb(253, 27, 133);}
#disclaimer-dialog .dialog-btns{margin:0 auto;padding:0 .375rem;}
#disclaimer-dialog .dialog-btns p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
#disclaimer-dialog button{text-transform:uppercase;display:inline-block;cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;padding:0 .875rem;border-radius:.625rem;color:rgb(255,255,255);line-height:2.375rem;margin:0 .625rem;overflow:hidden;-webkit-transition:all 0.3s;transition:all 0.3s;font-size:15px;}
#disclaimer-dialog button.agree{-webkit-box-shadow:inset 0 0 10px rgba(27,253,156,0.4),0 0 9px 3px rgba(27,253,156,0.1);box-shadow:inset 0 0 10px rgba(27,253,156,0.4),0 0 9px 3px rgba(27,253,156,0.1);color:rgb(27,253,156);border:2px solid rgb(27,253,156);background:-webkit-gradient(linear,left top, right top,color-stop(1%, rgba(27,253,156,0.1)),color-stop(40%, transparent),color-stop(60%, transparent) ,to(rgba(27,253,156,0.1)));background:linear-gradient(to right,rgba(27,253,156,0.1) 1%,transparent 40%,transparent 60% ,rgba(27,253,156,0.1) 100%);}
#disclaimer-dialog button.disagree{-webkit-box-shadow:inset 0 0 0 1px rgb(255,0,0);box-shadow:inset 0 0 0 1px rgb(255, 255, 255);background:transparent;color:rgb(255, 255, 255);border-radius:0;}
#disclaimer-dialog .dialog-lines small{display:block;padding:0 .625rem;color:rgb(204,204,204);margin:1rem auto .375rem;}
#disclaimer-dialog .dialog-lines small span{color:rgb(27,253,156);letter-spacing:1px;}
.spo{margin:.375rem auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;max-width:calc(100% - .375rem);background-color:rgb(255,255,255);position:relative;max-height:212.75px;overflow:hidden;}
.spop{text-align:center;background-color:rgba(1,0,1,0.8);}
.spopic{margin:0 auto;background-color:rgb(1,0,1);padding:calc(.375rem/2);position:relative;}
.spopic:before{content:"貼片廣告";display:block;position:absolute;bottom:6.25px;right:6.25px;z-index:11;background-color:rgba(255,255,255,0.5);padding:calc(.375rem/2) .375rem;text-align:center;color:rgb(0,0,0);border-radius:calc(.375rem/2);border:1px solid;}
.spopic img{height:100%;width:100%;margin:0 auto;display:block;max-height:118.75px;max-width:380px;}
.spop p{font-family:Oswald;letter-spacing:.1rem;font-size:1rem;padding:0 .625rem;line-height:2.375rem;border:calc(.375rem/2) solid rgb(0,0,0);-webkit-animation:Color 4s ease-in-out infinite;animation:Color 4s linear infinite;}
.random-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:.375rem .625rem;-webkit-overflow-scrolling:touch;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;gap:0;margin:.625rem;scrollbar-width:none;}
.random-tags::-webkit-scrollbar{display:none;}
.random-tags a{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 14px;border:1px solid rgb(207,214,221);background:rgb(246,247,249);color:rgb(31,35,40);border-radius:.625rem;text-decoration:none;white-space:nowrap;margin-right:calc(.375rem + .333vw);scroll-snap-align:start;-webkit-transition:background-color .15s ease,border-color .15s ease;transition:background-color .15s ease,border-color .15s ease;}
.random-tags a:last-child{background:rgb(88,162,198);border-color:rgb(161,198,255);font-weight:700;color:rgb(255,255,255);}
.random-tags a:hover{background:var(--btn-bg-hover);}
.random-tags a:focus-visible{outline:2px solid #0969da;outline-offset:2px;}
.tags-content{margin:0 auto;}
.tags-layout{margin-top:1.375rem;}
.tags-layout h1{display:block;margin:0 auto;font-size:32px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
.tags-layout h1:after{content:"Undone";color:rgb(255,0,0);position:absolute;font-size:14px;font-weight:700;margin-left:.375rem;}
.all-tags{font-size:18px;font-weight:700;margin:1.875rem 0 0 1.375rem;}
.all-tags a{display:inline-block;margin-right:1.375rem;margin-bottom:1.375rem;color:rgb(238,232,232);}
.all-tags span{margin-right:3px;color:rgb(31,191,200);}
.header-fun{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right: .375rem;}
.flip-btn{width:50px;height:50px;-webkit-perspective:800px;perspective:800px;}
.flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-animation:flipin 10s ease-in-out infinite;animation:flipin 10s ease-in-out infinite;text-decoration:none;color:inherit;}
.face{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.fside{-webkit-transform:rotateY(0deg) translateZ(0);transform:rotateY(0deg) translateZ(0);}
.bside{-webkit-transform:rotateY(180deg) translateZ(0);transform:rotateY(180deg) translateZ(0);font-size:14px;font-weight:700;}
.fun-icon{display:block;width:55%;height:55%;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;}
.bside .fun-icon{width:44%;height:44%;}
.bside span{display:block;}
.info-content{}
.info-layout{max-width: 680px;margin: 3rem auto;}
.info-layout h1{text-align: center;font-size: 1.625rem;line-height: 3rem;}
.information{line-height: 32px;padding: 1rem;margin: 0 auto;}
.information p{line-height: 32px;font-size: 1rem;margin-bottom: 1rem;}
@media (prefers-reduced-motion:reduce){.flip-inner{-webkit-animation:none;animation:none;}
}
/*responsive*/
@media only screen and (min-width:700px){
.mobile-header{height:68px;}
.logo,.logo a{font-size:1.875rem;}
.logo a span h1{font-size:inherit;font-weight:700;}
.header-side-w{width:15%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
nav .line-nav{margin:.375rem auto;}
nav .line-nav ul li{aspect-ratio:unset;padding:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 calc(.375rem/2);}
nav .line-nav ul li a{font-size:1rem;padding:0 .625rem;-webkit-line-clamp:1;line-height:2.375rem;height:auto;width:100%;}
.hero{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-flow: nowrap;flex-flow: nowrap;}
.hero-lines{width: auto;}
.hero-img{margin-right: 2.625rem;}
.talkin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.talkin p{margin:0 1rem;}
.talkin p:nth-child(1){display:unset;width:unset;height:unset;white-space:unset;margin:unset;-webkit-animation:unset;animation:unset;}
main{padding:0 6px;margin:0 auto;}
.header,.index-content,.type-content,.detail-content,.play-content,.show-content,.search-content,.unit-content,.newpost,.tags-content,.info-content,.vods-push{margin:0 auto;width:100%;}
.bread-crumb{padding:6px;height:auto;}
.bread-crumb ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.back-zone{margin:2.875rem 10px 0;position:relative;width:inherit;}
.zone-box{padding:2.375rem 1.375rem 1.625rem;}
.zone-list a{padding:0 1.625rem;}
.current{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;}
.belong{aspect-ratio:auto;width:auto;height:2.5rem;padding:0;}
.belong a{line-height:2.375;font-size:16px;border-radius:10px;word-break:keep-all;height:2.375rem;min-width:90px;}
.title-s span{position:relative;-webkit-line-clamp:1;padding:0;}
.detail-content .title-s span,.play-content .title-s span{padding:0 10px;font-size:1rem;}
.bread-crumb .home,.bread-crumb .back{height:2.625rem;padding:0;}
.page-ctr{padding:.875rem 0;}
.page-count{margin:.875rem auto 0;}
.vods-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:calc(.875rem/2) calc(.375rem/2);} 
.vod-box{margin:calc(1.375rem/3) auto;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - .875rem);flex:0 0 calc(50% - .875rem);}
.vod-thumb{height:217px;border-radius:inherit;aspect-ratio:340 / 178;z-index:1;}
.thumb-img{width:unset;min-width:unset;border-radius:0;min-height:unset;margin:0 auto;height:inherit;}
.vod-layer{display:block;height:216px;}
.page-btn a,.page-num a{width:3.625rem;}
.pop-inner{margin:0 10%;padding:1.375rem .875rem;}
.pop-show{-ms-flex-pack:space-around;justify-content:space-around;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.hellow{width:50%;padding:.875rem;}
.search-bar{margin:unset;width:auto;display:-ms-grid;display:grid;place-content:center;}
.easy-search{margin:.625rem auto;border-radius:12px;}
.easy-search span{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:3.375rem;}
.easy-search span:after{width:1.8rem;}
.tag-scroll{width:100%;}
.player{margin:0 auto;border-radius:0;}
.play-content .vod-title{margin:.625rem auto 1.375rem;}
.detail-mix .thumb a{max-width:100%;}
.detail-mix .thumb a img{min-height:280px;max-height:360px;}
.playing{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;padding:.375rem .625rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.vod-qr,.vod-rep{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
.vod-source{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin-right:1rem;}
.detail-layout{margin:0 auto;background-color:rgba(15,15,15,0.3);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0 0 0 1px rgba(1,0,1,0.5);box-shadow:0 0 0 1px rgba(1,0,1,0.5);padding:.625rem;}
.detail-mix{margin:.875rem auto;max-width:480px;}
.push-layout{margin:.625rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.msg-listing{grid-template-columns:1fr;padding:.625rem;margin:0 auto;}
.widget{right:1.5rem;}
.msg-white{max-width:600px;}
.oabar{height:58px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.orders{margin-right:.625rem;}
.orders table{max-width:unset;}
.orders a{padding:.375rem .625rem;}
#disclaimer-dialog{min-width:395px;}
.bds{display:none;}
.all-tags{padding:0 5vw;}
.flip-btn{width:60px;height:60px;}
}
@media only screen and (min-width:960px){
.header,.index-content,.type-content,.detail-content,.play-content,.show-content,.search-content,.unit-content,.vods-push,.newpost,.tags-content,.info-content{max-width:calc(100vw - 8%);}
.mobile-logo{margin-left:.375rem;}
.header-side-w{width:15%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
nav .line-nav ul li a{padding:0 1.375rem;}
nav .line-nav ul li a:hover{color:rgb(238,223,176);-webkit-transform:translate(0,-1px);-ms-transform:translate(0,-1px);transform:translate(0,-1px);-webkit-transition-duration:380ms;transition-duration:380ms;-webkit-box-shadow:0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7),0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7) inset;box-shadow:0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7),0 0 calc(.625rem/3) calc(.375rem/3) rgba(255,34,182,0.7) inset;border:calc(.875rem/8) solid rgba(255,119,210,0.9);text-shadow:0 0 .375rem rgba(255,119,210,0.9);color:rgb(219,204,204);background:transparent;font-weight:700;}
.talkin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.talkin p{margin:0 1rem;}
.bread-crumb ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.current{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.detail-content .title-s,.play-content .title-s{text-align:center;}
.title-s span{position:relative;-webkit-line-clamp:1;font-size:16px;}
.home,.back{border-radius:9999px;width:2.8rem;height:2.8rem;}
.page-btn:hover{background-color:rgb(206,206,206);}
.page-step{display:none;}
.page-num{display:block;margin:0 calc(.5rem/2);}
.page-num a{border-radius:inherit;height:2.625rem;aspect-ratio:1/1;width:2.625rem;line-height:2.625rem;font-size:18px;border-radius:.625rem;background-color:rgb(28,28,28);}
.page-num a:hover{background-color:rgb(123,123,123);color:rgb(255,255,255);}
.page-num.active a{background-color:rgb(244,164,96);color:rgb(1,0,1);-webkit-box-shadow:inset 0 0 0 calc(.375rem/2) rgb(244,164,96);box-shadow:inset 0 0 0 calc(.375rem/2) rgb(244,164,96);}
.page-jump{margin-top:1.25rem;}
.page-count{display:block;}
.go{max-width:150px;}
.vod-box{-webkit-box-flex:0;-ms-flex:0 0 calc(33.333% - .875rem);flex:0 0 calc(33.333% - .875rem);}
section{margin-bottom:1.375rem;}
section::after{width:98%;left:18px;}
.back-zone{padding:0;margin:3.875rem auto 0;max-width:1080px;}
.zone-list a:hover{background-color:rgb(70,70,70);color:rgb(196,196,196);}
.ring{margin-top:3.375rem;}
.pop-inner{margin:0 20%;}
.easy-search span{font-size:18px;}
.tag-scroll{height:217px;border-radius:inherit;aspect-ratio:340 / 178;z-index:1;}
.tag a{padding:0 16px;line-height:2;}
.detail-layout{padding:.875rem;margin:0 auto;}
.play-content,.unit-content{margin:0 auto 1rem;}
.push-title{max-width:160px;font-size:22px;padding:calc(.625rem/2);}
.soul{margin:2rem auto 1rem;padding:1% 3%;}
.soul .title{}
.msg-listing{grid-template-columns:1fr 1fr;}
.widget-btn:hover{background-color:rgba(255,255,255,0.5);}
.vod-box:hover{border:calc(.875rem/3) solid rgba(200,200,200,0.15);}
.vod:hover{background-color:rgba(62,62,62,0.8);overflow:hidden;-webkit-transition-duration:200ms;transition-duration:200ms;}
.vod:hover img{-webkit-transition-duration:300ms;transition-duration:300ms;}
.vod:hover .views{background-color:rgba(1,0,1,0.5);color:rgb(255,255,255);-webkit-transition-duration:300ms;transition-duration:300ms;}
.vod:hover .vod-name{text-shadow:rgb(0,0,0) 1px 1px 0px,rgb(0,0,0) -1px 1px 0px,rgb(0,0,0) 1px -1px 0px,rgb(0,0,0) -1px -1px 0px;background-color:rgba(0,0,0,0.5);}
.detail-content .title-s span,.play-content .title-s span{padding:0 12px;}
.random-tags{overflow:visible;margin:.375rem auto;padding:.375rem 1rem;}
.random-tags a{margin-bottom:12px;margin-right:calc(.375rem + .111vw);}
}
@media only screen and (min-width:1200px){
.header,.index-content,.type-content,.detail-content,.play-content,.show-content,.search-content,.unit-content,.vods-push,.newpost,.tags-content,.info-content{max-width:calc(100vw - 12%);}
.pop-inner{margin:0 33%;}
.detail-mix{max-width:600px;}
}
@media only screen and (min-width:1400px){
.header,.index-content,.type-content,.detail-content,.play-content,.show-content,.search-content,.unit-content,.vods-push,.newpost,.tags-content,.info-content{max-width:1154px;}
}
/*odd*/
@media (max-width:366px){
.type-content .title-s span,.search-content .title-s span{font-size:.75rem;}
.oabar{height:unset;padding:0 .375rem;}
}
/* Animation */
@-webkit-keyframes daylight{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes daylight{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@-webkit-keyframes moon_glow{0%{-webkit-transform:scale(1);transform:scale(1);translate:-50%,-50%;}50%{-webkit-transform:scale(1.03);transform:scale(1.03);translate:-50%,-50%;}}
@keyframes moon_glow{0%{-webkit-transform:scale(1);transform:scale(1);translate:-50%,-50%;}50%{-webkit-transform:scale(1.03);transform:scale(1.03);translate:-50%,-50%;}}
@-webkit-keyframes glowtext{from{text-shadow:0px 0px 5px #880808,0px 0px 5px #614ad3;}to{text-shadow:0px 0px 10px #880808,0px 0px 10px #614ad3;}}
@keyframes glowtext{from{text-shadow:0px 0px 5px #880808,0px 0px 5px #614ad3;}to{text-shadow:0px 0px 10px #880808,0px 0px 10px #614ad3;}}
@keyframes Color{0%{color:#A0D468;}20%{color:#4FC1E9;}40%{color:#FFCE54;}60%{color:#FC6E51;}80%{color:#ED5565;}100%{color:#AC92EC;}}
@-webkit-keyframes Color{0%{color:#A0D468;}20%{color:#4FC1E9;}40%{color:#FFCE54;}60%{color:#FC6E51;}80%{color:#ED5565;}100%{color:#AC92EC;}}
@keyframes shine{0%{background-position:0;}60%{background-position:100%;}100%{background-position:320px;}}
@-webkit-keyframes shine{0%{background-position:0;}60%{background-position:100%;}100%{background-position:320px;}}
@-webkit-keyframes glitcher{0%{-webkit-transform:translate(0);transform:translate(0);}33%{-webkit-transform:translate(5px,2.5px);transform:translate(5px,2.5px);}66%{-webkit-transform:translate(-2.5px,-2.5px);transform:translate(-2.5px,-2.5px);}to{-webkit-transform:translate(0);transform:translate(0);}}
@keyframes glitcher{0%{-webkit-transform:translate(0);transform:translate(0);}33%{-webkit-transform:translate(5px,2.5px);transform:translate(5px,2.5px);}66%{-webkit-transform:translate(-2.5px,-2.5px);transform:translate(-2.5px,-2.5px);}to{-webkit-transform:translate(0);transform:translate(0);}}
@-webkit-keyframes bglowing {0% {width: 300%;height: 300%;background: rgba(255, 51, 51, 0.2);}50% {width: 350%;height: 350%;background: rgba(255, 51, 51, 0.5);}100% {width: 300%;height: 300%;background: rgba(255, 51, 51, 0.2);} }
@keyframes bglowing {0% {width: 300%;height: 300%;background: rgba(255, 51, 51, 0.2);}50% {width: 350%;height: 350%;background: rgba(255, 51, 51, 0.5);}100% {width: 300%;height: 300%;background: rgba(255, 51, 51, 0.2);} }
@-webkit-keyframes typing{from{width:0}to{width:100%}}
@keyframes typing{from{width:0}to{width:100%}}
@-webkit-keyframes flipin{0%,45%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}55%,95%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}}
@keyframes flipin{0%,45%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}55%,95%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);}}
@-webkit-keyframes rainbow{ 0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes rainbow{ 0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}