/* 手機無編框 */#page-index{margin-top: 112px; min-height: calc(100vh - 140px); overflow-x: hidden;}textarea:focus{box-shadow: none !important;}.position-fixed.bottom-0{bottom: -1px !important;}.offcanvas-backdrop.show{opacity: 0;}.footer{position:relative;width: calc(100% - 90px);min-height: 84px;margin-bottom: 0px;margin-left: 90px;}.footer .container-fluid{word-break:keep-all;}/* .fixed-box{bottom: 140px; right: 0px; display: flex; z-index: 100;}.fixed-box .btn-close{width: 16px; height: 16px; margin-top: -12px;}.fixed-line{width: 64px; height: 64px; background: #fff; border-radius: 50%; color: #00b900; z-index: 100;}.fixed-line:hover{color: #00b90099 !important;} */.recuit-pg{margin: -16px; padding: 0px;}@media screen and (max-width: 768px){#page-index{min-height: calc(100vh - 196px);} .container-fluid.p-2{padding: 8px 0 !important;} .footer{width: 100%;margin-bottom: 56px;margin-left: 0px;}}@media screen and (max-width: 500px){.trems-pg, .about-pg, .question-answer-pg{padding: 1rem;}}.bi-eye-fill{font-size: 16px;}.bi-house-heart-fill{font-size: 24px;}.flashing-bg.splide__slide:first-child{margin-left: 16px;}.flashing-bg{color: #fff; animation: flashing-bg .4s alternate infinite;}.kindHeader .nav-link.flashing-bg{padding: 0 !important;}.kindHeader a:hover{color: #000 !important;}/* .splide__slide.line{color: #FFFFFF !important; background: #00b900 !important;}.splide__slide.line:hover, .splide__slide.line:focus, .splide__slide.line:active, .splide__slide.line.active{color: #fff !important; background: #00b90099 !important; border-color: #00b90099 !important;} */.flashing-bg>div{position: relative; width: 100%; border-radius: .375rem; padding: 8px;}.flashing-bg>div::before{content: '' !important; position: absolute; top: 0; left: 0; width: 30px; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); transform: skew(-15deg, 0deg); animation: flashing-before 1.5s infinite;}@keyframes flashing-bg{0%{background: rgba(199, 102, 141);} 100%{background: rgba(248, 197, 167, .5);}}@keyframes flashing-before{0%{left: -32px;} 100%{left: 100%;}}/* 2行文字縮略 */.text-truncate2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}.help-block-error{color: red;}.modalpage{padding-top: env(safe-area-inset-top); overflow: hidden;}/* Modal - Custom */.modal{background: rgba(203,102,139,.25);}.modal-header{background: #fedde4;}.modal-header .modal-title{color: #c6668d;}#msg-modal .modal-header{/* background-color: transparent; */ border: none;}#msg-modal .btn{width: 95px;}/* modalpage - Start */.modalpage .modal-dialog{transform: translate(100%, 0) !important; min-width: 100%; margin: 0; transition: 0.4s all !important; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin-top: env(safe-area-inset-top);}.modalpage .modal-dialog .modal-content{border-radius: 0; border: 0; margin: auto; overflow: hidden; padding-top: 56px; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}.modalpage .modal-dialog .modal-content .modal-header{border: 0; padding: 0; min-height: 56px; padding: 10px 16px; border-radius: 0; display: flex; border-bottom: 1px solid #DCDCE9; align-items: center; justify-content: space-between; margin: 0; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 100; background: #FFF;}.modalpage .modal-dialog .modal-content .modal-header .modal-title{margin: 0; color: #27173E; font-size: 17px;}.modalpage .modal-dialog .modal-content .modal-body{padding: 20px 16px; overflow: auto;}.modalpage.show .modal-dialog{transform: translate(0, 0) !important;}/* modalpage - End */.pla-svg-icon{fill: currentColor; color: inherit; font-size: inherit; line-height: 1;}.plo-header__nav-icon{margin-bottom: 4px; font-size: 28px !important; color: #FFF;}.plo-header__nav-button{display: flex; position: relative; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; width: 100%; height: 100%; color: inherit; text-decoration: none;}.plo-header__nav-label{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 0 100%; margin-bottom: -.25572rem; padding: 0 4px; font-size: .7143rem; font-weight: 600; line-height: 1.358; text-align: center; color: #FFF; text-decoration: none;}.toggler-icon{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMjU1LCAyNTUsIDI1NSwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=);}.language .dropdown-toggle::after{display:none;}.card .card-img-top{border-radius: 10px 10px 0 0; width: 100%; height: 15vw; min-height: 180px; object-fit: cover;}.card .card-img-top-s{border-radius: 10px 10px 0 0; width: 100%; height: 15vw; min-height: 100px; object-fit: cover;}/* 2 line truncate */.text-truncate2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:42px;}.auth-icon{background-size: cover; background-position: 0 -30px !important; width: 28px; height: 28px;}.line_02{display: flex; align-items: center;}.line_02::before,.line_02::after{content: ''; width: 100%; height: 1px; background: #8495a8;}.field-loginform-rememberme input{margin-right: 8px;}/* sidebar */.sidebar{margin-top: 56px; height: calc(100% - 56px); z-index: 2;}.nav-link{flex-direction: column; font-size: .75rem; font-weight: bolder;}#offcanvasSidebar{width: 260px !important;}.offcanvas .nav-link{width: auto; flex-direction: row; font-size: 15px; padding-left: 27px;}.offcanvas .nav-link svg{margin-right: 1rem;}.offcanvas-items,.offcanvas .nav-link{display: flex; height: 42px;}.offcanvas-items:hover{background-color: rgb(200,200,200);}.nav-item a{height: 64px; width: 90px; color: #333535; font-size: 1rem; font-weight: bold;}.nav-item a.official-link{width: auto; height: auto;}.nav-pills .nav-link:hover{color: #333535; background-color: #dee2e6;}.offcanvas{width: auto !important;}.offcanvas-header{height: 56px;}.header-member-box{background: rgba(248,197,167,.25);}.header-msg{width: 165px;}.header-msg>div{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}@media screen and (min-width: 768px){.sidebar{transform: none;} .sidebar + .container-fluid{margin-left: 90px; width: calc(100% - 90px);}}/* header */.form-group.searchbox{margin-top: 0px;}.diamond .modal-dialog{max-width: 375px;}.diamond .card{background: linear-gradient(225deg, #f8c5a7 35%, #cb668b 75%);}.diamond .card::before,.diamond .card::after{position: absolute; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bolder;}.diamond .card.show_tag::before{content: attr(data-before); top: 0; left: 0; width: 60px; height: 24px; background: #cb668b; border-radius: 10px 0 10px 0; font-size: .75rem;}.diamond .card.show::after{content: attr(data-after); top: -8px; right: -8px; /* width: 60px; */ height: 32px; background: #f8c5a7; border-radius: 5px; font-size: .875rem; padding: 0 0.5rem; text-shadow: 1px 1px 2px #cb678b, -1px 1px 2px #cb678b, -1px -1px 2px #cb678b, 1px -1px 2px #cb678b;}.diamond-svg{animation: svg-flashing alternate infinite .4s ease;}@keyframes svg-flashing{0%{-webkit-filter:drop-shadow(0px 0px 10px #cb668b);} 100%{-webkit-filter:drop-shadow(0px 0px 0px #cb668b);}}.postbtn{width: 50%;}.offcanvas-user.offcanvas-end{top: 56px; bottom: unset; height: auto; width: 250px !important; max-height: calc(100% - 112px);}.offcanvas .fs-6{height: 26px; background-color: rgb(230,230,230); color: #333535; font-size: .75rem !important;}.offcanvas .fs-6::before,.offcanvas .fs-6::after{content: ''; position: absolute; display: block; height: 1px; width: 90%; background: #333535;}.offcanvas .fs-6::before{top:calc(50% - 1px);left: 5%;}.offcanvas .fs-6::after{top:calc(50% + 1px);left: 5%;}.offcanvas .fs-6 div{left: 50%;background-color: rgb(230,230,230);transform: translateX(-50%);z-index: 1;}.offcanvas-items a,#accordionFlushHelp a,#accordionFlushLanguage a{color: #333535;}.offcanvas-items.pe-none a{color: #999;}.offcanvas-user .accordion-button::after{width: 12px; height: 12px; background-size: cover;}.offcanvas-user .accordion-button:not(.collapsed){color: #333535; background-color: rgba(203, 102, 139,.25); box-shadow: unset;}.offcanvas-user .collapse{background-color: rgba(248, 197, 167,.25);}@media screen and (min-width: 768px){.offcanvas-user.offcanvas-end{max-height: calc(100% - 56px);}}@media screen and (min-width: 576px){.postbtn{width: auto;}}/* bottom-menu */.appBottomMenu{z-index: 999;}.appBottomMenu .updateBtn{width: 40px;}.appBottomMenu .updateBtn::after{content: ''; position: absolute; width: 1px; height: 100%; background: #5d6369; z-index: -1;}.appBottomMenu .updateBtn>div{top: -75%; background: aliceblue; width: auto; border-radius: 50%; border: none !important; width: 80px; height: 80px; box-shadow: 0px 0px 10px #000;}.appBottomMenu .updateBtn svg{fill: #222;}.appBottomMenu .updateBtn strong{color: #222;}/* 註冊頁＆登入頁 */.form-captcha .form-control{border-width: 0px 0px 1px 0px; border-radius: 0px;}.form-captcha .form-control:focus{border-bottom-color: #e451e8; box-shadow: inset 0 -1px 0 0 #e451e8;}/* 首頁 */.popular-list::before{/* content: ''; position: absolute; top: -10px; bottom: -34px; left: -10px; right: -10px; border: 4px solid #c7668d; border-radius: 15px; */}.border-primary{border-color: #c6668d !important;}/* 上傳頁面 */.form-group{margin-top: 16px;}.file-caption-name{border-top-right-radius: .375rem !important; border-bottom-right-radius: .375rem !important; margin-right: 8px;}.field-uploadvideoqueue-video_level{display: flex;}.field-uploadvideoqueue-video_level .control-label{margin-right: 8px;}#uploadvideoqueue-video_level{display: flex;}#uploadvideoqueue-publish_status label,#uploadvideoqueue-status label{display: block;}.file-preview .fileinput-remove{box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; border: 0; opacity: .5;}.file-preview{height: 314px; background-color: rgba(248,197,167,.2);}.file-drop-zone{display: flex; align-items: center; justify-content: center; background-color: rgb(203,102,139,.2); min-height: 272px;}.krajee-default .file-footer-caption{margin-bottom: 0px; line-height: initial;}.help-block{color: #dc3545}.cover-file-view img{max-height: 260px;}.upload-video-queue-create a{/* animation: scale alternate infinite .8s ease; */}@keyframes scale{0%{transform: scale(1);} 100%{transform: scale(1.05);}}@media (min-width: 992px){#uploadvideoqueue-video_level label{display: block; padding: 0px 5px;} .upload-video-queue-update #uploadvideoqueue-video_level label{display: inline;}}@media screen and (max-width: 500px){.upload-video-queue-create{padding: .75rem;} .upload-video-queue-create h1{font-size: 1.75rem;}}/* 個人頁面 */.img-upload-box{position: relative; overflow: hidden; height: 0; padding-bottom: 15.5%; border: 1px solid rgba(240,240,240,.5);}.upload_banner_btn{cursor: pointer; bottom: 10px; right: 10px; max-width: 160px; max-height: 48px; line-height: 48px; /* background: #e84989; */ z-index: 20;}.banner-btn{z-index: 2;}.stickers-btn{border: 2px solid #fff;}.btn-3d.btn-creator-apply{width: 200px;}.btn-creator-apply{color: #fff; animation: flashing .8s alternate infinite;}.btn-3d{width: 100px; height: 80px; background-color: #f8c5a7; border: 4px solid #fcf7e3; box-shadow: 0 0 5px #999 !important; color: #fff; fill: #fff;}.btn-3d:hover{border: 4px solid #fcf7e3; box-shadow: 0 0 5px #999, inset 1px 1px 10px #999 !important; color: #c6668d; fill: #c6668d;}@keyframes flashing{0%{background-color: #f8c5a7;} 100%{background-color: #cb668b99;}}.img-upload-box label{cursor: pointer;}.img-upload-box input{position: absolute; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1;}#loadingWrap{position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 300; background-repeat: no-repeat; background-position: center center; filter: alpha(opacity=50); background-size: 50%; background-color: rgba(255,255,255,.9);}#topRecImg{top: 0; left: 0; bottom:0; background-size: 100% auto; background-repeat: no-repeat; background-position: top;}#profile-pic{position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%;}.bannerbg{background: #666; z-index: 1;}.setbanner{color: #fff; font-size: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%);}.profile-community{width: 200px;}.profile-section{padding: 0 5px; margin-top: 90px;}.profile-section .btn{min-height: 65px; font-size: 1.25rem !important;}.profile-section .btn-success{height: 40px; min-height: auto; font-size: 1.25rem !important;}.imaged-box{height: 0; padding-bottom: 100%;}.creator-list .card-img-box{padding-bottom: 100%;}.creator-list .card-img-box img{height: 100%;}.actions .crop .box{margin: 14px 0px; border: solid 1px #ddd;}.actions .crop .box.tailoring-box{width: 100%; height: 300px;}.actions .crop .box.preview{width: 400px; height: 124px;}.actions .crop .box #previewImg{width: 100%; height: 200px; margin: auto; overflow: hidden;}.result{display: none;}.profilesform-separate{color: #aaaaaa;}.profilesform-main{width: fit-content; background-color: #ededf5; z-index: 1;}.profilesform-line{top: calc(50% - 1px); left: 0; height: 2px; background-color: #aaaaaa;}[class*="material-box"]{height: 120px; color: #fff; font-size: 2.5rem !important;}[class*="material-box"] div{top: 5%; right: -7.5%; max-width: 135px;}.material-box-total-earning{background-color: rgba(198,102,141,.5);}.material-box-new-follow{background-color: rgba(248,197,167,.5);}.material-box-new-order{background-color: rgba(33,170,154,.5);}.material-box-wallets{background-color: rgba(255,180,0,.5);}.material-box-wallets .text-muted{color: #fff !important;}.material-box-total-earning:hover, .material-box-total-earning:active, .material-box-total-earning:focus{color: rgba(198,102,141,1) !important;}.material-box-new-follow:hover, .material-box-new-follow:active, .material-box-new-follow:focus{color: rgba(248,197,167,1) !important;}.material-box-new-order:hover, .material-box-new-order:active, .material-box-new-order:focus{color: rgba(33,170,154,1) !important;}.material-box-wallets:hover, .material-box-wallets:active, .material-box-wallets:focus{color: rgba(255,180,0,1) !important;}.material-box-wallets:hover .text-muted, .material-box-wallets:active .text-muted, .material-box-wallets:focus .text-muted{color: rgba(255,180,0,1) !important;}.material-box-total-earning path,.material-box-new-follow,.material-box-new-order,.material-box-wallets path{fill: rgba(255,255,255,.5);}.material-box-total-earning:hover path{fill: rgba(198,102,141,1);}.material-box-new-follow:hover{fill: rgba(248,197,167,1);}.material-box-new-order:hover{fill: rgba(33,170,154,1);}.material-box-wallets:hover path{fill: rgba(255,180,0,1);}.material-box-total-earning g{fill: rgb(255,255,255,.25);}.carousel-material [class*="icon"]{top: calc(50% - 24px); fill: rgba(0,0,0,.5); z-index: 1;}.prev-icon{left: -16px;}.next-icon{right: -16px;}@media screen and (max-width: 1024px){#topRecImg{background-size: cover;}}@media screen and (max-width: 767px){.img-upload-box{padding-bottom: 32.5%;} .imaged.w180{width: 120px !important; min-width: 120px; margin: 0 auto;} .profile-community{width: 100%;} .upload_banner_btn{max-width: 120px; max-height: 38px; line-height: 38px;} #topRecImg{background-size: 100% auto; background-attachment: fixed; background-repeat: no-repeat; background-position-y: 52px; background-position: none;} .avatar-section{bottom: -240px; left: 0;} .profile-section{padding: 0 5px; margin-top: 240px;}}@media screen and (max-width: 500px){#topRecImg{background-size: 165% auto;} .user-edit-input{width: 136px !important;} .btn-3d{width: 350px;} .btn-3d.me-1{margin-right: 0 !important;}}/* video */.section.upload-video{max-width: 75rem; margin: auto; padding-top: 1rem !important;}.admin-box{background: rgb(203 102 139 / 25%);}.style-direct .col,.style-horizontal .col,.style-column .col{padding: 0;}.video-row>div>p{font-size: .875rem;}.card-img-box span{font-size: .875rem;}.post-stats span{font-size: 1rem;}.vjs-icon-placeholder,.vjs-control-text{pointer-events: none;}/* .video-watch{transform:translateY(0);opacity: 1;transition: transform .8s ease, opacity .2s ease;} */.video-stats{transform:translateY(0);opacity: 1;transition: transform .8s ease, opacity .2s ease;}/* .card-img-box:hover .video-watch{transform:translateY(-100%);opacity: 0;} */.card-img-box:hover .video-stats{transform:translateY(100%);opacity: 0;}.card-img-box img{width: 100%;}.ellipsis{height: 40px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-all; line-height: 20px;}.ellipsis-1{height: auto; -webkit-line-clamp: 1;}.line-clamp-1{height: unset; -webkit-line-clamp: 1;}.line-clamp-2{-webkit-line-clamp: 2;}.post-summary{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-word; overflow: hidden; transition: height .4s ease; font-size: 1rem;}.page_module nav{display: flex; justify-content: center;}@media screen and (min-width: 576px){.style-direct .col, .style-horizontal .col, .style-column .col{padding: .25rem;}}/* direct */.style-direct .card-img-box{height: 0; padding-bottom: 176%;}.style-direct .card-img-box .bi-badge-hd-fill{color: #ff0;}.style-direct .post-summary{display: none;}/* horizontal */.style-horizontal .card-img-box{height: 0; padding-bottom: 56.25%;}.style-horizontal .card-img-box img{height: auto;}.style-horizontal .post-summary{display: block;}/* column */.style-column .col{flex: 0 0 auto; width: 100%;}.style-column .card>div{display: flex !important;}.style-column .card>div{padding: 8px;}.style-column .card-img-box{width: 200px; height: 132.8px;}.style-column .card-img-box.small{width: 150px; height: 99.6px;}.style-column .card-body{width: calc(100% - 200px); padding-left: 8px;}.style-column .card-img-box img{min-height: unset;}.videolist-description{height: 80px; -webkit-line-clamp: 4;}@media screen and (max-width: 575px){.upload-video .padding{padding: 0 1rem;}}/* 頁面的調整 */.last-page a{border-radius: 0 !important;}.next-page a{border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius);}/* 播放頁面 */.lock-bg{-webkit-filter:blur(10px);}.view-img-box{height: 0; padding-bottom: 56.25%;;}.video-view-title{line-height: 24px;}.btn-tag{height: 30px;}.summary-word-box{transition: height .4s ease; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-break: break-word; overflow: hidden; transition: height .4s ease;}.summary-word-box.show{height: 100%; -webkit-line-clamp: unset;}.recommend-movie{background-color: transparent; box-shadow: none;}.unlogged-favorite-btn,.favorite-btn{top: 8px; right: 8px; width: 36px; height: 36px; margin-top: 41px; padding: 0; z-index: 15;}.buy-btn{top: calc(50% - 30px); left: calc(50% - 110px); height: 60px; width: 220px; background: #cb668bcc !important; border-color: #cb668bcc !important; border-radius: 50px;}video::-webkit-media-controls-play-button{display: none;}.input-comment{margin-top: 26px;}.lable-comment{position: absolute; line-height: 30px; transition: transform .4s ease,font-size .4s ease; pointer-events: none;}.input-comment:focus-visible{outline: none;}.input-comment:focus-visible + .lable-comment{font-size: 12px; transform: translateY(-75%);}.msg-more-btn{background: linear-gradient(0deg, #fff 0%, transparent 100%);}#favorite-modal .btn{width: 48px; height: 48px;}.circle{stroke-dasharray: 238.8; stroke-dashoffset: 238.8;}.tick{stroke-dasharray: 70; stroke-dashoffset: 70;}@keyframes circle{from{stroke-dashoffset: 238.8;}to{stroke-dashoffset: 477.6;}}@keyframes tick{from{stroke-dashoffset: 70;}to{stroke-dashoffset: 0;}}.circle{animation: circle .5s .5s ease-in-out forwards;}.tick{animation: tick .5s ease-in-out forwards;}@media screen and (max-width: 767px){.recommend-bar{position: relative !important; padding: 0;} .recommend-bar h2{background: #fedde4 !important; color: #c6668d;}}/* 創作者推薦列表 */.creators-list{user-select: none; -webkit-user-select: none; -webkit-user-drag: none;}/* 創作者影片列表 */.creator-view .banner{height: 0; padding-bottom: 15.5%;}.creator-view .imaged{bottom: 5px; right: 5px; border: 5px solid #FFF; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1); z-index: 1;}.creator-view .title{color: #bdbed5; white-space:nowrap; /* margin-top: 90px; */}.creator-view .title::before,.creator-view .title::after{content: ''; display: block; width: 100%; height: 1px; background: #bdbed5;}.creators-list-box.style-horizontal .card-img-box{padding-bottom: 100%;}.creators-list-box.style-horizontal .card-img-box img{height: 100%;}.creators-list-box.style-horizontal .col-1{min-width: 138px;}@media screen and (max-width: 767px){.creator-view .banner{padding-bottom: 32.5%;} .creator-view .avatar-section{bottom: -131px; left: 0;} .creators-list-box.style-horizontal .col-1{min-width: 84px;}}/* 創作者個人頁 */.avatar-msg{bottom: 8px; left: 195px; background-color: rgba(203,102,139,.1); font-size: 18px; z-index: 1;}.avatar-box .follow-btn{width: 90px; height: 90px;}.creator-introduction{margin-top: -90px; min-width: 196px; z-index: 1;}.creator-introduction-msg{background-color: rgba(255,255,255,1);}.creator-introduction-border{position: absolute; width: 20%; height: 20%; background: #f4b3b0; z-index: -1;}.border-lt{top: -4px;left: -4px;border-radius: 10px 0 0 0;}.border-rt{top: -4px;right: -4px;border-radius: 0 10px 0 0;}.border-rb{bottom: -4px;right: -4px;border-radius: 0 0 10px 0;}.border-lb{bottom: -4px;left: -4px;border-radius: 0 0 0 10px;}.creator-upload-video{max-width: calc(100% - 196px);}.creator-upload-video .avatar-msg{width: calc(100% - 120px); height: 50px;}.creator-upload-video .follow-btn{width: 112px; height: 50px;}@media screen and (max-width: 767px){.avatar-box{width: calc(100% - 16px); margin: auto;} .creator-introduction{margin-top: -30px;}}@media screen and (max-width: 576px){.creator-upload-video{max-width: none;} .creator-upload-video .avatar-msg{width: 100%;} .creator-upload-video .follow-btn{width: 100%;}}.prev .page-link{margin-right: 8px;}.next .page-link{margin-left: 8px;}.page-item:nth-child(1) .page-link{border-radius: 5px;}.page-item:nth-child(3) .page-link,.next .page-link,.first .page-link{border-radius: 5px 0 0 5px;}.page-item:nth-last-child(3) .page-link,.prev .page-link,.last .page-link{border-radius: 0 5px 5px 0;}.page-link.active, .active > .page-link{background-color: #c6668d; border-color: #c6668d; color: #fff !important;}.page-link{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #c6668d; font-weight: bolder;}.card-img-box .vjs-poster{filter: blur(0px);}.vjs-poster{filter: blur(0px);}.unlock-btn{top: 50%; left: 50%; transform: translate(-50%,-50%);}.skip-btn{width: 120px !important; height: 40px !important; bottom: 15%; right: 0;}.creator-box{transition: left 1s ease;}.carousel-control-prev-icon{background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTExLjM1NCAxLjY0NmEuNS41IDAgMCAxIDAgLjcwOEw1LjcwNyA4bDUuNjQ3IDUuNjQ2YS41LjUgMCAwIDEtLjcwOC43MDhsLTYtNmEuNS41IDAgMCAxIDAtLjcwOGw2LTZhLjUuNSAwIDAgMSAuNzA4IDB6Jy8+PC9zdmc+)no-repeat center, linear-gradient(-90deg, rgba(0,0,0,.5)0%, rgba(0,0,0,1)100%);}.carousel-control-next-icon{background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTQuNjQ2IDEuNjQ2YS41LjUgMCAwIDEgLjcwOCAwbDYgNmEuNS41IDAgMCAxIDAgLjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOC0uNzA4TDEwLjI5MyA4IDQuNjQ2IDIuMzU0YS41LjUgMCAwIDEgMC0uNzA4eicvPjwvc3ZnPg==)no-repeat center, linear-gradient(90deg, rgba(0,0,0,.5)0%, rgba(0,0,0,1)100%);}.ph-view-point{top: calc(50% - 0.5px); left: calc(50% - 0.5px); width: 1px; height: 1px; background: #000;}.favorite-video-buy-btn{min-width: 50px;}/* request pass word reset token */.topbox{mix-blend-mode: multiply;}.site-request-password-reset .rest_outside,.site-reset-password .rest_outside{background-color: rgba(240,240,240,.9);}/* swiper */.splide.is-active .splide__list{display: flex; padding-left: 0;}.splide__slide{list-style-type: none!important;}.carousel-btn .nav-link{width: calc(100% - 8px); display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; flex-shrink: unset;}#splide01-slide01::before{content: none;}.facitors-video .nav-link:not(.active)::before{content: ''; position: absolute; bottom: 6px; left: 0; display: block; height: calc(100% - 12px); width: 1px; background-color: #ccc;}.facitors-video .nav-link.active+::before{content: none;}/* profile favorite */.tab-content.search-main,.facitors-video .tab-content{width: calc(100% + 32px); background: linear-gradient(180deg, rgba(203,102,139,.25) 0%,rgba(203,102,139,0) 100%); margin-left: -16px; padding: 16px;}.search-pg .nav-link,.facitors-video .nav-link{background-color: rgba(203,102,139,.75); color: #fff;}.search-pg .nav-link:hover,.facitors-video .nav-link:hover{background-color: rgba(203,102,139,.5); color: #fff;}.search-pg .nav-link.active,.facitors-video .nav-link.active{background-color: rgba(203,102,139,.25); color: #000;}.facitors-video .delete-btn{top: 4px; right: 4px; background-color: #fff !important; opacity: .25; z-index: 2;}.facitors-video .delete-btn:hover{background-color: #fff !important; opacity: 1;}/* Favorite Creators */.favorite-creators{margin: -16px -16px 0px -16px; background: linear-gradient(180deg, rgba(203,102,139,.25) 0%,rgba(203,102,139,0) 100%);}.kindHeader .nav-link{white-space: nowrap; width: auto !important; padding: 8px !important; font-size: 1rem;}.search-pg .nav-link,.facitors-video .nav-link{border-radius: .375rem .375rem 0 0; white-space: nowrap;}#buy-modal .btn{width: 100px; height: 36px;}@media (max-width: 575px){.tab-content.search-main, .facitors-video .tab-content{width: 100%; margin-left: 00;}}/* ph search page */.search-ing-box{height: 0; border: 1px solid #fff; padding-bottom: 56.25%;}.question-answer-pg .accordion-button:not(.collapsed){background-color: rgba(203,102,139,.25) !important;}.question-answer-pg .accordion-collapse.show{background-color: rgba(248, 197, 167,.25);}.input-group-btn{display: flex;}.btn-file{border-radius: 10px !important;}.fileinput-remove-button,.fileinput-cancel-button{order: 1; border-radius: 10px !important;}.about-pg,.trems-pg{color: #5c5c5c;}.search-main .more-btn{max-width: 50%; width: fit-content;}/* recruit */.recuit-container{width: 66.67%; z-index: 0;}.icon-titleline{height: 100%; width: 8px; background-color: #cf6d85; border-radius: 10px;}.icon-titleline.small{height: 42px; width: 8px; background-color: #cf6d85; border-radius: 10px;}.table-diamond-word-box{width: 45%;}.table-diamond-word-img{width: 50%;}.pic-01{top: 16%; width: 30%;}.pic-02{top: 20%; width: 40%;}.creator-about-info{background-color: #ededf5;}.creator-about-border{border: 4px #c6668d dotted; padding: 2px !important;}.creator-about-bg{background-color: #fff1f6;}.pic-03{top: 56%; width: 100%}.pic-04{bottom: 0; width: 65%;}.space-1{height: 20vw;}.space-2{height: 60vw;}.icon-textpoint{width: 32px;}.icon-textpoint~div{width: calc(100% - 32px); line-height: 32px;}.model-pic{width: 20%; border-radius: 20px;}.rectangle{width: 10%; background-color: rgba(203, 102, 139,.25);}.rectangle-l{border-radius: 0 20px 20px 0;}.rectangle-r{border-radius: 20px 0 0 20px;}.icon-num{width: 25px; height: 25px;}.btn-outline-primary-bg{background: #ededf5;}/* cn */.hk .pic-01,.cn .pic-01{top: 15%;}.hk .pic-02,.cn .pic-02{top: 20%;}.hk .pic-03,.cn .pic-03{}/* th */.th .pic-01{}.th .pic-02{}.th .pic-03{}@media screen and (max-width: 767px){.recuit-pg{margin: 0px;} .recuit-container{width: 90%;} .recuit-container .h1{font-size: calc(1.25rem + 1.5vw);} .recuit-container .h3{font-size: calc(1rem + 0.6vw);} .recuit-container .h4{font-size: calc(.875rem + 0.6vw); line-height: inherit;} .recuit-container .h5{font-size: .875rem;} .recuit-container .h6{font-size: .75rem;} .recuit-pg .btn{height: auto !important;} .title-01{width: 75% !important;} .pic-01{top: 14%;} .pic-02{top: 19%;} .creator-about-info{background-color: #ededf5;} .creator-about-border{border: 4px #c6668d dotted; padding: 2px !important;} .creator-about-bg{background-color: #fff1f6;} .pic-03{top: 55.75%;} .space-1{height: 25vw;} .space-2{height: 80vw;} .icon-textpoint{width: 24px;} .icon-textpoint~div{width: calc(100% - 24px); line-height: 24px;} .model-pic{width: 30%; border-radius: 20px;} .rectangle{display: none;} .table-diamond-word-box{width: 100%;} .table-diamond-word-img{width: 100%;} .table-diamond-word-box .icon-textpoint{width: 16px;} .table-diamond-word-box .icon-textpoint~div{width: calc(100% - 32px); line-height: 16px;} .icon-num{width: 25px; height: 25px;} /* cn & hk */ .cn .pic-01,.hk .pic-01{top: 14%;} .cn .pic-02,.hk .pic-02{top: 18.75%;} .cn .pic-03,.hk .pic-03{top: 57.5%;} /* th */ .th .pic-01{top: 14.25%;} .th .pic-02{top: 18.5%;} .th .pic-03{top: 56.5%;}}/* 待審＆影片管理-表單 */.video-information{width: calc(100% - 150px);}.badge{min-width: 55px;}.badge.general{background-color: #21aa9a;}.badge.sexy{background-color: #f8c5a7;}.badge.porn{background-color: #cb668b;}.status-icon{width: 8px; height: 8px; background-color: #fff; margin-right: 4px;}.ph-amout{padding: 4px; font-size: 24px; background: rgba(248,197,167,.25);}@media screen and (max-width: 575px){.style-column #edit-link, .style-column #del-link, .style-column #view-link{width: 100%;}}.counter{font-size: 60px; margin-top: 10px;}@media screen and (min-width: 768px) and (pointer: fine){/* 電腦裝置樣式 */ /* .hover.video-play-content:hover{transition: transform .4s ease; transform: scale(1.025); box-shadow: 0 0 10px #000 !important; z-index: 2;} */}.title-icon-big::before{content: ''; display: inline-block; width: 16px; height: 16px; background-color: #c7678d; margin-right: 8px; border-radius: 4px; transform: rotateZ(45deg);}.title-icon-small::before{content: ''; display: inline-block; width: 8px; height: 8px; background-color: #c7678d; margin-right: 8px; border-radius: 2px; transform: rotateZ(45deg);}.date-search > div > div:nth-child(1){width: calc((100% - 80px) / 2);}.date-search > div > div:nth-child(2){width: calc((100% - 80px) / 2);}.date-search > div > div:nth-child(3){width: 80px;}.income-card > div{background: rgba(203, 102, 139, 0.05);height: 90px;}.income-num{font-size: 40px;line-height: 40px;}@media screen and (max-width: 576px){.border-ph-none{border: none !important;}}.web-msg .card-body{height: 0; padding: 0; padding-bottom: 56.25% !important; line-height: calc(2rem + 1.5vw);}.web-msg .card-body .msg-bg{opacity: .375;}.web-msg .card-body .msg-pic{width: 25%; bottom: 0%; right: 0%; transform: translate(50%,50%);}.pink-circle{top: 7%; left: 25%; width: 50%; padding-bottom: 50%; background: #fff3f7; border-radius: 50%;}.adult-warn{line-height: 28px;}/* Latest Page */.promotion-card-left{max-width: 560px; z-index: 1;}.promotion-card-left:before{content: ''; position: absolute; width: calc(100% + 20px); height: 0; padding-bottom: 40%; clip-path: polygon(1% 2.5%, 97.5% 0%, 100% 97.5%, 0% 100%);}.promotion-card-left:before{top: calc(-5% - 10px); left: -20px; background: #cb668b;}.promotion-card-img{top: -5%; left: -10px; width: calc(100% + 20px); height: 0; padding-bottom: 40%;}.promotion-card-main{background: #fff; clip-path: polygon(0% 0%, 97.5% 0%, 100% 100%, 0% 100%);}.card-shadow{position: absolute; right: -10px; top: -10px; width: 50%; height: calc(100% + 30px); clip-path: polygon(60% 2%, 98.5% 0%, 100% 97.5%, 0% 90%); background: #f8c5a7; z-index: -1;}.promotion-title{height: 48px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.promotion-kind{width: fit-content; height: 36px; padding: 0 1rem; color: #fff; text-shadow: 0px 0px 3px #000;}.promotion-kind.member{background: #f8c5a7;}.promotion-kind.creator{background: #cb668b;}.promotion-kind.announcement{background: #9b9b9b;}.promotion-veiw-btn{width: 50%; height: 50px; background: #cb668b; clip-path: polygon(5% 20%, 100% 0%, 95% 100%, 0% 80%); color: #fff; text-shadow: 2px 2px #000;}.promotion-veiw-btn:hover{color: #f8c5a7 !important;}@media screen and (max-width:991px){.promotion-card-img{position: relative !important; top: 0; left: 0; width: 100%;} .promotion-card-left:before{top: - 10px; left: -10px; width: 100%;} .promotion-card-main{margin-top: -2.5%;} .card-shadow{top: 50%; height: calc(50% + 30px);}}.promotion-main .img-box:before,.promotion-main .img-box:after{content: ''; position: absolute; z-index: -1;}.promotion-main .img-box:before{top: -3%; left: -2%; width: calc(50% + 15px); height: calc(75% + 15px); clip-path: polygon(2.5% 1.5%, 75% 0%, 100% 100%, 1% 50%); background: #cb668b;}.promotion-main .img-box:after{right: -2%; top: -15px; width: 50%; height: calc(100% + 30px); clip-path: polygon(60% 2%, 98.5% 0%, 100% 100%, 0% 95%); background: #f8c5a7;}.box-title{top: -24px; left: -10px; width: 230px; height: 36px; background: #cb668b; clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);}.card-text.remark{background: #f8c5a780;}.promotion-back{width: 240px; height: 56px; background: #cb668b; color: #fff; clip-path: polygon(5% 20%, 100% 0%, 90% 100%, 0% 80%);}.card-main{display: block; height: 90px;}.withdrawal-btn div{animation: click-now infinite .8s ease alternate;}@keyframes click-now{0%{transform: scale(1);} 100%{transform: scale(1.05); background: #f8c5a780;}}.withdrawal-table thead{background: #cb668b;}.withdrawal-table thead th{color: #fff;}.withdrawal-table table{font-size: 16px;}.withdrawal-table th,.withdrawal-table td{line-height: 25px; white-space: nowrap;}.chevron-left,.chevron-right{top: 50%; transform: translateY(-50%);}.chevron-left{left: 0;}.chevron-right{right: 0;}.detail-view th,.detail-view td{color: #000;}#img_idb::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .25); border-radius: 10px; z-index: 2;}#img_idb.show::after{content: '';}#img_ids .field-uploadmemberinfo-img_ids,#img_idb .field-uploadmemberinfo-img_idb{margin: 0;}.blur{filter: blur(10px);}[name="preview-btn"],[name="stop-btn"]{bottom: 95px; right: 4px; z-index: 10;}.carousel-material [name="preview-btn"],.carousel-material [name="stop-btn"]{bottom: 8px; right: 50%; transform: translateX(50%);}.splide__arrow{-ms-flex-align: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 2em; -ms-flex-pack: center; justify-content: center; opacity: .7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1}.splide__arrow svg{fill: #000; height: 1.2em; width: 1.2em}.splide__arrow:hover{opacity: .9}.splide__arrow:focus{outline: none}.splide__arrow--prev{left: -16px;}.splide__arrow--prev svg{transform: scaleX(-1)}.splide__arrow--next{right: -16px;}.splide__pagination{bottom: .5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1}.splide__pagination{-ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0; pointer-events: none}.splide__pagination li{display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto}.splide__pagination{bottom: -1.5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1}.splide__pagination__page{background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 8px; margin: 3px; opacity: .7; padding: 0; transition: transform .2s linear; width: 8px}.splide__pagination__page.is-active{background: #fff; transform: scale(1.4)}.splide__pagination__page:hover{cursor: pointer; opacity: .9}.splide__pagination__page:focus{outline: none}@media screen and (max-width: 576px){.splide__arrow--prev{left: 0;} .splide__arrow--next{right: 0;}}