@charset "gb2312";
/* CSS Document */
/*video_part_begin*/
.text .TRS_Editor .video div,.text .TRS_Editor .videoM div,.text .TRS_Editor .audio div,.text .TRS_Editor .video,.text .TRS_Editor .videoM,.text .TRS_Editor .audio {padding:0;color:#FFF;}
.text .TRS_Editor video[class=""] {display:none;}
.text .TRS_Editor .video {display:table;margin:0 auto 10px;font-size:16px;}
.text .TRS_Editor .video video.screen {display:block;max-width:100%;width:100%;height:auto;margin:0 auto;cursor:pointer;}
.text .TRS_Editor .video video.screen::after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:#FFF;}
.text .TRS_Editor .video.playing video.screen::after {display:none;}
.text .TRS_Editor .video>div {position:relative;padding:5px 5px 0;background:transparent;}
.text .TRS_Editor .video>div::after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:calc(100% - 46px);cursor:pointer;background:transparent url("http://ats.taiwan.cn/homepage2021/images/videoPoster.png") center center no-repeat;z-index:2147483619;}
.text .TRS_Editor .video:hover>div::after {background-color:transparent;}
.text .TRS_Editor .video.playing>div::after {display:none;}
.text .TRS_Editor .video .ctrlPanel {width:100%;height:auto;color:#FFF;background:#000;}
.text .TRS_Editor .video .ctrlPanel>div {position:relative;display:inline-block;vertical-align:middle;font-size:16px;line-height:1.5em;}
.text .TRS_Editor .video .ctrlPanel .playCtrl {width:40px;height:40px;cursor:pointer;background: url("http://ats.taiwan.cn/homepage2021/images/playBtnBg.png") center 125% no-repeat;background-size:60% auto;}
.text .TRS_Editor .video .ctrlPanel .playCtrl.playing {background-position:center -25%;}
/*margin-left_begin*/
/*margin-left_end*/
.text .TRS_Editor .video p,.text .TRS_Editor .video div,.text .TRS_Editor .videoM p,.text .TRS_Editor .videoM div,.text .TRS_Editor .audio p,.text .TRS_Editor .audio div {margin-top:0;}
.text .TRS_Editor .video .ctrlPanel .volumeZone {position:relative;width:95px;height:40px;margin:0 0 0 25px;cursor:pointer;}
.text .TRS_Editor .video .ctrlPanel .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;}
.text .TRS_Editor .video .ctrlPanel .volumeZone .ctrlBar {position:absolute;top:50%;width:0px;height:6px;margin:-3px auto 0;border-radius:3px;cursor:pointer;background:#0d4a80;z-index:2147483620;}
.text .TRS_Editor .video .ctrlPanel .volumeZone .ctrlBar:after {position:absolute;right:-6px;bottom:-3px;content:"";width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#FFF;}
.text .TRS_Editor .video .ctrlPanel .volumeZone .muteBtn {position:absolute;left: -20px;width: 20px;height: 100%;background:url("http://ats.taiwan.cn/homepage2021/images/volumeBg.png") left center no-repeat;background-size:20px auto;background-position:left -35%;}
.text .TRS_Editor .video .ctrlPanel .volumeZone .muteBtn.muted {background-position:left 134%;}
.text .TRS_Editor .video .ctrlPanel .progressBar {position:relative;display:block;width:100%;height:6px;border-radius:3px;font-size:16px;text-align:left;cursor:pointer;background:#FFF;}
.text .TRS_Editor .video .ctrlPanel .progressBar .pgCtrlBar {position:relative;width:0px;height:100%;cursor:pointer;background:#0d4a80;}
.text .TRS_Editor .video .ctrlPanel .progressBar .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;}
.text .TRS_Editor .video .ctrlPanel .clarity {width:3em;height:1.5em;line-height:1.5em;font-size:16px;text-align:center;}
.text .TRS_Editor .video .ctrlPanel .clarity>ul {display:none;background:#000;}
.text .TRS_Editor .video .ctrlPanel .clarity:hover>ul {position:relative;display:block;z-index:2147483620;}
.text .TRS_Editor .video .ctrlPanel .clarity>ul>li,.text .TRS_Editor .video .ctrlPanel .clarity>div {cursor:pointer;}
.text .TRS_Editor .video .ctrlPanel .clarity>ul>li {margin:-3em auto 0;padding-bottom:0;border-bottom:none;background:#000;}
.text .TRS_Editor .video .ctrlPanel .durationZone {width:135px;height:100%;line-height:100%;text-align:center;color:#FFF;}
.text .TRS_Editor .video .ctrlPanel .fSCtrl {font-size:16px;line-height:1.5em;cursor:pointer;}
/*mobile_begin*/
.text .TRS_Editor .videoM {display:table;margin:0 auto 10px;font-size:16px;}
.text .TRS_Editor .videoM video.screen {display:block;max-width:100%;width:100%;height:auto;margin:0 auto;cursor:pointer;}
.text .TRS_Editor .videoM video.screen::after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:#FFF;}
.text .TRS_Editor .videoM.playing video.screen::after {display:none;}
.text .TRS_Editor .videoM>div {position:relative;padding:5px 5px 0;background:#000;}
.text .TRS_Editor .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) url("http://ats.taiwan.cn/homepage2021/images/videoPoster.png") center center no-repeat;z-index:2147483619;}
.text .TRS_Editor .videoM:hover>div::after {background-color:transparent;}
.text .TRS_Editor .videoM.playing>div::after {display:none;}
.text .TRS_Editor .videoM .ctrlPanel {width:100%;height:auto;color:#FFF;background:#000;}
.text .TRS_Editor .videoM .ctrlPanel>div {position:relative;display:inline-block;vertical-align:middle;}
.text .TRS_Editor .videoM .ctrlPanel .playCtrl {width:40px;height:40px;cursor:pointer;background: url("http://ats.taiwan.cn/homepage2021/images/playBtnBg.png") center 125% no-repeat;background-size:60% auto;}
.text .TRS_Editor .videoM .ctrlPanel .playCtrl.playing {background-position:center -25%;}
.text .TRS_Editor .videoM .ctrlPanel .volumeZone {position:relative;width:95px;height:40px;margin:0 0 0 25px;cursor:pointer;}
.text .TRS_Editor .videoM .ctrlPanel .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;}
.text .TRS_Editor .videoM .ctrlPanel .volumeZone .ctrlBar {position:absolute;top:50%;width:0px;height:6px;margin:-3px auto 0;border-radius:3px;cursor:pointer;background:#0d4a80;z-index:2147483620;}
.text .TRS_Editor .videoM .ctrlPanel .volumeZone .ctrlBar:after {position:absolute;right:-6px;bottom:-3px;content:"";width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#FFF;}
.text .TRS_Editor .videoM .ctrlPanel .volumeZone .muteBtn {position:absolute;left: -20px;width: 20px;height: 100%;background:url("http://ats.taiwan.cn/homepage2021/images/volumeBg.png") left center no-repeat;background-size:20px auto;background-position:left -35%;}
.text .TRS_Editor .videoM .ctrlPanel .volumeZone .muteBtn.muted {background-position:left 134%;}
.text .TRS_Editor .videoM .ctrlPanel .progressBar {position:relative;display:block;width:100%;height:6px;border-radius:3px;font-size:16px;text-align:left;cursor:pointer;background:#FFF;}
.text .TRS_Editor .videoM .ctrlPanel .progressBar .pgCtrlBar {position:relative;width:0px;height:100%;cursor:pointer;background:#0d4a80;}
.text .TRS_Editor .videoM .ctrlPanel .progressBar .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;}
.text .TRS_Editor .videoM .ctrlPanel .clarity {width:3em;height:1.5em;line-height:1.5em;font-size:16px;text-align:center;}
.text .TRS_Editor .videoM .ctrlPanel .clarity>ul {display:none;background:#000;}
.text .TRS_Editor .videoM .ctrlPanel .clarity:hover>ul {position:relative;display:block;z-index:2147483620;}
.text .TRS_Editor .videoM .ctrlPanel .clarity>ul>li,.text .TRS_Editor .videoM .ctrlPanel .clarity>div {cursor:pointer;}
.text .TRS_Editor .videoM .ctrlPanel .clarity>ul>li {margin:-3em auto 0;background:#000;}
.text .TRS_Editor .videoM .ctrlPanel .durationZone {width:135px;height:100%;line-height:100%;text-align:center;color:#FFF;}
.text .TRS_Editor .videoM .ctrlPanel .fSCtrl {font-size:16px;line-height:1.5em;cursor:pointer;}
/*mobile_end*/
/*video_part_end*/
/*audio_part_begin*/
div#main audio {display:block;width:100%;}
div#main audio[class=""] {display:none;}
.text .TRS_Editor .audio {display:block;max-width:310px;margin:0 auto 10px;font-size:16px;}
.text .TRS_Editor .audio audio.screen {display:block;max-width:100%;width:100%;margin:0 auto;}
.text .TRS_Editor .audio>div {position:relative;padding:3px 5px;background:#000;}
.text .TRS_Editor .audio:hover>div::after {background-color:transparent;}
.text .TRS_Editor .audio.playing>div::after {display:none;}
.text .TRS_Editor .audio .ctrlPanel {width:100%;height:auto;color:#FFF;background:#000;}
.text .TRS_Editor .audio .ctrlPanel>div {position:relative;display:inline-block;vertical-align:middle;font-size:16px;line-height:1.5em;}
.text .TRS_Editor .audio .ctrlPanel .playCtrl {width:40px;height:40px;cursor:pointer;background:url("http://ats.taiwan.cn/homepage2021/images/playBtnBg.png") center 125% no-repeat;background-size:60% auto;}
.text .TRS_Editor .audio .ctrlPanel .playCtrl.playing {background-position:center -25%;}
/*margin-left_begin*/
/*margin-left_end*/
.text .TRS_Editor .audio .ctrlPanel .volumeZone {position:relative;width:80px;height:40px;margin:0 0 0 25px;cursor:pointer;}
.text .TRS_Editor .audio .ctrlPanel .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;}
.text .TRS_Editor .audio .ctrlPanel .volumeZone .ctrlBar {position:absolute;top:50%;width:0px;height:6px;margin:-3px auto 0;border-radius:3px;cursor:pointer;background:#0d4a80;z-index:2147483620;}
.text .TRS_Editor .audio .ctrlPanel .volumeZone .ctrlBar:after {position:absolute;right:-6px;bottom:-3px;content:"";display:block;width:10px;height:10px;border:1px solid #0d4a80;border-radius:50%;background:#FFF;}
.text .TRS_Editor .audio .ctrlPanel .volumeZone .muteBtn {position:absolute;left:-20px;width:20px;height:100%;background:#000 url("http://ats.taiwan.cn/homepage2021/images/volumeBg.png") left center no-repeat;background-size:20px auto;background-position:left -35%;}
.text .TRS_Editor .audio .ctrlPanel .volumeZone .muteBtn.muted {background-position:left 134%;}
.text .TRS_Editor .audio .ctrlPanel .progressBar {position:relative;display:block;width:100%;height:6px;font-size:16px;text-align:left;cursor:pointer;background:#CCC;}
.text .TRS_Editor .audio .ctrlPanel .progressBar .pgCtrlBar {position:relative;width:0px;height:100%;cursor:pointer;background:#0d4a80;}
.text .TRS_Editor .audio .ctrlPanel .progressBar .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;}
.text .TRS_Editor .audio .ctrlPanel .clarity {width:3em;height:1.5em;line-height:1.5em;font-size:16px;text-align:center;}
.text .TRS_Editor .audio .ctrlPanel .clarity>ul {display:none;background:#000;}
.text .TRS_Editor .audio .ctrlPanel .clarity:hover>ul {position:relative;display:block;z-index:2147483620;}
.text .TRS_Editor .audio .ctrlPanel .clarity>ul>li,.text .TRS_Editor .audio .ctrlPanel .clarity>div {cursor:pointer;}
.text .TRS_Editor .audio .ctrlPanel .clarity>ul>li {margin:-3em auto 0;background:#000;}
.text .TRS_Editor .audio .ctrlPanel .durationZone {width:135px;height:100%;line-height:100%;text-align:center;color:#FFF;}
/*mobile_begin*/
/*mobile_end*/
/* //////////////////////////////////////////////////////////////// */ 
@media screen and (max-width:1366px){
div#main {max-width:100%;}
.text .TRS_Editor .audio>div::after,.text .TRS_Editor .audioM>div::after {display:none;}
.text .TRS_Editor .audio audio.screen {display:block;}
.text .TRS_Editor .audio>div.mobile {background:none;}
}
@media screen and (max-width:1366px){
.text .TRS_Editor .audio .ctrlPanel {display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}
.text .TRS_Editor .audio .ctrlPanel>div {order:2;}
.text .TRS_Editor .audio .ctrlPanel .progressBar {width:100%;order:1;}
.text .TRS_Editor .audio .ctrlPanel .clarity,.text .TRS_Editor .audio .ctrlPanel .clarity>ul,.text .TRS_Editor .audio .ctrlPanel .clarity:hover>ul {display:flex;justify-content:space-around;width:auto;margin:0 0 0 auto;}
.text .TRS_Editor .audio .ctrlPanel .clarity>ul>li {margin:0 0.5em;}
.text .TRS_Editor .audio .ctrlPanel .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#main {max-width:100%;}
.text .TRS_Editor .video>div.mobile::after,.text .TRS_Editor .videoM>div.mobile::after {display:none;}
.text .TRS_Editor .video .ctrlPanel {display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}
.text .TRS_Editor .video .ctrlPanel>div {order:2;}
.text .TRS_Editor .video .ctrlPanel .progressBar {width:100%;order:1;}
.text .TRS_Editor .video .ctrlPanel .clarity,.text .TRS_Editor .video .ctrlPanel .clarity>ul,.text .TRS_Editor .video .ctrlPanel .clarity:hover>ul {display:flex;justify-content:space-around;width:auto;margin:0 0 0 auto;}
.text .TRS_Editor .video .ctrlPanel .clarity>ul>li {margin:0 0.5em;}
.text .TRS_Editor .video .ctrlPanel .clarity>div {margin:0 0 1px;padding:0 2px;border:1px solid #FFF;}
/*mobile_begin*/
.text .TRS_Editor .videoM .ctrlPanel {display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;}
.text .TRS_Editor .videoM .ctrlPanel>div {order:2;}
.text .TRS_Editor .videoM .ctrlPanel .progressBar {width:100%;order:1;}
.text .TRS_Editor .videoM .ctrlPanel .clarity,.text .TRS_Editor .videoM .ctrlPanel .clarity>ul,.text .TRS_Editor .videoM .ctrlPanel .clarity:hover>ul {display:flex;justify-content:space-around;width:auto;margin:0 0 0 auto;}
.text .TRS_Editor .videoM .ctrlPanel .clarity>ul>li {margin:0 0.5em;}
.text .TRS_Editor .videoM .ctrlPanel .clarity>div {margin:0 0 1px;padding:0 2px;border:1px solid #FFF;}
/*mobile_end*/
}
@media screen and (max-width:750px){
.text .TRS_Editor .video .ctrlPanel .clarity,.text .TRS_Editor .video .ctrlPanel .fSCtrl,.text .TRS_Editor .videoM .ctrlPanel .clarity,.text .TRS_Editor .videoM .ctrlPanel .fSCtrl {font-size:16px;}
}
@media screen and (max-width:480px){
.text .TRS_Editor .video .ctrlPanel>div,.text .TRS_Editor .video .ctrlPanel .clarity,.text .TRS_Editor .audio .ctrlPanel>div,.text .TRS_Editor .videoM .ctrlPanel .clarity,.text .TRS_Editor .video .ctrlPanel .clarity>ul>li,.text .TRS_Editor .video .ctrlPanel .clarity>div,.text .TRS_Editor .videoM .ctrlPanel .clarity>ul>li,.text .TRS_Editor .videoM .ctrlPanel .clarity>div {font-size:16px;}
}
@media screen and (max-width:406px){
.text .TRS_Editor .video>div::after,.text .TRS_Editor .videoM>div::after {height:calc(100% - 70px);}
}