*{margin: 0; padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: none;}
a img {border: 0;}
/*清除 clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {*zoom: 1; _zoom: 1; }

/*以下為突發直播樣式 ===================*/
#etnews_live_player{ width: 100%; background: #fff; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; padding:10px 15px; position: relative; margin-bottom:25px; font-family: Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif; }

/*title*/
#etnews_live_player .box_1{ width: 100%; padding: 5px 0px;  position: relative;}
#etnews_live_player .box_1 .btag{ background:red; color: #fff; display: inline-block; margin-right: 5px; font-style: normal; font-weight: bold; font-size:16px; padding:2px 10px; vertical-align: 3px; font-family: "Arial"; font-weight: normal;}
#etnews_live_player .box_1 .btime{ font-size: 20px; color: #666; margin-right:5px;}
#etnews_live_player .box_1 .btitle{display: inline-block; font-weight: normal; vertical-align: -1px; font-size:20px;}
#etnews_live_player .box_1 .btitle a:link, #etnews_live_player .box_1 .btitle a:visited{color: #000; text-decoration: none;}
#etnews_live_player .box_1 .btitle a:hover, #etnews_live_player .box_1 .btitle a:active{color: #2E2770; text-decoration: none;}

/*operate-icon*/
#etnews_live_player .box_1 .operate{position: absolute; right:0px; top:6px; width: 300px; height: 35px; text-align: right; line-height:2; }
#etnews_live_player .form_box { position: relative; display: inline-block;}
#etnews_live_player .form_box #setauto { opacity: 0; }
#etnews_live_player .form_box .label {border: 2px solid #f6b018; background: #fff; display: inline-block; width: 26px; height:23px; border-radius: 3px; vertical-align:8px; cursor: pointer;}
#etnews_live_player .form_box .label:after {content: "►"; color:#f6b018; width: 24px; height:23px; display:block; text-align: center; font-size: 13px; font-family:"Arial"; line-height: 19px; }
#etnews_live_player .form_box .form {position: absolute; font-size:15px; width: 100px; height: 85px; line-height:1.6; padding: 5px 10px;  background: #fff; z-index: 6; top:30px; left:20px; box-shadow: 1px 1px 2px #999; border: 2px solid #f6b018; border-radius: 5px; text-align: left; display: none;}
#etnews_live_player .form_box .form h4 {font-weight: normal; margin-bottom: 2px; font-size: 15px; color:#666;}
#etnews_live_player .form_box .toggle:checked + .label + .form{display: block; }

/*bubble*/
#etnews_live_player .box_1 .operate .link_1 { position: relative; display:inline-block;  background: #f6b018; width: 23px; height: 23px; border-radius:50%;  }
#etnews_live_player .box_1 .operate .link_1::after{ content: ""; display:block; width:0px; height:0px; position:absolute; right:2px; top:17px; border:7px solid; border-color:#f6b018 transparent; border-bottom:transparent; transform: rotate(60deg);}
#etnews_live_player .box_1 .operate .link_1::before{  content: ""; display:block; width: 4px; height: 4px; border-radius: 50%; background: #fff; position: absolute; top:9px; left: 5px; box-shadow: 8px 0px 0px 0px #fff;  }
#etnews_live_player .box_1 .operate .link_1:link, #etnews_live_player .operate .link_1:visited{background: #f6b018; text-decoration: none;}
#etnews_live_player .box_1 .operate .link_1:hover, #etnews_live_player .operate .link_1:active{background: #E94E16; text-decoration: none;}
#etnews_live_player .box_1 .operate .link_1:hover::after{border-color:#E94E16 transparent;}


/*more*/
#etnews_live_player .box_1 .operate .link_2 { font-size:15px; display: inline-block; vertical-align:7px; line-height:1.2;}
#etnews_live_player .box_1 .operate .link_2:link, #etnews_live_player .box_1 .operate .link_2:visited{padding: 2px 5px;  border-radius: 3px; border-color:#f6b018; background: #f6b018; color: #fff; text-decoration: none;}
#etnews_live_player .box_1 .operate .link_2:hover, #etnews_live_player .box_1 .operate .link_2:active{background: #E94E16; border-color:#E94E16; color: #fff; text-decoration: none;}

