/* css document */
/*video_part_begin*/
div#tmain div.textbox div.video div,div#tmain div.textbox div.videom div,div#tmain div.textbox div.audio div,div#tmain div.textbox div.video,div#tmain div.textbox div.videom,div#tmain div.textbox div.audio {padding:0;color:#fff;}
div#tmain div.textbox video[class=""] {display:none;}
div#tmain div.textbox div.video {display:table;margin:0 auto 10px;font-size:16px;}
div#tmain div.textbox div.video video.screen {display:block;max-width:100%;width:100%;height:auto;margin:0 auto;cursor:pointer;}
div#tmain div.textbox div.video video.screen::after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:#fff;}
div#tmain div.textbox div.video.playing video.screen::after {display:none;}
div#tmain div.textbox div.video>div {position:relative;padding:5px 5px 0;background:#000;}
div#tmain div.textbox div.video>div::after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:calc(100% - 46px);cursor:pointer;background:rgba(0,0,0,0.2)  center center no-repeat;z-index:2147483619;}
div#tmain div.textbox div.video:hover>div::after {background-color:transparent;}
div#tmain div.textbox div.video.playing>div::after {display:none;}
div#tmain div.textbox div.video>div>div.ctrlpanel {width:100%;height:auto;color:#fff;background:#000;}
div#tmain div.textbox div.video>div>div.ctrlpanel>div {position:relative;display:inline-block;vertical-align:middle;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.playctrl {width:40px;height:40px;cursor:pointer;background:  center 125% no-repeat;background-size:60% auto;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.playctrl.playing {background-position:center -25%;}
/*margin-left_begin*/
/*margin-left_end*/
div#tmain div.textbox div.video>div>div.ctrlpanel div.volumezone {position:relative;width:95px;height:40px;margin:0 0 0 25px;cursor:pointer;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.volumezone::after {position:absolute;left:0;top:50%;content:"";display:block;width:100%;height:6px;margin:-3px 0 0;border-radius:3px;background:#fff;z-index:2147483619;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.volumezone div.ctrlbar {position:absolute;top:50%;width:0px;height:6px;margin:-3px auto 0;border-radius:3px;cursor:pointer;background:#0d4a80;z-index:2147483620;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.volumezone div.ctrlbar:after {position:absolute;right:-6px;bottom:-3px;content:"";width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#fff;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.volumezone div.mutebtn {position:absolute;left: -20px;width: 20px;height: 100%;background: left center no-repeat;background-size:20px auto;background-position:left -35%;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.volumezone div.mutebtn.muted {background-position:left 134%;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.progressbar {position:relative;display:block;width:100%;height:6px;border-radius:3px;font-size:1rem;text-align:left;cursor:pointer;background:#fff;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.progressbar div.pgctrlbar {position:relative;width:0px;height:100%;cursor:pointer;background:#0d4a80;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.progressbar div.pgctrlbar:after {position:absolute;right:-6px;bottom:-3px;content:"";width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#fff;z-index:2147483620;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity {width:3em;height:1.5em;line-height:1.5em;font-size:1rem;text-align:center;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity>ul {display:none;font-size:1rem;background:#000;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity:hover>ul {position:relative;display:block;z-index:2147483620;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity>ul>li,div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity>div {cursor:pointer;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity>ul>li {margin:-3em auto 0;background:#000;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.durationzone {width:135px;height:100%;line-height:100%;text-align:center;color:#fff;}
/*mobile_begin*/
div#tmain div.textbox div.videom {display:table;margin:0 auto 10px;font-size:16px;}
div#tmain div.textbox div.videom video.screen {display:block;max-width:100%;width:100%;height:auto;margin:0 auto;cursor:pointer;}
div#tmain div.textbox div.videom video.screen::after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:#fff;}
div#tmain div.textbox div.videom.playing video.screen::after {display:none;}
div#tmain div.textbox div.videom>div {position:relative;padding:5px 5px 0;background:#000;}
div#tmain div.textbox div.videom>div::after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:calc(100% - 46px);cursor:pointer;background:rgba(0,0,0,0.2)  center center no-repeat;z-index:2147483619;}
div#tmain div.textbox div.videom:hover>div::after {background-color:transparent;}
div#tmain div.textbox div.videom.playing>div::after {display:none;}
div#tmain div.textbox div.videom>div>div.ctrlpanel {width:100%;height:auto;color:#fff;background:#000;}
div#tmain div.textbox div.videom>div>div.ctrlpanel>div {position:relative;display:inline-block;vertical-align:middle;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.playctrl {width:40px;height:40px;cursor:pointer;background:  center 125% no-repeat;background-size:60% auto;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.playctrl.playing {background-position:center -25%;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.volumezone {position:relative;width:95px;height:40px;margin:0 0 0 25px;cursor:pointer;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.volumezone::after {position:absolute;left:0;top:50%;content:"";display:block;width:100%;height:6px;margin:-3px 0 0;border-radius:3px;background:#fff;z-index:2147483619;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.volumezone div.ctrlbar {position:absolute;top:50%;width:0px;height:6px;margin:-3px auto 0;border-radius:3px;cursor:pointer;background:#0d4a80;z-index:2147483620;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.volumezone div.ctrlbar:after {position:absolute;right:-6px;bottom:-3px;content:"";width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#fff;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.volumezone div.mutebtn {position:absolute;left: -20px;width: 20px;height: 100%;background: left center no-repeat;background-size:20px auto;background-position:left -35%;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.volumezone div.mutebtn.muted {background-position:left 134%;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.progressbar {position:relative;display:block;width:100%;height:6px;border-radius:3px;font-size:1rem;text-align:left;cursor:pointer;background:#fff;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.progressbar div.pgctrlbar {position:relative;width:0px;height:100%;cursor:pointer;background:#0d4a80;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.progressbar div.pgctrlbar:after {position:absolute;right:-6px;bottom:-3px;content:"";width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#fff;z-index:2147483620;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity {width:3em;height:1.5em;line-height:1.5em;font-size:1rem;text-align:center;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity>ul {display:none;font-size:1rem;background:#000;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity:hover>ul {position:relative;display:block;z-index:2147483620;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity>ul>li,div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity>div {cursor:pointer;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity>ul>li {margin:-3em auto 0;background:#000;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.durationzone {width:135px;height:100%;line-height:100%;text-align:center;color:#fff;}
/*mobile_end*/
/*video_part_end*/
/*audio_part_begin*/
div#tmain audio {display:block;width:100%}
div#tmain audio[class=""] {display:none;}
div#tmain div.textbox div.audio {display:block;max-width:310px;margin:0 auto 10px;font-size:16px;}
div#tmain div.textbox div.audio audio.screen {display:block;max-width:100%;width:100%;margin:0 auto;}
div#tmain div.textbox div.audio>div {position:relative;padding:3px 5px;background:#000;}
div#tmain div.textbox div.audio audio.screen {display:none;}
div#tmain div.textbox div.audio:hover>div::after {background-color:transparent;}
div#tmain div.textbox div.audio.playing>div::after {display:none;}
div#tmain div.textbox div.audio>div>div.ctrlpanel {width:100%;height:auto;color:#fff;background:#000;}
div#tmain div.textbox div.audio>div>div.ctrlpanel>div {position:relative;display:inline-block;vertical-align:middle;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.playctrl {width:40px;height:40px;cursor:pointer;background:  center 125% no-repeat;background-size:60% auto;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.playctrl.playing {background-position:center -25%;}
/*margin-left_begin*/
/*margin-left_end*/
div#tmain div.textbox div.audio>div>div.ctrlpanel div.volumezone {position:relative;width:80px;height:40px;margin:0 0 0 25px;cursor:pointer;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.volumezone::after {position:absolute;left:0;top:50%;content:"";display:block;width:100%;height:6px;margin:-3px 0 0;border-radius:3px;background:#fff;z-index:2147483619;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.volumezone div.ctrlbar {position:absolute;top:50%;width:0px;height:6px;margin:-3px auto 0;border-radius:3px;cursor:pointer;background:#0d4a80;z-index:2147483620;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.volumezone div.ctrlbar:after {position:absolute;right:-6px;bottom:-3px;content:"";display:block;width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#fff;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.volumezone div.mutebtn {position:absolute;left:-20px;width:20px;height:100%;background:#000  left center no-repeat;background-size:20px auto;background-position:left -35%;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.volumezone div.mutebtn.muted {background-position:left 134%;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.progressbar {position:relative;display:block;width:100%;height:6px;font-size:1rem;text-align:left;cursor:pointer;background:#ccc;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.progressbar div.pgctrlbar {position:relative;width:0px;height:100%;cursor:pointer;background:#0d4a80;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.progressbar div.pgctrlbar:after {position:absolute;right:-6px;bottom:-3px;content:"";width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#fff;z-index:2147483620;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity {width:3em;height:1.5em;line-height:1.5em;font-size:1rem;text-align:center;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity>ul {display:none;font-size:1rem;background:#000;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity:hover>ul {position:relative;display:block;z-index:2147483620;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity>ul>li,div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity>div {cursor:pointer;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity>ul>li {margin:-3em auto 0;background:#000;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.durationzone {width:135px;height:100%;line-height:100%;text-align:center;color:#fff;}
/*mobile_begin*/
/*mobile_end*/
/********************************     ���ߴ�����     ********************************/
@media screen and (max-width:1366px){
div#tmain div.textbox div.audio>div::after,div#tmain div.textbox div.audiom>div::after {display:none;}
div#tmain div.textbox div.audio audio.screen {display:block;}
div#tmain div.textbox div.audio>div.mobile {background:none;}
}
@media screen and (max-width:1366px){
div#tmain div.textbox div.audio>div>div.ctrlpanel {display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}
div#tmain div.textbox div.audio>div>div.ctrlpanel>div {order:2;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.progressbar {width:100%;order:1;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity,div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity>ul,div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity:hover>ul {display:flex;justify-content:space-around;width:auto;margin:0 0 0 auto;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity>ul>li {margin:0 1em;}
div#tmain div.textbox div.audio>div>div.ctrlpanel div.clarity>div {margin:0 0 1px;padding:0 2px;border:1px solid #fff;}
/*mobile_begin*/
/*mobile_end*/
}

