@charset "utf-8";
/* CSS Document */
body,h2,h3 {font-size:16px;}
.single-line {display:inline-block;vertical-align:middle;font-size:16px;}

.breadCrumbs {margin:-0.25rem auto 0.15rem;font-size:18px;line-height:1.5em;}

/*******************************     main_begin     *******************************/
#main.content {position:relative;margin:0 auto 0.62rem;padding:0.41rem 0 0;}
#main.content:before {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:6.55rem;background:url("http://ats.taiwan.cn/rongshipin/images/playerZone_bg.png") center top no-repeat;background-size:auto 100%;z-index:-1;}
#main.content .contentArea,#main.content .info {width:11.55rem;padding:0 0.225rem;}
/* contentArea_begin */
#main.content .contentArea {margin:0 auto 0.75rem;color:#fff;overflow:hidden;}
#main.content .contentArea a {color:#fff;}
#main.content .videoZone,#main.content .rela {float:left;}
#main.content .info .title {clear:both;margin:0 auto 0.21rem;font-size:24px;line-height:1.5em;font-weight:normal;color:#fff;}
/* videoZone_begin */
#main.content .videoZone {position:relative;width:7.6rem;margin:0 0.11rem 14px 0;}
#main.content .videoZone:before {position:absolute;left:0;top:0;content:"";display:block;width:11.55rem;height:100%;background:#000;z-index:-1;}
#main.content .videoZone .video {display:block;width:7.6rem;height:auto;margin:0 auto ;}
#main.content .contentArea .video>div {padding:0.05rem 0.05rem 0;}
#main.content .contentArea .video video.screen {max-width:none;width:auto;height:4.22rem;}
#main.content .contentArea .video>div::after {display:none;}
#main.content .contentArea .video>div>.ctrlPanel .playCtrl {background:url("http://ats.taiwan.cn/rongshipin/images/playBtnBg.png") center 9px no-repeat;background-size:auto 60px;}
#main.content .contentArea .video>div>.ctrlPanel .playCtrl.playing {background-position:center -30px;}
#main.content .contentArea .video>div>.ctrlPanel .volumeZone .ctrlBar {background:#fff;}
#main.content .contentArea .video>div>.ctrlPanel .volumeZone .ctrlBar:after {border:none;background:transparent;}
#main.content .contentArea .video>div>.ctrlPanel .volumeZone::after {background:#808080;}
#main.content .contentArea .video>div>.ctrlPanel .volumeZone .muteBtn {left:-44px;width:33px;background-image:url("http://ats.taiwan.cn/rongshipin/images/volumeBg.png");background-size:100% auto;}
#main.content .contentArea .video>div>.ctrlPanel .volumeZone .muteBtn.muted {background-position:left -32px;}
#main.content .contentArea .video>div>.ctrlPanel .clarity {width:auto;margin-left:30px;}
#main.content .contentArea .video>div>.ctrlPanel .clarity>div {padding:0 0.5em;border-radius:12px;background:#4d4d4d;}
#main.content .contentArea .video>div>.ctrlPanel .clarity>ul>li {transition:color 0.3s ease 0s;}
/* videoZone_end */
/* rela_begin */
#main.content .rela {width:3.84rem;}
#main.content .rela .zone-title {display:inline-block;margin:0.1rem auto 0.07rem;font-size:0.2rem;line-height:1.6em;border:1px solid #fff;border-width:0 0 1px;}
#main.content .rela .list-item {margin-top:0.09rem;overflow:hidden;}
#main.content .rela .list-item:first-child {margin-top:0;}
#main.content .rela img {float:left;width:1.54rem;height:0.86rem;margin-right:0.11rem;}
#main.content .rela .list-item-title a {max-height:4.5em;overflow:hidden;}
/* rela_end */
/* contentArea_end */
/* info_begin */
#main.content .info {font-size:0;color:#bfbfbf;}
#main.content .info .source,#main.content .info .pubDate,#main.content .info .author,#main.content .info .shareFunc {margin-left:0.3rem;padding:0 0 0 27px;background:url("http://ats.taiwan.cn/rongshipin/images/content_info_bg.png") left -65px no-repeat;}
#main.content .info .source {margin-left:0;}
#main.content .info .pubDate {background-position:-20px -43px;}
#main.content .info .author {background-position:-38px -20px;}
#main.content .info .shareFunc {margin-left:0.82rem;padding:0 0 0 37px;background-position:-58px 6px;}
/* bdShare_begin */
div.bdsharebuttonbox a.bds_weixin {background-color:#00c70c;}
div.bdsharebuttonbox a.bds_tsina {background-color:#fa0418;}
div.bdsharebuttonbox a.bds_tqq {background-color:#0f7ce1;}
div.bdsharebuttonbox a.bds_qzone {background-color:#ffc500;}
/* bdShare_end */
/* info_end */
/* hot_begin */
#main.content .hot .zone-title {margin:0 auto 0.25rem;font-size:30px;line-height:2.66em;color:#d70101;border:1px solid #dc0101;border-width:0 0 1px;}
/* hot_end */
/*******************************     main_end     *******************************/
/*************************************************     依尺寸縮放     *************************************************/
@media screen and (min-width:1366px){
#main.content .contentArea .video>div>.ctrlPanel .clarity>ul>li:hover {color:#fad53f;}
#main.content .contentArea .video>div>.ctrlPanel .volumeZone {margin-left:3.25rem;}
}
@media screen and (min-width:769px){
#main.content .rela .list-item-title {margin-top:0.03rem;}
}
@media screen and (max-width:1366px){
#main.content:before {display:none;}
/* contentArea_begin */
/* videoZone_begin */
#main.content .contentArea .video>div>.ctrlPanel .clarity {margin-left:0;}
/* videoZone_end */
/* rela_begin */
#main.content .rela .list-item-title a {max-height:3em;}
/* rela_end */
/* info_begin */
#main.content .info .source,#main.content .info .pubDate,#main.content .info .author,#main.content .info .shareFunc {margin:0 0.3rem 0.2rem 0;}
#main.content .info .title {color:#323232;}
/* info_end */
/* contentArea_end */
}
@media screen and (max-width:768px){
#main.content .contentArea,#main.content .info {width:auto;padding:0;}
/* contentArea_begin */
/* videoZone_begin */
#main.content .contentArea {display:flex;flex-wrap:wrap;margin:0 0.1rem 0.4rem;background:none;}
#main.content .videoZone,#main.content .rela {float:none;}
#main.content .videoZone,#main.content .videoZone .video,#main.content .contentArea .video video.screen {width:100%;height:auto;margin:0 auto;}
#main.content .videoZone {margin:0 auto 0.14rem;}
/* videoZone_end */
/* rela_begin */
#main.content .rela {width:auto;height:auto;order:1;}
#main.content .rela .zone-title {font-size:20px;}
#main.content .rela .list-item {float:left;width:48%;margin-left:4%;}
#main.content .rela .list-item:first-child {margin-top:0.09rem;}
#main.content .rela .list-item:nth-of-type(odd) {margin-left:0;}
/* rela_end */
#main.content .contentArea,#main.content .contentArea a {color:#323232;}
/* contentArea_end */
/* info_begin */
#main.content .info div#bdShare {position:static;}
/* info_end */
/* hot_begin */
#main.content .hot .zone-title {font-size:20px;}
/* hot_end */
}
@media screen and (max-width:480px){
/* rela_begin */
#main.content .rela .list-item {float:left;width:98%;margin-left:0;}
#main.content .rela img {width:3.08rem;height:1.72rem;}
/* rela_end */
}