/*video*/
#etnews_live_player .box_2{ /*padding-right: 50px;*/ position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0}
/*#etnews_live_player .box_2::after{content:""; display: block;  height: 0;}*/
#etnews_live_player .box_2 .close{ position: absolute; right:5px; top:0px; font-size: 32px; width:22px; height:22px; line-height:0.8; color: #999; vertical-align: -1px; cursor: pointer; z-index: 5;}
#etnews_live_player .box_2 iframe, #etnews_live_player .box_2 object, #etnews_live_player .box_2 embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}

/*preview*/
#etnews_live_player .box_2 .preview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
#etnews_live_player .box_2 .preview a {width: 100%; height: 100%; display: block; position: relative;}
#etnews_live_player .box_2 .preview a:after {content:""; width: 100%; height: 100%; background:url('play.png') no-repeat center center; background-size:18%; display: block; position: absolute; top: 0; left: 0; opacity: .8;}
#etnews_live_player .box_2 .preview a:hover:after {opacity: 1; }
#etnews_live_player .box_2 .preview img { width: 100%; height: auto; }

/*側滑選單*/
#etnews_live_player .box_2 .slidmenu{ width: 200px; height:100%; background: rgba(0,0,0,.8); color:#fff; position: absolute; right:-200px; top:0px; cursor: pointer; z-index: 5; display: flex; align-items :center; padding-left:10px; transition:.3s;}
#etnews_live_player .box_2 .slidmenu:after{content: "\2039"; font-size: 24px; padding-left: 5px; taext-align: center; background: rgba(0,0,0,.5); display: inline-block; position: absolute; width: 45px; height: 100px; line-height: 100px; border-radius: 50px 0 0 50px; top:50%; margin-top: -50px; left: -35px;}
#etnews_live_player .box_2 .slidmenu .more {position: absolute; left: -20px; top:50%; transform:translateY(-50%); z-index: 5; font-size: 15px; line-height: 1.3;}
#etnews_live_player .box_2 .slidmenu .more:after {content: "看更多"; display: block; width: 20px; }

#etnews_live_player .box_2 .slidmenu .list{overflow-y: scroll; height: 100%; width: 100%; padding:10px 10px 10px 0; position: relative;}
#etnews_live_player .box_2 .slidmenu .list a.box{ display: flex; flex-direction: row; padding-left:20px; padding-bottom: 15px; position: relative;}
#etnews_live_player .box_2 .slidmenu .list a.box:after { content:''; display: block; width: 8px; height: 8px; border-radius:8px; border:3px solid #51ADDE; background-color: #fff; position: absolute; left: 0px; top:1px; z-index: 5; opacity: .8;}
#etnews_live_player .box_2 .slidmenu .list a.box:before{ content:''; display: block; width: 3px; height:100%; background-color: #51ADDE; position: absolute; left:5px; top:3px; z-index: 5; opacity: .5;}
#etnews_live_player .box_2 .slidmenu .list a.box .time{ display: block; margin-right: 10px; font-size: 14px; color:#51ADDE; font-family: "Arial"; }
#etnews_live_player .box_2 .slidmenu .list a.box.current:after{ border:4px solid #F5343B;  }
#etnews_live_player .box_2 .slidmenu .list a.box.current .time{ color:#F5343B; }
#etnews_live_player .box_2 .slidmenu .list a.box.current h3{ color:#fff; }
#etnews_live_player .box_2 .slidmenu .list a.box h3{ font-size: 14px; font-weight: normal; }
#etnews_live_player .box_2 .slidmenu .list a.box:link, #etnews_live_player .box_2 .slidmenu .list a.box:visited { color:#ccc; text-decoration:none; }
#etnews_live_player .box_2 .slidmenu .list a.box:hover, #etnews_live_player .box_2 .slidmenu .list a.box:active { color:#fff; text-decoration:none; }

/*開關*/
#etnews_live_player .box_2 .slidmenu.move{ transform: translateX(-200px); transition:.3s; }
#etnews_live_player .box_2 .slidmenu.move:after{content: "\203A";}
#etnews_live_player .box_2 .slidmenu.move span.more:after{ content: "關閉"; }

/*video_list*/
#etnews_live_player .video_list{ position:relative; margin-top:10px; order:1; margin-bottom:-10px;}
#etnews_live_player .video_list a.piece{color: #333; text-decoration:none; margin-bottom:10px; display:block; overflow: hidden;}
#etnews_live_player .video_list a.piece .pic{width:120px; height:68px; float:left; margin-right:10px;}
#etnews_live_player .video_list a.piece .pic img{ width:100%; height:auto; border:none;}
#etnews_live_player .video_list a.piece span{}
#etnews_live_player .video_list a.piece h3{ font-size: 18px; font-weight:normal; }