/*audio_part_end*/
/********************************     ���ߴ�����     ********************************/
@media screen and (max-width:1366px){
div#tmain div.textbox div.video>div.mobile::after,div#tmain div.textbox div.videom>div.mobile::after {display:none;}
div#tmain div.textbox div.video>div>div.ctrlpanel {display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}
div#tmain div.textbox div.video>div>div.ctrlpanel>div {order:2;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.progressbar {width:100%;order:1;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity,div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity>ul,div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity:hover>ul {display:flex;justify-content:space-around;width:auto;margin:0 0 0 auto;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity>ul>li {margin:0 1em;}
div#tmain div.textbox div.video>div>div.ctrlpanel div.clarity>div {margin:0 0 1px;padding:0 2px;border:1px solid #fff;}
/*mobile_begin*/
div#tmain div.textbox div.videom>div>div.ctrlpanel {display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}
div#tmain div.textbox div.videom>div>div.ctrlpanel>div {order:2;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.progressbar {width:100%;order:1;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity,div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity>ul,div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity:hover>ul {display:flex;justify-content:space-around;width:auto;margin:0 0 0 auto;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity>ul>li {margin:0 1em;}
div#tmain div.textbox div.videom>div>div.ctrlpanel div.clarity>div {margin:0 0 1px;padding:0 2px;border:1px solid #fff;}
/*mobile_end*/
}
@media screen and (max-width:406px){
div#tmain div.textbox div.video>div::after,div#tmain div.textbox div.videom>div::after {height:calc(100% - 70px);}
}