@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline; font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{scroll-behavior: smooth;font-size: 14px;color: rgb(244, 235, 219);font-family: 'Noto Sans',Roboto,Arial,sans-serif;background-color: rgb(17, 17, 17);}
body{display:-ms-grid;display:grid;}
h1,h2,h3,h4,h5,h6{font-size:16px;}
a{text-decoration:none;color:rgb(251,251,251);}
a:focus,a:hover,a:active{text-decoration:none;}
ul,li{list-style:none;}
img{border:none;vertical-align:middle;}
.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;padding-top: calc(.375rem/2);}
.mobile-header{width:100%;height:56px;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:.875rem;}
.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;line-height: 1;font-weight: 700;margin: 0;text-decoration: none;color: rgb(255, 246, 246);}
.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;}
.logo a span h1{font-size: 1.625rem;font-weight: 700;}
.header-side-m{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;}
.header-btn{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 calc(.875rem/2);}
.header-btn svg{height:18px;width:18px;margin:0 auto calc(.625rem/2);}
.header-btn svg path{color:rgb(200, 200, 200);}
.search-btn svg{}
.header-btn a,.header-btn label{display:-ms-grid;display:grid;place-content:center;color:rgb(200, 200, 200);}
nav .line-nav{padding:0 calc(.625rem/2);max-width:100vw;margin: calc(.375rem/2) auto .375rem;max-width: 1154px;}
nav .line-nav ul{display:-webkit-box;display:-ms-flexbox;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-columns: repeat(6, 1fr);gap: 4px;}
nav .line-nav ul li{text-align:center;aspect-ratio:1/1;padding:calc(.375rem/3 + .125vw + .125vh);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{}
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:338px;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 3px rgb(87, 240, 255);box-shadow: 0 0 0 3px rgb(87, 240, 255);}
.mac_pop .pop_top{height:3rem;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:bold; 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:0 auto;text-align:center;}
.vod-report .veri img{margin-right:8px;width: 118px;}
.vod-report .veri input{border:1px solid #ccc;padding:6px;}
.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:bold;background-color:rgba(181, 181, 181, 0.1);color:rgb(181, 181, 181);overflow:hidden;line-height:calc(20/18);height:95%;padding:inherit;border:1px solid rgba(98, 98, 98, 0.5);}
.belong a span{}
.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: 0 .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{padding:.375rem 0 .875rem;margin:0 auto;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(.625rem/3);}
.page-num{display:none;}
.page-btn a,.page-num a{font-size:1rem;color:rgb(123, 123, 123);font-weight:bold;width:3.625rem;height:2.625rem;display:block;line-height:2.875rem;border-radius:inherit;}
.page-jump{margin:.875rem auto .375rem;text-align:center;}
.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:160px;height:2.625rem;margin:0 auto;overflow:hidden;border-radius:.625rem;border:calc(.375rem/2) 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;}
.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:2.5rem .875rem .875rem;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{z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:20rem;right:1rem;bottom:130px;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.widget-btn{background-color:rgba(62,62,62,0.6);border-radius:8px;-webkit-box-shadow:inset rgb(123,123,123) 0 0 11px -4px;box-shadow:inset rgb(123,123,123) 0 0 11px -4px;position:fixed;position:sticky;top:-200px;width:3rem;height:3rem;margin-bottom:-5rem;-webkit-transform:translateY(100vh);-ms-transform:translateY(100vh);transform:translateY(100vh);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:all;outline:none;overflow:hidden;-webkit-transition:-webkit-transform 80ms ease-in;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in, -webkit-transform 80ms ease-in;}
.widget-btn a{display:-ms-grid;display:grid;width:100%;padding:.875rem;place-items:center;}
.widget-btn a svg{width:20px;height:20px;}
.widget-btn a svg path{fill:rgb(200, 200, 200);}
.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:2;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:bold;text-indent: .625rem;line-height: calc(20/14);}
.hellow span{color:rgb(232, 71, 116);font-size:138%;}
.search-bar{width:268px;margin:.625rem auto .375rem;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;}
.search-bar label{width:calc(100% - 2.8rem);-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:1.375rem;}
.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;}
.search-bar button svg path{}
.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);margin: .375rem auto;}
.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:block;font-size:15px;border-radius:.375rem;background-color:rgb(232, 232, 232);color:rgb(23, 23, 23);line-height:1.875rem;margin:calc(.375rem/2.5);min-width: 66px;}
/* */
section{position:relative;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;margin-bottom:1.375rem;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, 191, 0, 0.5);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;border-bottom:1px solid rgb(232, 71, 116);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;}
.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:-1px;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(15, 15, 15);border-radius:0 0 12px 12px;}
.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:calc(.375rem/2) .625rem;min-height:196px;}
.vod-box{border:calc(.875rem/3) solid rgb(36, 36, 36);overflow:hidden;border-radius:1rem;width:100%;margin:calc(.875rem/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);}
.vod-thumb img{max-width:100%;min-height:186px;height:100%;width:auto;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;}
.views{position:absolute;display:inline-block;background-color:rgba(1, 0, 1, 0.2);left:.375rem;bottom:.375rem;border-radius:.375rem;padding:0 .375rem;font-size:.75rem;backdrop-filter:blur(8px);line-height:1.625rem;z-index: 1;font-weight: 700;}
.views svg{width:auto;height:11px;margin-right:.333rem;}
.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.8rem;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);}
.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:16px;max-height:2.9rem;line-height:1.45rem;}
.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: bold;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;}
.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;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:1rem;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;}
.vod-title h1{display:block;color:rgb(206,188,134);overflow:hidden;letter-spacing:1.2px;line-height:1.4;margin: 1rem auto;font-weight: 400;font-size: 1.5rem;padding: 0 .375rem;}
.vod-etc{position:relative;margin:0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;padding: 0 1rem;}
.vod-etc:before,.vod-etc:after{content:"";height:1px;width:90%;margin:auto;position:absolute;left:0;right:0;}
.vod-etc:before{background-color:rgba(255, 255, 255, 0);}
.vod-etc:after{background-color:rgba(0, 0, 0, 0);}
.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: nowrap;}
.vod-data .data-head{display:block;line-height:1.875rem;font-size: 15px;margin-right: .625rem;}
.vod-data .tags{color:rgb(255, 255, 255);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top: .375rem;}
.vod-data a{color:rgb(255, 255, 255);border-radius:.375rem;display:block;line-height:1.375rem;letter-spacing:1px;margin-bottom:.375rem;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: 0 .375rem;font-size: 12px;}
.vod-data svg{width:auto;height:12px;margin-right: .375rem;}
.vod-data a:before{content:"#";}
.vod-layout{overflow:hidden;margin:.375rem auto;padding: 0 .375rem;}
.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: bold;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;/*! -webkit-box-shadow:0 0 0 1px rgba(1, 0, 1, 0.7); *//*! box-shadow:0 0 0 1px rgba(1, 0, 1, 0.7); */border-radius:.625rem;border-bottom:1.5px solid rgb(28, 29, 34);margin:.375rem calc(.625rem/2);}
.vod-source li a{display:block;padding:0 1.375rem;background-color:rgba(151, 151, 151, 0.5);font-weight:bold;color:rgb(1, 0, 1);border-radius:inherit;line-height:2.625rem;-webkit-box-shadow: inset 0px -3.5px 0px 0px rgb(66, 66, 66);box-shadow: inset 0px -3.5px 0px 0px rgb(66, 66, 66);}
.vod-source li .active{background-color:rgb(255, 37, 80);color:rgb(255, 255, 255);-webkit-box-shadow:inset 0px -3.5px 0px 0px rgb(196, 13, 50);box-shadow:inset 0px -3.5px 0px 0px rgb(196, 13, 50);text-shadow: 1.5px 1.5px 1.5px rgb(1, 0, 1);}
.vod-rep a{}
.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.875rem;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 a{}
.newpostbtn input{background: transparent;}
.vods-push{}
.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:bold;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;}
.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: bold;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-top:3.625rem;}
.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;/*! -webkit-box-shadow:0px 2px 20px 10px rgb(83, 83, 83); *//*! box-shadow:0px 2px 20px 10px rgb(83, 83, 83); */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:5.375rem auto 1.875rem;}
.contact p{line-height:2.5rem;font-size:.75rem;font-style:italic;color:rgba(98, 98, 98, 0.5);letter-spacing:3px;}
.contact p span{font-size:18px;font-weight:bolder;color:rgba(115, 115, 115, 0.5);}
.lamb svg{width:88px;}
.lamb path{-webkit-filter:invert(15%);filter:invert(15%);}
.copy{margin:.875rem auto;color:rgba(98, 98, 98, 0.5);line-height: 2.625rem;}
.unit-detail{padding:.875rem;}
.soul{margin:.875rem;border-radius:1.375rem;font-weight: bold;max-width: 399px;}
.soul .title{margin:0 auto .875rem;letter-spacing:.1em;color:rgb(206,188,134);border-bottom:1px solid rgb(255, 255, 255);padding-bottom:.625rem;max-width:95%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: start;-ms-flex-wrap: nowrap;flex-wrap: nowrap;font-weight: 400;color: rgb(255, 255, 255);font-size: 1.375rem;line-height: 1.6;}
.soul .title svg{width:32px;height:32px;margin-right:.625rem;}
.soul p{letter-spacing:.1em;color:rgb(179, 188, 202);text-align: center;font-size: 16px;font-weight: 400;line-height: 1.6;}
.soul p:nth-child(1){font-size:138%;}
.soul p span{font-size:75%;color:rgb(101,190,49);}
.unit-title{text-align:center;display:block;font-size:2rem;margin-top:2rem;}
.unit-title h1{display:block;font-size:26px;margin:1.375rem 0;text-shadow:2.375px 0 rgba(255, 0, 0, 0.9), -2.375px 0 rgba(0, 0, 255, 0.9);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;padding: .375rem;}
.msg-row{padding:.875rem;background-color:rgb(1, 0, 1);border-radius:12px;position:relative;margin: .375rem;}
.msg-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;}
.msg-avatar img{width:36px;height:36px;border-radius:8px;margin-right: .625rem;}
.msg-body{position:relative;color:rgb(208, 208, 208);}
.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:.875rem .625rem;border-bottom:1px solid rgb(60,61,71);}
.reply{margin-top:.625rem;color:rgb(255, 255, 255);max-width:90%;float:right;background-color:rgb(66, 66, 66);padding:.875rem;border-radius: 8px;}
.msg-count{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;margin:.875rem auto;display:block;background-color:rgba(217, 217, 217, 0.15);padding:0 1.375rem;border-radius:8px;line-height:2.375rem;}
.msg-white{margin:0 auto;text-align:center;padding:.625rem;background-color:rgba(255, 255, 255, 0.05);border-radius:12px;width:auto;max-width:328px;}
.mac_msg{padding: .375rem;}
.gbook_content{width:100% !important;height:180px !important;padding:.75rem 1rem;resize:none;min-height:180px;background-color:rgb(255, 255, 255);border-radius:2px;color:rgb(0, 0, 0);line-height: calc(20/13);letter-spacing: .1em;margin: .75rem auto;}
.msg_code{margin:.875rem auto;padding:.875rem .625rem;background-color:rgba(255, 255, 255, 0.05);border-radius:10px;}
.msg_code input{padding:0 .625rem;margin-top:.875rem;max-width:98px;line-height: 2.375rem;}
.comm-code{margin:.625rem;width:108px;aspect-ratio: 16/5;}
.msg_code .submit_btn{color:rgb(255,255,255);background-color:rgb(0,117,13);border:1px solid transparent;border-radius:6px;width:100%;display:block;margin:6px auto;line-height: 2.375rem;}
.index-only{padding:3px;background:transparent;border:3px solid rgba(66, 66, 66, 0.33);border-radius:10px;margin-bottom:8px;}
.hero{margin:0 auto;text-align:center;background:linear-gradient(-45deg, rgb(87, 15, 83), rgb(54, 66, 115), rgb(20, 18, 32), rgb(96, 101, 166));background-size:400% 400%;-webkit-animation:daylight 13s ease infinite;animation:daylight 13s ease infinite;display:-ms-grid;display:grid;place-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:inherit;padding: 1rem 0;line-height: 32px;overflow: hidden;position: relative;}
.hero-lines h2{font-weight:700;font-size:20px;letter-spacing:.1em;text-shadow: 3px 2px 4px rgb(0, 0, 0);}
.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:16px;line-height:36px;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);-webkit-box-shadow: 0px 1px 2px rgba(27, 253, 156, 0.5), 0px 2px 3px rgba(27, 253, 156, 0.5), 0px 3px 4.5px rgba(27, 253, 156, 0.5), 0px 4.5px 7px rgba(27, 253, 156, 0.5);box-shadow: 0px 1px 2px rgba(27, 253, 156, 0.5), 0px 2px 3px rgba(27, 253, 156, 0.5), 0px 3px 4.5px rgba(27, 253, 156, 0.5), 0px 4.5px 7px rgba(27, 253, 156, 0.5);border-radius: .625rem;}
#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-head{}
#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);/*! letter-spacing:.1em; */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(27, 253, 156);}
#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, 0, 0);background:transparent;color:rgb(255, 0, 0);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;}
/*responsive*/
@media only screen and (min-width:768px){
.mobile-header{height:68px;}
  .header-btn{margin: 0 calc(.625rem/2);}
.header-btn a,.header-btn label{padding: .625rem;}
.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 .875rem;-webkit-line-clamp:1;line-height:2.375rem;height:auto;width:100%;}
.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,.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 div{width:30%;min-width:unset;width:auto;}
.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;font-size:16px;border-radius:10px;word-break:keep-all;height:2.5rem;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{display:block;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% - .625rem);flex:0 0 calc(50% - .625rem);}
.vod-thumb{height:216px;border-radius:inherit;aspect-ratio:340 / 178;z-index: 1;}
.vod-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.875rem;}
.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;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%;}
.tag-scroll .tag{padding:0 .875rem;line-height:2.375rem;}
.go-ctr{}
.go-ctr a{}
.vod-layout{}
.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;}
.detail-mix .thumb{}
.vod-opt{}
.detail-mix .vod-title{}
.vod-title h1{height:unset;font-weight:700;}
.vod-etc{}
.vod-data{}
.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 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;}
}
@media only screen and (min-width:992px){
.header,.index-content,.type-content,.detail-content,.play-content,.show-content,.search-content,.unit-content,.vods-push,.newpost{max-width:calc(100vw - 8%);}
.mobile-header{}
.mobile-logo{margin-left:.375rem;}
.header-btn a,.header-btn label{}
.header-side-m a:hover,.header-btn label:hover{background:rgba(255,255,255,0.2);border-radius:.375rem;}
.logo,.logo a{}
.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:hover{ }
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-btn a,.page-num a{}
.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;}
.go{max-width:150px;}
.vod-box{-webkit-box-flex:0;-ms-flex:0 0 calc(33.333% - .625rem);flex:0 0 calc(33.333% - .625rem);}
section{margin-bottom:1.875rem;}
section::after{ width:98%;left:18px;}
.back-zone{padding:0;margin:3.875rem auto 0;max-width:1080px;}
.zone-list div{min-width:unset;width:auto;}
.zone-list a{}
.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%;}
.hellow{}
.easy-search span{font-size:18px;}
.easy-search span::after{}
.tag-scroll{width:100%;max-height:238px;}
.tag a{padding:0 16px;line-height:2;}
.detail-layout{padding:.875rem;margin:0 auto;}
.detail-mix{}
.detail-mix .thumb{}
.detail-mix .vod-opt{}
.detail-mix .vod-title{}
.vod-etc{}
.play-content,.unit-content{margin:0 auto 1rem;}
.push-title{max-width:160px;font-size:22px;padding:calc(.625rem/2);}
.soul{margin:3rem auto;padding:2% 3%;}
.soul .title{margin:0 auto 1rem;}
.msg-listing{grid-template-columns:1fr 1fr 1fr;}
.mac_msg{width:50%;margin:1rem auto;}
.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;}
}
@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{max-width:calc(100vw - 12%);}
.logo,.logo a{}
.detail-layout{}
.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{max-width:1154px;}
}
@media only screen and (min-width:1600px){
}
/*odd*/
@media (max-width:388px){
.type-content .title-s span, .search-content .title-s span{font-size:.75rem;}
.oabar{height: unset;padding: 0 .375rem;}
.vipbt a{}
}
/* 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 typing {  from { width: 0 }  to { width: 100% }}
@keyframes typing {  from { width: 0 }  to { width: 100% }}