@media only screen and (max-width: 600px) {
#etnews_live_player{ flex-direction: column-reverse; padding:0px; padding-bottom:5px;}
#etnews_live_player .box_1 .btag{font-size: 13px; margin-right: 0px; margin-left: 5px;}
#etnews_live_player .box_1 .btime {font-size: 13px; margin-right: 0px;}
#etnews_live_player .box_1 .btitle{ font-size: 15px; }
#etnews_live_player .box_1 .operate {right:5px; top:8px;}
#etnews_live_player .box_1 .operate .link_2 { font-size: 13px;}
#etnews_live_player .form_box .label:after { font-size: 15px;}

/*程式控制開關*/
#etnews_live_player .box_1 .operate .link_1{ display: none; }
#etnews_live_player .box_1 .operate .form_box{ display: none; }
#etnews_live_player .box_2 .preview a:after { background-size:20%;}

#etnews_live_player .box_2 .slidmenu:after{content: "\2039"; font-size: 24px; padding-left: 5px; taext-align: center; background: rgba(0,0,0,.8); display: inline-block; position: absolute; width: 40px; height: 80px; line-height: 80px; border-radius: 40px 0 0 40px; top:50%; margin-top: -40px; left: -45px;}
#etnews_live_player .box_2 .slidmenu .more { font-size: 15px; line-height: 1.1;}

/*video_list*/
#etnews_live_player .video_list{ order:-1; padding:0px 10px; border-top:1px solid #ececec; padding-top:10px; margin-top: 0; }
#etnews_live_player .video_list a.piece .pic{ width:120px; height:68px;}
#etnews_live_player .video_list a.piece h3{ font-size: 16px; }
}

/*以上為突發直播樣式 ===================*/

/*以下為一般直播&VOD樣式 ===============*/

/*video_frame*/
.video_frame{ margin-bottom:20px; padding:10px; background:#fff; border:1px solid #eee; box-shadow:0px 1px 3px 0px rgb(0 0 0 / 10%);}
.video_frame h2.live_title{ margin-bottom:5px;}
.video_frame h2.live_title a{ color:#2e266f!important; font-weight:bold; font-size:18px; text-decoration:none;}

@media only screen and (max-width:600px) {
.video_frame{ margin:10px 10px 40px 10px;}	
}

/*VOD樣式*/
.ettoday_vod{ position:relative; font-family: Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;}
.ettoday_vod a{ display:block; text-align:center; line-height:0;}
.ettoday_vod img{ max-width:100%; max-height:370px;}
.ettoday_vod a:before{ content: ""; display:block; width:20%; background:url(//static.ettoday.net/style/ettoday2017/images/icon_play.png) center center no-repeat; background-size: 100% auto; opacity: 0.7; position: absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:3;}

/*關閉鈕*/
.live_btn_close{ position:absolute; width:20px; height:20px; background:url(https://static.ettoday.net/style/web_2011/images/icon_btn_side.png) no-repeat; z-index:3; background-size:20px auto; top:5px; right:0px; cursor:pointer; filter:drop-shadow(2px 2px 3px #333);}

/*Live&replay樣式*/
.ettoday_live{ position: relative; height:0; overflow:hidden; margin-bottom:10px; font-family: Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;}
.ettoday_live{ padding-bottom: 56.25%; }
.ettoday_live iframe,
.ettoday_live object,
.ettoday_live embed { position:absolute; top:0; left:0; width:100%; height:100%;}

/*PC首頁樣式-最外層框*/
.ettoday_live_index_pc{ clear:both; width:1000px; height:380px; margin:20px auto 0 auto; text-align:center; background-color:#E6E6E6; border:10px solid #E6E6E6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

/*PC首頁樣式-左側player*/
.ettoday_live_index_pc_player{ float:left; width:640px; height:360px; position:relative;}
.ettoday_live_index_pc_player iframe{ width:640px; height:360px;}

/*PC首頁樣式-右側廣告*/
.ad_slot{ float:right; width:300px; height:360px;}

/*20181214 MAMA直播客製樣式*/
#Live_320x50_3 img { width:100%; height:auto; margin-bottom:-10px;}
#Live_320x50_4 img { width:100%; height:auto; margin-bottom:-10px;}