/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#fff;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}/* global.css */

/*所有通用設定-----------------------------------------------------------------------*/
*, *:before, *:after { font-family: Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
html{ height:100%;
-webkit-overflow-scrolling:touch;/*修正ios滾動順暢*/
-webkit-text-size-adjust:none;/*修正旋轉後文字會變大*/
-webkit-tap-highlight-color:transparent; outline: 0;/*去除連結的藍底*/}
body{ height:100%; font-size:16px; color:#000; line-height:1.7; letter-spacing:0.5px; word-wrap:break-word;/*自動折行*/}

/*清除 clearfix*/
.clearfix:after{ clear:both; display:block; height:0px; content:"."; visibility: hidden;}
.clearfix {*zoom: 1; _zoom: 1;}

/*預設連結狀態*/
a:link, a:visited{ color:#000; text-decoration:none;}

/*圖片無框*/
a img { border:none;}

/*去除圖片底下空白*/
img{ vertical-align: bottom;}

/*樣式歸零*/
ul{ list-style:none;}

/*h標題設定*/
h1{ font-size:22px; line-height:1.5;}
h2{ font-size:20px; line-height:1.5;}
h3{ font-size:18px; line-height:1.5;}
h4{ font-size:16px; line-height:1.5;}

/*分頁組件*/
.menu_page { text-align:center; clear:both; margin:15px 0px; font-size:16px; color:#666;}
.menu_page a:link, .menu_page a:visited { color:#666; fill:#666; border:2px solid #666; text-decoration: none; padding:5px; margin-right:5px; border-radius:3px;}
.menu_page span.current { padding:5px 10px; font-weight:bold; color:#fff; border:2px solid #666; margin-right:5px; border-radius:3px; background-color:#949494;}
.menu_page span.disabled{ text-decoration:none; padding:5px; border:2px solid #b4b4b4; margin-right:5px; border-radius:3px; color:#b4b4b4; fill:#b4b4b4;}
.menu_page .icon {display: inline-block; width:25px; height:25px; vertical-align: bottom;}
.menu_page_info { text-align:center; font-size:18px; margin-bottom:10px;}
.menu_page .info{ margin-top:10px;}

/* .more ============*/
a.more { clear:both; display:block; height:35px; line-height:36px; text-align:center; font-size:14px; color:#333; border:1px solid #c9c9c9; border-radius:5px; margin:0 auto 20px; transition:none;}
a.more em { display:inline-block; width:10px; height:10px; background:url(../images/block_y-more.png) no-repeat left center ; margin-left:5px;}
a.more:hover { border:1px solid #ea4e16; color:#ea4e16;}
a.more:hover em { background-position:right center;}



/* .fixed_banner 滾回網頁最上面 ============*/
.fixed_banner{ display: block; width:45px; height:45px;  overflow:hidden; position:fixed; left:5px;  z-index:100;
-webkit-transition:0.3s ease-in-out; opacity: 0;
transition:0.3s ease-in-out;}

.fixed_banner img{ width: 100%; height: auto;}

/*大於800 定位內容旁*/
@media only screen and (min-width:800px){
.fixed_banner{ position:fixed; right:50%; margin-right:-400px;}
}

.fixed_banner.banner_1{ bottom:130px;}
.fixed_banner.banner_2{ bottom:180px;}



/* .line_add 滾回網頁最上面 ============*/
.line_add{ display: none; width:45px; height:45px; background:url(../images/icon_line_add.jpg) no-repeat left top / 45px 45px; text-indent:100%; white-space:nowrap; overflow:hidden; position:fixed; left:5px; bottom:80px; z-index:100; opacity: 0;
-webkit-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;}
/*大於800 定位內容旁*/
@media only screen and (min-width:800px){
	.line_add{ position:fixed; right:50%; margin-right:-400px;}
}

/* .gototop 滾回網頁最上面 ============*/
.gototop{ width:45px; height:45px; background:url(../images/gototop.png) no-repeat left top / 45px 45px; text-indent:100%; white-space:nowrap; overflow:hidden; opacity:0.5; position:fixed; left:5px; bottom:30px; z-index:100; opacity: 0;
-webkit-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;}
/*大於800 定位內容旁*/
@media only screen and (min-width:800px){
	.gototop{ position:fixed; right:50%; margin-right:-400px;}
}/* layout.css */
body{ background:url(../images/bg-body.jpg) repeat-x;}
/*wrapper_box 包覆全部*/
.wrapper_box{ max-width:640px; height:100%; min-height:100%; overflow:visible; margin:0px auto; position:relative;}

/***********************************主欄區************************************/
/*wrapper 包覆主欄區=============================*/
.wrapper{ min-height:100%; background:#eee;}
/*滑出動作 - js 添加 .active */
.wrapper.active{
-webkit-transform:translate(200px,0px);
-moz-transform:translate(200px,0px);
transform:translate(200px,0px);}
/*半透明覆蓋層===*/
.wrapper_overlap{ width:100%; height:100%; background:#000; position:absolute; left:0px; top:0px; display:none;
-webkit-transition:0.5s linear;
transition:0.5s linear;}

/*header 包覆以下=================================*/
.header{ height:95px; background:#fff; position:relative;}
/*error404頁======*/
body.error404 .header{ height:50px;}

/*hotvideo頁=========*/
body.hotvideo .header{ height:40px;}
body.hotvideo .nav_1_switch { top:9px;}
body.hotvideo .logo_bo { top:8px;}
body.hotvideo .logo_bo a { width:250px; background-image:url(../images/logo_hotvideo_bo.svg);}
body.hotvideo .main { padding:0px; background:#fff;}
/* 播放器 */
body.hotvideo .subjcet_article { padding:5px 7px; box-shadow:none; border-bottom:1px solid #dcdcdc; margin-bottom:15px;}
body.hotvideo .subjcet_article .video { margin-bottom:10px;}
body.hotvideo .subjcet_article h1.title{ font-size:20px; position:relative; margin:0; padding:0px 7px 5px;}

/*列表名稱已改待刪=============*/
body.hotvideo .part_pictxt_1 { padding:0;}
body.hotvideo .part_pictxt_1 .piece { padding:5px 0; box-shadow:none; border-bottom:1px solid #dcdcdc; margin-bottom:5px;}
body.hotvideo .part_pictxt_1 .piece:nth-last-child(1) { border:none;}
body.hotvideo .part_pictxt_1 .piece a.pic { margin-bottom:5px; background:#000;}
body.hotvideo .part_pictxt_1 .piece a.title { font-size:14px; position:relative; margin:0; padding:5px 7px;}
body.hotvideo .part_pictxt_1 .piece a.title:before { content:none;}
/*列表名稱已改待刪============= */




/* 側滑選單-開關鈕====*/
.nav_1_switch{ width:21px; height:25px; position:absolute; left:8px; top:17px; overflow:hidden; z-index:2;}
/*icon*/
.nav_1_switch .icon{ display:block; width:21px; height:3px; background:#333; position:relative; top:10px;}
.nav_1_switch .icon::before{ display:block; width:23px; height:3px; content:" "; background:#333; position:relative; top:-8px;
-webkit-transition:0.3s linear;
-webkit-transform:rotate(0deg) translate3d(0px, 0px, 0px);
transition:0.3s linear;
transform:rotate(0deg) translate3d(0px, 0px, 0px);}
.nav_1_switch .icon:after{ display:block; width:23px; height:3px; content:" "; background:#333; position:relative; top:5px;
-webkit-transition:0.3s linear;
-webkit-transform: rotate(0deg) translate3d(0px, 0px, 0px);
transition:0.3s linear;
transform: rotate(0deg) translate3d(0px, 0px, 0px);}
/*js 添加 .active*/
.nav_1_switch.active .icon::before{
-webkit-transform:rotate(45deg) translate3d(5.5px, 5.5px, 0px);
transform:rotate(45deg) translate3d(5.5px, 5.5px, 0px);}
.nav_1_switch.active .icon{ height:0px;}
.nav_1_switch.active .icon:after{
-webkit-transform:rotate(-45deg) translate3d(5.5px, -5.5px, 0px);
transform:rotate(-45deg) translate3d(5.5px, -5.5px, 0px);}

/*logo ET 播吧========
.logo_bo{ position:absolute; left:32px; top:18px;}
.logo_bo a{ display:block; width:156px; height:30px; background:url(../images/logo_bo.svg) no-repeat left top; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden;}*/

/*logo========202212年末活動換logo*/
.logo_bo{ position:absolute; left:32px; top:18px;}
.logo_bo a{ display:block; width:156px; height:30px; background:url(../images/logo_bo.gif) no-repeat left top; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden;}

/*大於360*/
@media only screen and (min-width:360px){
	.nav_1_switch{ width:30px; left:15px; top:13px;}
	.logo_bo{ left:40px; top:14px;}
	.logo_bo a{ display:block; width:166px; }
}

/*大於414*/
@media only screen and (min-width:414px){
	.logo_bo{ left:50px; top:12px;}
	.logo_bo a{ display:block; width:180px; }
}


/*水平選單 1========*/
.header .nav_2{ background:#f9c741; width:100%; height:44px; overflow:auto; overflow-y:hidden; position:absolute; left:0px; bottom:0px;}
.header .nav_2 .inner{ white-space: nowrap; max-width:640px; margin: 0 auto;}/* 選單內層：不換行、寬度會自行撐開，但須配合a{display:inline-block} */
.header .nav_2 .inner a{ display:inline-block; height:44px; line-height:44px; text-align:center; font-size:16px; background:#f9c741; color:#000; padding:0px 10px;}
.header .nav_2 .inner a.current{ border-bottom:5px solid #ea4e16;}

/*水平選單 2========*/
.nav_3{ background:#fff; width:100%; height:50px; overflow:auto; overflow-y:hidden;}
.nav_3 .inner{ min-width:300px; height:50px; white-space: nowrap;  margin: 0 auto; padding:10px;}/* 選單內層：不換行、寬度會自行撐開，但須配合a{display:inline-block} */
.nav_3 .inner a{ display:inline-block; height:30px; line-height:30px; text-align:center; font-size:14px; background:#eee; color:#000; margin-right:10px; padding:0px 10px; border-radius:10px; overflow:hidden;}
.nav_3 .inner a.current{ background:#fff; border:1px solid #f1c81e;}


/* 搜尋================================ */
.search{ width:0px; height:25px; position:absolute; top:15px; right:15px;}
.search .icon_open{ width:25px; height:25px; background:url(../images/search.png) left top no-repeat; background-size:25px 50px; border-radius:5px; position:absolute; top:0px; right:-3px;}

.search form{ height:25px; position:absolute; top:0px; right:0px;}
.search form .keyword{ display:block; width:80px; height:25px; border:1px solid #999; font-size:15px;  padding:2px 0px 0px 5px; position:absolute; top:0px; right:30px; -webkit-appearance:none;/*取消ios的預設樣式*/}
.search form .send{ width:0px; height:0px; position:absolute; top:0px; right:0px; -webkit-appearance:none; display:none;}

/*大於360*/
@media only screen and (min-width:360px){
	.search form .keyword{ width:100px;}
}

/*大於414*/
@media only screen and (min-width:414px){
	.search form .keyword{ width:120px;}
}

/*main 內容區=================================*/
.main{ clear:both;}

/*footer====================================*/
.main ~ .footer{ clear:both; text-align:center; padding:30px 0px 70px 0px;}
.main ~ .footer .menu_1{ clear:both; margin-bottom:10px;}
.main ~ .footer .menu_1 a{ display:inline-block; height:35px; line-height:35px; font-size:18px; border:1px solid #000; padding:0px 15px;}
.main ~ .footer p{ font-size:15px;}


/*************************************側欄區************************************/
/*side 包覆以下 =============================*/
.side{ width:200px; height:100%; background:rgba(255,255,255,0.9); box-shadow:0px -1px 2px 2px rgba(0,0,0,0.2); overflow-y:auto; position:absolute; left:0px; top:0px; z-index:1; display:none;
-webkit-transition:0.5s ease-out;
transition:0.5s ease-out;}

/*垂直選單===*/
.side .nav_1{ margin-bottom:15px;}
.side .nav_1 a{ display:block; height:45px; line-height:45px; font-size:18px; font-weight:bold; text-align:center; border-bottom:1px solid #f1c81e;}
.side .nav_1 a.current{ background:#f1c81e; color:#000;}
/*icon 圖標*/
.side .nav_1 a.icon_1 span{ display:inline-block; width:auto; height:45px; background:url(../images/social-facebook.svg) no-repeat 5px 12px / 20px 20px; padding-left:30px;}

/*版權宣告===*/
.side .footer{ clear:both; text-align:center; margin-bottom:50px;}
.side .footer a{ display:inline-block; font-size:18px; margin-bottom:5px;}
.side .footer span{ padding:0px 3px;}
.side .footer p{ font-size:12px;}

/*20211201 主選單和側欄【ET直播】按鈕暫時隱藏*/
.side .nav_1 a#side_273, .nav_2 a#nav_2_273 { display:none;}/* block.css */
/*************************************block 區塊****************************************/
/*block_z=============*/
.block_z{ clear:both; }
.block_z > h2.title{ background:#eee; border-left:10px solid #c62553; padding:3px 15px;}
.block_z > h2.title em{ font-size:15px; color:#000; font-style:normal; margin-right:5px;}
.block_z > h2.title span{ font-size:15px; color:000;}
/*標題有icon*/
.title.icon:before{ display:inline-block; content:""; width:20px; height:20px; margin-right:3px; background:url(../images/icon_play_dark.png) center center; background-size:100% auto;
position:relative; top:3px;}
/*圖片有icon*/
.pic.icon:after { content:""; display:block; width:40px; height:40px; background:url(../images/icon_play.png) center center no-repeat; background-size:100% auto; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px);}


/*block_y=============*/
.block_y{ clear:both; background:#fff; width:calc(100% - 14px); margin:10px auto 15px auto; box-shadow: 0px 0px 2px 0px rgba(30,25,20,0.3); position:relative; padding:40px 10px 0;}
.block_y > h2.title{ width:100%; background:#fff; color:#000; font-size:16px; font-weight:normal; padding:5px 0 5px 35px; margin-bottom:10px; position: absolute; left:0; top:0;}
.block_y > h2.title em{ font-style:normal; margin-right:5px;}
.block_y > h2.title:before{ content:""; display:inline-block; width:12px; height:100%; background:#f1c81e; position:absolute; left:10px; top:0px;}



/*************************************元件模組 part ****************************************/
/*按鈕1=============*/
a.btn_1 { display:inline-block; height:26px; line-height:28px; text-align:center; font-size:14px; background:#eee; color:#000; padding:0px 10px; border-radius:10px;}

/*標題1=============*/
.part_title_1 { height:23px; line-height:24px; font-size:18px; font-weight:normal; padding:10px; margin:5px 0px 15px 0px;}
.part_title_1 a,
.part_title_1 em { display:inline-block; width:18px; height:18px; background:url(../images/arrow_01.png); background-size:100% auto; text-indent:-9999px; margin-right:10px; transform: rotate(90deg); }
.part_title_1 span { margin-left:10px;}

/*標題2=============*/
.part_title_2{ display:block; width:100%; background:#fff; color:#000; font-size:16px; font-weight:normal; padding:5px 0 5px 30px; margin-bottom:10px; position: absolute; left:0; top:0;}
.part_title_2:before{ content:""; display:inline-block; width:12px; height:100%; background:#f1c81e; position:absolute; left:8px; top:0px;}
.part_title_2 em { display:inline-block; height:20px; line-height:21px; background:#ea4e16; font-style:normal; font-size:13px; color:#fff; padding:0 2px; margin-right:5px; position:relative; top:-1px;}
.part_title_2 span {}

a.more_1 { display:inline-block; width:30px; height:30px; border:10px solid #eee; padding:10px;
	background:#ccc url(../images/more-1.png) no-repeat left top; background-size:20px 20px; position:absolute; right:0px; top:0px;}

/* part_pictxt_1 圖文列表=============*/
.part_pictxt_1{ clear:both; padding:0px 7px; margin-bottom:15px; position:relative;}
.part_pictxt_1 .piece{ display:block; background:#fff; box-shadow:0px 0px 2px 0px rgba(30,25,20,0.3); padding:52px 10px 17px 10px; margin-bottom:15px; position:relative;}
.part_pictxt_1 .piece.preview_link .overlap{ width: calc(100% - 20px ); height:0px; padding-bottom:56.25%; background:  url(../images/icon_loading.svg) center 32% no-repeat; background-size: auto 50px; pointer-events: none; cursor: pointer; position: absolute; left: 10px; bottom: 5px; z-index: 3; display: none;}
.part_pictxt_1 .piece.preview_link .overlap .btn_cancel{ font-size: 11px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; text-shadow: 0px 0px 5px rgba(30, 30, 30, 0.9); pointer-events: auto; cursor: pointer; padding: 2px 5px; background-color: rgb(0, 0, 0, 0.8); position: absolute; left: 50%; top: 55%; transform: translateX(-50%);}
.part_pictxt_1 .piece a.pic{ display: block; width: 100%; padding-bottom:56.25%; border: 1px solid #ddd; background: #000; position:relative; margin-bottom:5px; overflow: hidden;}
.part_pictxt_1 .piece a.pic img{ width: 100%; height: auto; position: absolute; left: 0; top: 0;}
.part_pictxt_1 .piece a.pic.icon:after { width:50px; height:50px; left:calc(50% - 25px); top:calc(50% - 25px);}
.part_pictxt_1 .piece.inView.timerPlay a.pic.icon:after{ display: none;}
.part_pictxt_1 .piece a.pic em.time{ display:inline-block; height:25px; line-height:25px; background:rgba(0,0,0,1); font-style:normal; font-size:13px; color:#fff; text-align:right; padding:0 10px; position:absolute; left:0px; top:0px;}
.part_pictxt_1 .piece a.title{ display:block; width:100%; background:#fff; color:#000; font-size:16px; font-weight:normal; padding:5px 0 5px 30px; margin-bottom:10px; position: absolute; left:0; top:0;}
.part_pictxt_1 .piece a.title:before{ content:""; display:inline-block; width:12px; height:100%; background:#f1c81e; position:absolute; left:8px; top:0px;}
.part_pictxt_1 .piece a.title em { display:inline-block; height:20px; line-height:21px; background:#ea4e16; font-style:normal; font-size:13px; color:#fff; padding:0 2px; margin-right:5px; position:relative; top:-1px;}
.part_pictxt_1 .piece a.more_1 { border:10px solid #fff;}
/*直播時*/
.part_pictxt_1 .piece.live .pic:before{ content:"Live"; display:inline-block; height:20px; line-height:20px; font-style:italic; background:#d2020b; color:#fff; padding:0px 10px 0px 15px; position:absolute; left:0; top:0;}


/* part_pictxt_2 圖文列表=============*/
.part_pictxt_2{ clear:both; margin-bottom:30px;}
.part_pictxt_2 a.piece{ display: block; position:relative; margin-bottom:20px;}
.part_pictxt_2 a.piece.preview_link .overlap{ width: 100%; height:0px; padding-bottom:56.25%; background:  url(../images/icon_loading.svg) center 45% no-repeat; background-size: auto 50px; pointer-events: none; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 3; display: none;}
.part_pictxt_2 a.piece.preview_link .overlap .btn_cancel{ font-size: 11px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; text-shadow: 0px 0px 5px rgba(30, 30, 30, 0.9); pointer-events: auto; cursor: pointer; padding: 2px 5px; background-color: rgb(0, 0, 0, 0.8); position: absolute; left: 50%; top: 60%; transform: translateX(-50%);}
.part_pictxt_2 a.piece .pic{ width: 100%; height:0px; padding-bottom:56.25%; border: 1px solid #ddd; background: #000; position:relative; margin-bottom:5px; overflow: hidden;}
.part_pictxt_2 a.piece.inView.timerPlay .pic.icon:after{ display: none;}
.part_pictxt_2 a.piece .pic img{ width: 100%; height: auto; position: absolute; left: 0; top: 0;}
.part_pictxt_2 a.piece h3 { color:#000; font-size:16px; font-weight:normal; padding: 0 10px;
/*以下截字*/
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;/*最多幾行*/}
/* 被點擊過的連結加上style_1 localStorage 紀錄*/
.part_pictxt_2 a.piece.style_1 h3{ color: #999;}


/* part_pictxt_3 圖文列表=============*/
.part_pictxt_3{ clear:both; padding:0px 7px; margin-bottom:15px; position:relative;}
.part_pictxt_3 .piece{ background:#fff; border-bottom:1px solid #dcdcdc; margin-bottom:15px; position: relative;}
.part_pictxt_3 .piece.preview_link .overlap{ width: 100%; height:0px; padding-bottom:56.25%; background:  url(../images/icon_loading.svg) center 45% no-repeat; background-size: auto 50px; pointer-events: none; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 3; display: none;}
.part_pictxt_3 .piece.preview_link .overlap .btn_cancel{ font-size: 11px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; text-shadow: 0px 0px 5px rgba(30, 30, 30, 0.9); pointer-events: auto; cursor: pointer; padding: 2px 5px; background-color: rgb(0, 0, 0, 0.8); position: absolute; left: 50%; top: 60%; transform: translateX(-50%);}
.part_pictxt_3 > div:nth-last-child(1) { border:none;}
.part_pictxt_3 .piece a.pic{ display:block; width: 100%; height: 0px; padding-bottom: calc((9 / 16) * 100%); background:#000; overflow:hidden; margin-bottom:5px; position:relative;}
.part_pictxt_3 .piece a.pic img{ width:auto; height: 100%; position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto;}
.part_pictxt_3 .piece a.pic.icon:after{ width:50px; height:50px; position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto;}
.part_pictxt_3 .piece.inView.timerPlay a.pic.icon:after{ display: none;}
.part_pictxt_3 .piece a.pic em.time{ display:block; height:25px; line-height:25px; background:rgba(0,0,0,1); font-style:normal; font-size:13px; color:#fff; padding:0 10px; position:absolute; left:0px; top:0px; z-index: 2;}
.part_pictxt_3 .piece a.title{ margin-bottom:10px;
/*以下截字*/
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*最多幾行*/}
/*直播時*/
.part_pictxt_3 .piece.live .pic:before{ content:"Live"; display:inline-block; height:20px; line-height:20px; font-style:italic; background:#d2020b; color:#fff; padding:0px 10px 0px 15px; position:absolute; left:0; top:0; z-index: 2; border: 1px solid red;}

/*熱門短影音專用*/
.part_pictxt_3.short_video .piece{ width:48.5%; float:left; margin-right:10px; border:1px solid #dcdcdc;}
.part_pictxt_3.short_video .piece:nth-of-type(2n){ margin-right:0px;}
.part_pictxt_3.short_video .piece a.pic{ padding-bottom:320px; background:#fff;}
.part_pictxt_3.short_video .piece a.title{ padding:0px 5px;}

/*part_thumb_1 縮圖列表=============*/
.part_thumb_1{ clear:both; margin-bottom:10px; position:relative;}
.part_thumb_1 h2.title{ font-size:16px; font-weight:normal; padding:5px;}
.part_thumb_1 .part_title_2 { padding:5px; position: relative; background:#eee; margin-bottom:0;}
.part_thumb_1 .part_title_2:before { left:0;}
.part_thumb_1 .part_title_2 em { left:0;}
.part_thumb_1 .part_title_2 span {  top:10px;}
.part_thumb_1 .piece{ position:relative; margin-bottom: 15px;}
.part_thumb_1 .piece.preview_link .overlap{ width: 100%; height:0px; padding-bottom:56.25%; background:  url(../images/icon_loading.svg) center 45% no-repeat; background-size: auto 50px; pointer-events: none; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 3; display: none;}
.part_thumb_1 .piece.preview_link .overlap .btn_cancel{ font-size: 11px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; text-shadow: 0px 0px 5px rgba(30, 30, 30, 0.9); pointer-events: auto; cursor: pointer; padding: 2px 5px; background-color: rgb(0, 0, 0, 0.8); position: absolute; left: 50%; top: 60%; transform: translateX(-50%);}
.part_thumb_1 .piece a.pic{ display:block; width: 100%; height:0px; padding-bottom:56.25%; border: 1px solid #ddd; background: #000; position:relative; margin-bottom:10px; overflow: hidden;}
.part_thumb_1 .piece a.pic:after{ content:""; display: block; width:50px; height:50px; position: absolute; left:calc(50% - 25px); top:calc(50% - 25px);}
.part_thumb_1 .piece.inView.timerPlay a.pic:after{ display: none;}
.part_thumb_1 .piece a.pic img{ width: 100%; height: auto; position: absolute; left: 0; top: 0;}
.part_thumb_1 .piece h3{ font-size:16px; font-weight:normal; padding: 0 10px; margin-bottom:20px;
/*以下截字*/
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;/*最多幾行*/}
/*直播時*/
.part_thumb_1.live .pic:before{ content:"Live"; display:inline-block; height:20px; line-height:20px; font-style:italic; background:#d2020b; color:#fff; padding:0px 10px 0px 15px; position:absolute; left:0; top:0; z-index: 10;}
/*影片 rwd*/
.part_thumb_1 .piece .video{ margin-bottom:10px;
height:0px; padding-bottom:56.25%; overflow:hidden; position:relative; /*video RWD*/}
.part_thumb_1 .piece .video iframe,
.part_thumb_1 .piece .video object,
.part_thumb_1 .piece .video embed { width:100%; height:100%; position:absolute; right:0px; top:0px;} /*CSS位置 251 大影音吸住置頂 .video.fixed*/

/*part_thumb_2 縮圖列表=============*/
.part_thumb_2{ clear:both; padding:10px; margin-bottom:10px;}
.part_thumb_2 h2.title{ font-size:16px; font-weight:normal; padding:5px;}
.part_thumb_2 .piece { position:relative;}
.part_thumb_2 .piece.preview_link .overlap{ width: 100%; height:0px; padding-bottom:56.25%; background: url(../images/icon_loading.svg) center 45% no-repeat; background-size: auto 50px; pointer-events: none; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 3; display: none;}
.part_thumb_2 .piece.preview_link .overlap .btn_cancel{ font-size: 11px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; text-shadow: 0px 0px 5px rgba(30, 30, 30, 0.9); pointer-events: auto; cursor: pointer; padding: 2px 5px; background-color: rgb(0, 0, 0, 0.8); position: absolute; left: 50%; top: 60%; transform: translateX(-50%);}
.part_thumb_2 .piece a.pic{ display:block; width: 100%; height:0px; padding-bottom:56.25%; border: 1px solid #ddd; background: #000; position:relative; margin-bottom:5px; overflow: hidden;}
.part_thumb_2 .piece a.pic.icon:after { content:""; display: block; width:50px; height:50px; position: absolute; left:calc(50% - 25px); top:calc(50% - 25px);}
.part_thumb_2 .piece.inView.timerPlay  a.pic.icon:after{ display: none;}
.part_thumb_2 .piece a.pic img{ width: 100%; height: auto; position: absolute; left: 0; top: 0;}
.part_thumb_2 .piece h3{ font-size:16px; font-weight:normal; padding: 0 10px; margin-bottom:20px;
/*以下截字*/
display: -webkit-box;
overflow: hidden; 
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;/*最多幾行*/}

/************************************* 輪撥 ****************************************/
/*gallery_1=============*/
.gallery_1 { position:relative; overflow:hidden;}
.gallery_1 .pic { margin-bottom:5px; position:relative;}
.gallery_1 .pic.icon:after { width:100px; height:100px; left:calc(50% - 50px); top:calc(50% - 50px);}
.gallery_1 .pic img { max-width:100%; height:auto;}
.gallery_1 h3.title { height:45px; font-size:17px; font-weight:normal; padding:0 5px;}
/*歸零*/
.gallery_1 .run .bx-wrapper { margin:0 auto 5px;}
.gallery_1 .run .bx-wrapper .bx-viewport{ box-shadow:none; border:none; background:none; left:0;}
/*左右箭頭*/
.gallery_1 .run .bx-wrapper .bx-controls-direction { width:100%; height:30px; position:absolute; top:calc(50% - 20px);}
.gallery_1 .run .bx-wrapper .bx-controls-direction a{ width:30px; height:30px; text-indent:100%; white-space:nowrap; overflow:hidden; position:absolute; top:calc(50% - 15px); z-index:50;}
.gallery_1 .run .bx-wrapper .bx-prev{ background:url(../images/gallery_1-left.svg) no-repeat center center; left:5px;}
.gallery_1 .run .bx-wrapper .bx-next{ background:url(../images/gallery_1-right.svg) no-repeat center center; right:5px;}
/*小圓點*/
.gallery_1 .run .bx-wrapper .bx-pager { width:100%; text-align:center; position:absolute; bottom:-30px; display:none;}
.gallery_1 .run .bx-wrapper .bx-pager-item { display:inline-block; margin-right:6px;}
.gallery_1 .run .bx-wrapper .bx-pager-item a { display:inline-block; width:8px; height:8px; background:#fff; border:1px solid #666; border-radius:10px; text-indent:-9999px;}
.gallery_1 .run .bx-wrapper .bx-pager-item a:hover,
.gallery_1 .run .bx-wrapper .bx-pager-item a.active { background:#666;}


/************************************* 影片內頁 ****************************************/
/*subjcet_article=============*/
.subjcet_article{ clear:both; margin-bottom:20px;}
.subjcet_article h1.title{ margin-bottom:25px; font-weight:normal; padding: 0px 15px 0px 15px;}
/*成人標誌*/
.subjcet_article .icon_adult{ display:inline-block; width:31px; height:50px; background:url(../images/icon_adult.png) no-repeat left top; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden;}
/*video*/
.subjcet_article .video{ margin-bottom:15px;
 height:0px; padding-bottom:56.25%; overflow:hidden; position:relative; /*video RWD*/}
.subjcet_article .video iframe,
.subjcet_article .video object,
.subjcet_article .video embed { width:100%; height:100%; position:absolute; right:0px; top:0px;}
.subjcet_article .fb-comments{}

/* 大影音吸住置頂======== */
.video.fixed{ margin-bottom: 20px; height: 0px; padding-bottom: 56.25%; overflow: hidden; position: relative; z-index: 20; background:url(https://cdn2.ettoday.net/style/misc/boba-loading.png) no-repeat; background-size:100% auto;}
.video.fixed iframe{ width: 100%; height: 100%; max-width: 640px; max-height: 360px; position: absolute; right: 0px; top: 0px;}
/* 吸住 */
.video.fixed.aniFixed_1 iframe{ position: fixed; animation: aniFixed_1 linear forwards;}
/* 復原 */
.video.fixed.aniFixed_2 iframe{ animation: aniFixed_2 linear forwards;}

/* 吸住 */
@keyframes aniFixed_1{
	0%{ width: 100vw; height: calc( (9 / 16) * 100vw); position: fixed; right: 50%; top: -100px; z-index: 1; transform: translateX(50%);}
	60%{ width: 100vw; height: calc( (9 / 16) * 100vw); position: fixed; right: 50%; top: 40px; z-index: 1; transform: translateX(50%);}
	100%{ width: 100vw; height: calc( (9 / 16) * 100vw); box-shadow: 0 0 5px black; position: fixed; right: 50%; top: 40px; z-index: 100; transform: translateX(50%);}
}

/* 復原 */
@keyframes aniFixed_2{
	0%{ width: 100vw; height: calc( (9 / 16) * 100vw); box-shadow: 0 0 5px black; position: fixed; right: 50%; top: 50px; z-index: 100; transform: translateX(50%);}
	70%{ width: 100vw; height: calc( (9 / 16) * 100vw); box-shadow: unset; position: fixed; right: 50%; top: 10px; z-index: 100; transform: translateX(50%);}
	80%{ width: 100vw; height: calc( (9 / 16) * 100vw); box-shadow: unset; position: relative; right: 50%; top: 0px; z-index: 1; transform: translateX(50%);}
	99.9999999999999%{ width: 100vw; height: calc( (9 / 16) * 100vw); box-shadow: unset; position: relative; right: 50%; top: 0px; z-index: 1; transform: translateX(50%);}
	100%{ width: 100%; height: 100%;}/*恢復原設定*/
}

/*story*/
.subjcet_article .story{ max-height:0px; clear:both; font-size:15px; color:#666; margin-bottom:0px; transition:all 0.7s; overflow:hidden;}
.subjcet_article .story img{ max-width:100%; height:auto;}
.subjcet_article .story p{ margin-bottom:15px;}
.subjcet_article .story a:link, .subjcet_article .story a:visited{ color:#ea4e16;}
/*more------*/
.subjcet_article .story ~ a.more { display:inline-block; height:35px; color:#999; padding-left: 15px; margin-bottom:-50px; border:none;}
.subjcet_article .story ~ a.more em {display:inline-block; width:14px; height:14px; background:url(../images/arrow_01.png); background-size:100% auto; margin-left:5px;}
/*story展開*/
.subjcet_article .story.open { max-height:2000px; padding:15px;} /*max-height 才可以作動畫*/
.subjcet_article .story.open ~ a.more em { transform: rotateX(180deg); }
/*關鍵字*/
.subjcet_article p.key{ clear:both; color:#ea4e16; margin-bottom:10px;}
.subjcet_article p.key span{ font-size:15px; background:#ea4e16; color:#fff; padding:1px 5px 0px 5px; margin-right:5px;}
.subjcet_article p.key a{ font-size:18px;}
.subjcet_article p.key a:link, .subjcet_article h2.key a:visited{ color:#ea4e16;}
/*相關連結*/
.subjcet_article .related { clear:both;}
.subjcet_article .related span{ display: inline-block; font-size:15px; padding:1px 5px 0px 5px; background:#666; color:#fff; margin-right:5px;}
.subjcet_article .related a {  }
/*社群分享*/
.part_menu_2{ clear:both; min-height:40px; position:relative; z-index:1; padding: 0px 15px 0px 15px;}
.part_menu_2 div{ float:left;}
.part_menu_2 .fb-share-button{ position:relative; top:-7px;} 
.part_menu_2 .fb-like{ position:relative; top:0px;}
.part_menu_2 .line{ width:55px; height:20px; margin:0px 15px 15px 0px; background:url(../images/icon_line.jpg) no-repeat left top / 55px 20px; border-radius:3px;}
.part_menu_2 .line a{ display:block; width:55px; height:20px; text-indent:100%; white-space:nowrap; overflow:hidden;}

/*404===============*/
.subject_404{ clear: both; width: calc(100% - 14px); background-color: #fff; padding: 40px 10px 0 10px; box-shadow: 0px 0px 2px 0px rgba(30,25,20,0.3); margin: 10px auto 15px auto;}
.subject_404 img{ width: 100%; height: auto;}
.subject_404 .menu{ text-align: center; margin-bottom: 10px;}
.subject_404 .menu a{ display: inline-block; width: 150px; height: 45px; line-height: 45px; text-align: center; border-radius: 5px;}
.subject_404 .menu a + a{ margin-left: 5px;}
.subject_404 .menu a:link, .subject_404 .menu a:visited{ background-color: rgba(234, 78, 22, 0.8); color: #fff;}

/*******************************熱門短影音專用*************************************/
.video.short{ padding-bottom:177%;}

/*************************************廣告****************************************/
/*ad_pictxt_1 影音廣告=============*/
.bg_ad_video { background:#fff;}
.ad_pictxt_1{ float:left; width:50%; background:#fff !important; padding:5px 15px 5px 15px;}
.ad_pictxt_1:nth-of-type(odd){ clear:both;}
.ad_pictxt_1 a.pic{ display:block; width:100%; height:0px; padding-bottom: calc((9 / 16) * 100% ); background: #000; margin:0px 10px 15px 0px; position:relative; overflow:hidden;}
.ad_pictxt_1 a.pic img{ width:auto; height:100%; box-shadow:0px 0px 1px rgba(30,25,20,0.5); position:absolute; top:-9999px; right:-9999px; bottom:-9999px; left:-9999px; margin:auto;}
.ad_pictxt_1 h3{ font-size:15px; font-weight:normal;
/*以下截字*/
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;/*最多幾行*/}
.ad_pictxt_1 span.date{ display:none;}
.ad_pictxt_1 span.tag{ display:none;}
/*play鍵*/
.ad_pictxt_1 a.pic:after{ content:""; display:block; width:40px; height:40px; background:url(../images/icon_play.png) center center no-repeat; background-size:100% auto; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px);}

/*ad_300=====*/
.ad_300{ clear:both; width:100%; text-align:center; margin:0 auto 10px auto;}

/*置底橫幅*/
.ad_320x50_fixed{ display:none; width:320px; text-align:center; position:fixed; bottom:0; margin:auto; left:0; right:0; z-index:888;}

/****************其他**********************/
/* 無限滾動頁面 loading圖 */
.loading{ width:100%; height:40px; background: url(../images/loading.gif) center top no-repeat; background-size:40px 40px; position: fixed; left:0px; bottom:90px; z-index:100; display:none;}

/*播吧推薦模組*/
.recirculation{ min-height:1700px;}

/*ai workzone產出的表格*/
.et_table-1{ clear:both; width:100%; max-width:600px; border-collapse:collapse; border:1px solid #2e2770; margin:0px auto 15px auto;}
.et_table-1 thead{ background-color:#2e2770; color:#fff; font-weight:300;}
.et_table-1 thead th{ padding:5px 0px;}
.et_table-1 tbody td{ padding:5px; border:1px solid #d6d6d5;}
.et_table-1 tbody tr:nth-of-type(even){ background-color:#eee;}/* page.css */
.category_menu{ width: calc(100% - 14px); background: #fff; box-shadow:0px 0px 2px 0px rgba(30,25,20,0.3);margin: 10px auto 15px auto;padding: 10px;}

.category_menu ul{}
.category_menu li{float: left; width: 50%; text-align: center; }
.category_menu li a{display: block; height: 40px; line-height: 40px; background: #f9c741; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}

.category_menu li a:hover{ background:#ea4e16;color: #fff; }
.category_menu li a.current{background:#ea4e16;color: #fff;}
/*大於360*/
@media only screen and (min-width:415px){
	.category_menu li{ width: 33.3%; }
}