html{width:100%;height:100%}body{width:100%;height:100%;background:#303030;overflow:hidden;font-size:calc( 60 / var(--root-font-size) * 1rem);line-height:1.35;overscroll-behavior:none}*{user-select:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pointer{cursor:pointer}body::-webkit-scrollbar{width:0}#window{overflow:hidden;position:relative;width:100%;height:100%;box-sizing:border-box}.main{width:3840px;height:2160px;position:absolute;top:50%;left:50%;transform-origin:top left;background-color:#f2e6be;margin:0 auto}#page-current{position:absolute;left:0;display:block;width:190px;text-align:right}#page-total{position:absolute;right:0;display:block;width:190px;text-align:left}#page-current,#page-total{line-height:160px}#content-main img{width:100%;height:100%;display:none;object-fit:contain}#streaming-poster{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}#content-main video{width:100%;height:100%}#content-video{background-color:#000}#content-video-track-box{position:absolute;bottom:0;width:100%;text-align:center}#content-video-track{display:inline-block;background-color:rgba(0,0,0,.5);color:#fff;text-align:left;word-break:break-all;line-height:156px;opacity:0}.time-items{flex:1}#content-video-track>p{margin-top:25px;margin-right:30px;margin-left:30px;margin-bottom:10px}.time-playing{left:180px}.time-played{left:1895px}#time-played-minites,#time-playing-minites{text-align:right}.time-played,.time-playing{display:flex;column-gap:20px;position:absolute;width:260px;height:160px;line-height:160px;font-size:calc( 65 / var(--root-font-size) * 1rem);color:#3c3938;background-image:url(../images/common/separator.png)}.btn-side-item{width:400px;height:160px}.panel-bottom{position:absolute;left:0;width:3840px;height:180px;bottom:0}.panel-bottom-center{width:2730px;height:100%;box-sizing:border-box;padding:0 10px;display:flex;align-items:center}#slideNumArea{position:absolute;top:0;right:0}#slideNumArea>img{width:100%}#slideNumArea>#counter{position:absolute;top:0;right:0;width:420px;height:160px;font-size:calc( 75 / var(--root-font-size) * 1rem);text-align:center;transform-origin:100% 100%}video::cue{background-color:transparent;color:#fff;font-size:calc( 20 / var(--root-font-size) * 1rem);line-height:100px}.progress-back{position:absolute;top:56px;left:460px;width:1420px;height:48px;border-radius:9999px;background:#b6b6b6;border:4px solid;border-color:#706f6f;box-sizing:border-box}.progress-wrap{position:absolute;top:36px;left:470px;width:1400px;height:88px;cursor:pointer}.progress{position:absolute;top:30px;left:0;width:1400px;height:28px;transition:bottom .1s;border-radius:9999px;background:#706f6f}.progress .timeBar{height:100%;position:absolute;top:0;display:block;z-index:2;width:0;background:#f84f58;border-radius:9999px}.progress .timeBar::after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;border:4px solid;border-color:#706f6f;box-sizing:border-box;background-color:#d7d7d7;right:-37.5px;top:50%;margin-top:-46.5px}.play-btn{position:absolute;left:-20px;width:160px;height:160px;cursor:pointer}.stop{background:url("../../extra/images/common/btn_play.png") no-repeat;background-size:contain}.play{background:url("../../extra/images/common/btn_pause.png") no-repeat;background-size:contain}#btn-loop,#btn-subtitle,#media-control,#multiple-control{display:none;position:absolute}#multiple-control{width:50%;height:100%;margin:0 25%}.multiple-control{height:160px;text-align:center}#media-control{width:1704px;left:750px}#main{display:block;z-index:10}.btn-back{display:inline-block;width:480px;height:108px;background-image:url(../images/common/btn_back.png);background-size:contain;background-repeat:no-repeat;margin-left:0}.btn-back-position{position:absolute;top:24px;left:56px;z-index:1002}#question-toggle{position:relative;left:1720px}#question-toggle-text{position:absolute;display:inline-block;width:400px;height:160px;background-image:url(../images/common/btn_a.png);background-size:contain;background-repeat:no-repeat}.multiple-btn-1{background-image:url('../images/common/btn_photo_multi_1.png')}.multiple-btn-2{background-image:url('../images/common/btn_photo_multi_2.png')}.multiple-btn-3{background-image:url('../images/common/btn_photo_multi_3.png')}.multiple-btn-4{background-image:url('../images/common/btn_photo_multi_4.png')}.multiple-btn-5{background-image:url('../images/common/btn_photo_multi_5.png')}.multiple-btn-1.active::after,.multiple-btn-2.active::after,.multiple-btn-3.active::after,.multiple-btn-4.active::after,.multiple-btn-5.active::after{content:"";position:absolute;right:-34px;top:-44px;font-size:calc( 124 / var(--root-font-size) * 1rem);width:100px;height:88px;background-repeat:no-repeat;background-image:url(../images/common/checkmark.png)}#btn-full.active::after,#question-toggle-text.active::after,.btn-all-play.active::after,.btn-auto.active::after,.btn-loop.active::after,.btn-subtitle.active::after{content:"";position:absolute;left:20px;top:30px;width:100px;height:88px;background-repeat:no-repeat;background-image:url(../images/common/checkmark.png)}.btn-all-play-left.active::after,.btn-auto-left.active::after,.btn-loop-left.active::after,.btn-subtitle-left.active::after{content:"";position:absolute;right:20px;top:30px;width:100px;height:88px;background-repeat:no-repeat;background-image:url(../images/common/checkmark.png)}.multiple-btn{position:relative;width:160px;height:160px;margin:0 20px;background-size:contain;background-repeat:no-repeat}.btn-all-play,.btn-auto,.btn-home,.btn-last,.btn-loop,.btn-next,.btn-prev,.btn-subtitle,.toggle-btn{filter:drop-shadow(-5px 0 10px #b6b6b6);transform:translateZ(0)}.btn-all-play-left,.btn-auto-left,.btn-home-left,.btn-last-left,.btn-loop-left,.btn-next-left,.btn-prev-left,.btn-subtitle-left,.toggle-btn-left{filter:drop-shadow(5px 0 10px #b6b6b6);transform:translateZ(0)}.toggle-btn{position:absolute;top:0;right:0;width:400px;height:160px;background-image:url(../images/common/btn_display_switching.png)}.toggle-btn-left{position:absolute;top:0;left:0;width:400px;height:160px;background-image:url(../images/common/btn_display_switching_left.png)}.content-main-translate{transform:translate(80px,0)}.panel-right-translate{transform:translate(-3440px,0)}.slide-main-translate{transform:translate(396px,0)}.btn{padding:5px 20px;font-size:calc( 14 / var(--root-font-size) * 1rem);border:1px solid #ddd;background-color:#fff;cursor:pointer;border-radius:12px}.btn-shadow{filter:drop-shadow(0 0 10px #b6b6b6);transform:translateZ(0)}.btn-shadow-left{filter:drop-shadow(-5px 0 10px #b6b6b6);transform:translateZ(0)}button{margin:0;background:0 0}