@charset "utf-8";
/* CSS Document */
/* 2019.08.22
   Jay
----------------------------------*/
/*Icon 動畫預設*/
i { color:rgba(255,255,255,1); -webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
i:before { display:block; width:100%; height:auto; overflow:hidden; line-height:1.5rem; padding:1.125rem; text-align:center; font-size:1.5rem; }

/*=====================全域屬性======================*/
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
html, body { padding:0; margin:0; overflow-x:hidden; background:rgba(245,245,245,1);}
html {
/*針對 Safiri Mobile 旋轉時自動放大做的調整*/
-webkit-text-size-adjust: 100%;
font-size:1.25rem; line-height:1.5rem;
-moz-background-size:0;
-webkit-background-size:0;
-o-background-size:0;
background-size:0;}
body { font-family:'Arial','Helvetica','微軟正黑體', sans-serif;}
body *[lang="en"] { letter-spacing:1px;}

a:link,
a:visited { color:rgba(0,100,180,1)}
a:hover,
a:active { color:rgba(0,100,180,1); background:gold;}

.PageArticleH1:empty { display:none;}

/*針對無障礙設定*/
*:not(body):focus{ background:rgba(255,240,0,1); border:2.5px dashed blue; outline:0; color:blue;}
input:focus{ -webkit-appearance: none; border:2.5px dashed blue; outline:0; background:gold;}
input[type="radio"]:focus{ min-width:13px; min-height:13px;
/*圓角*/
border-radius:100%;}
/*跳到主要內容區塊*/
.Accesskey_JtoC { display:block; width:100%; height:15px; overflow:hidden; font-size:0.5rem; text-align:center; line-height:15px; position:fixed; top:0; left:0; opacity:0; text-decoration:none;}
.Accesskey_JtoC:focus{ color:blue; opacity:1; line-height:10px;}
.Accesskey_U { display:block; width:50px; height:50px; overflow:hidden; font-size:1rem; text-align:center; line-height:50px; position:absolute; top:20px; left:50%; opacity:0; text-decoration:none;}
.Accesskey_U:focus{ color:blue; opacity:1; line-height:45px;}
.Accesskey_C { display:block; width:100%; height:40px; overflow:hidden; font-size:1rem; line-height:40px; position:absolute; top:0; left:0; text-decoration:none; text-align:center;}
.Accesskey_C:link,
.Accesskey_C:visited,
.Accesskey_C:hover,
.Accesskey_C:active{ color:#1089d4; font-weight:bold;}
.Accesskey_C:focus{ color:blue; opacity:1; line-height:35px;}
.Accesskey_B { display:block; width:100%; height:30px; overflow:hidden; font-size:1rem; line-height:30px; position:absolute; top:0px; left:0; text-decoration:none; text-align:center; opacity:0;}
.Accesskey_B:focus{ color:blue; opacity:1; line-height:25px;}

body > form { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto;}

.Wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; padding-top:5rem; margin-top:0.1px;}
.DivW1280 { width:100%; max-width:calc(64rem + 1rem); padding:0 0.5rem; height:auto; margin:0 auto;}
.FixedAds { width:2.5rem; height:auto; overflow:hidden; max-width:25%; position:fixed; right:24px; bottom:0.5rem; z-index:4;}
.FixedAds.line { bottom:87.5px;}
.FixedAds a { display:block; width:100%; height:auto; overflow:hidden;}
.FixedAds img { display:block; width:100%; height:auto;}
.FixedAds .fb_reset .fb_dialog,
.FixedAds .fb_reset .fb_customer_chat_bounce_in_v2{ margin-bottom:45px;}

/*FixedAdsLeft */
.FixedAdsLeft { width:15%; min-width:280px; height:auto; overflow:hidden; position:fixed; right:0; bottom:0; z-index:1; padding:10px; right:auto; left:0; }
.FixedAdsLeft span { width:40px; height:25px; display:block; overflow:hidden; float:right; float:left; background:rgba(0,85,170,1);
/*陰影*/
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
/*圓角*/
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;}
.FixedAdsLeft span i { display:block; width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; font-size:0.6rem;
/*設定基本動畫效果*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.FixedAdsLeft span i.open { display:none;}
.FixedAdsLeft span.AdClose i.close { display:none;}
.FixedAdsLeft span.AdClose i.open { display:block;}
.FixedAdsLeft a { display:block; width:100%; height:auto; overflow:hidden;
/*陰影*/
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.FixedAdsLeft a img { display:block; width:100%; height:auto;}

.PageArticle * { word-wrap:break-word;}

.PageArticle .img-wrap {width:100%; height:auto; overflow:hidden;
/*flex*/
display: flex;
align-items: center;
justify-content:center;
flex-wrap:wrap;}
.PageArticle .img-wrap > div { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; max-width:100%; position:relative;}
.PageArticle .img-wrap > div img { display:block; max-width:100%; height:auto; float:left;}
.PageArticle .img-wrap > div .img-text { width: 100%; height:auto; overflow:hidden; position: absolute; bottom: 0; left:0; padding:5px 10px;    
    color: #ffffff;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(30%, rgba(0,0,0,0.44)), color-stop(100%, rgba(0,0,0,0.95)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
    z-index: 1;}
.PageArticle .img-wrap > div .img-text:empty { display:none;}

.editor-content figure {position: relative; width:fit-content; max-width: 100%;}
.editor-content figure figcaption { position: absolute; bottom:0; padding:5px 10px; width:100%; color:#fff;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(30%, rgba(0,0,0,0.44)), color-stop(100%, rgba(0,0,0,0.95)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.44) 30%, rgba(0,0,0,0.95) 100%);
}

/*=====================Header======================*/
.Header { width:100%; height:auto; overflow:hidden; background:url(../Images/Layout/TopBg.jpg) top center no-repeat; position:fixed; top:0; left:0;
-moz-background-size:1920px 100px;-webkit-background-size:1920px 100px; -o-background-size:1920px 100px;background-size:1920px 100px; z-index:3;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Header *:not(.DivW1280) { padding:0; margin:0; list-style:none; text-decoration:none;}
.Header .DivW1280 { max-width:64rem; padding:0; position:relative;}


/*Logo*/
.Header .Logo { display:block; width:12.5rem; height:auto; overflow:hidden; float:left; margin:1rem 0;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Header .Logo a { display:block; width:100%; height:3rem; overflow:hidden; float:left; text-indent:-9999px; background:url(../Images/Layout/Logo.png) 0 0 no-repeat;
/*背景圖片尺寸*/
-moz-background-size:250px 60px;
-webkit-background-size:250px 60px;
-o-background-size:250px 60px;
background-size:250px 60px;}
.Header .Logo a:focus {background:url(../Images/Layout/Logo.png) 0 0 no-repeat, rgba(255,240,0,0.8);
/*背景圖片尺寸*/
-moz-background-size:250px 60px;
-webkit-background-size:250px 60px;
-o-background-size:250px 60px;
background-size:250px 60px;}

/*TopMenu*/
.Header .TopMenu { width:calc( 100% - 12.5rem); height:auto; overflow:hidden; float:right; padding:1.5rem 0; padding-right:10rem; position:relative;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Header .TopMenu .Menu { display:inline-block; width:auto; height:2rem; overflow:hidden; float:right;}
.Header .TopMenu .Menu ul { display:block; width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.Header .TopMenu .Menu ul li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left;}
.Header .TopMenu .Menu ul li a { display:block; width:100%; height:auto; overflow:hidden; padding:0.25rem; line-height:1.5rem; font-size:0.8rem;}
.Header .TopMenu .Menu ul li a:link,
.Header .TopMenu .Menu ul li a:visited { color:white;}
.Header .TopMenu .Menu ul li a:hover,
.Header .TopMenu .Menu ul li a:active { color:blue; background:gold;}
.Header .TopMenu .Menu ul li a:focus{ color:blue;}
.Header .TopMenu .Menu ul li.online,
.Header .TopMenu .Menu ul li.Replays,
.Header .TopMenu .Menu ul li.FB,
.Header .TopMenu .Menu ul li.Line,
.Header .TopMenu .Menu ul li.IG,
.Header .TopMenu .Menu ul li.Youtube,
.Header .TopMenu .Menu ul li.Rss { width:2rem; text-indent:-9999px;}
.Header .TopMenu .Menu ul li.online a { background: url(../Images/Layout/online.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.Replays a { background: url(../Images/Layout/Replays.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.FB a { background: url(../Images/Layout/FB.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.IG a { background: url(../Images/Layout/IG.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.Line a { background: url(../Images/Layout/Line.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.Header .TopMenu .Menu ul li.Youtube a { background: url(../Images/Layout/Youtube.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.Rss a { background: url(../Images/Layout/RSS.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.online a:hover,
.Header .TopMenu .Menu ul li.online a:active,
.Header .TopMenu .Menu ul li.online a:focus{ background: url(../Images/Layout/online_o.png) center center no-repeat, gold;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.Replays a:hover,
.Header .TopMenu .Menu ul li.Replays a:active,
.Header .TopMenu .Menu ul li.Replays a:focus { background: url(../Images/Layout/Replays_o.png) center center no-repeat, gold;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.FB a:hover,
.Header .TopMenu .Menu ul li.FB a:active,
.Header .TopMenu .Menu ul li.FB a:focus { background: url(../Images/Layout/FB_o.png) center center no-repeat, gold;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.IG a:hover,
.Header .TopMenu .Menu ul li.IG a:active,
.Header .TopMenu .Menu ul li.IG a:focus { background: url(../Images/Layout/IG_o.png) center center no-repeat, gold;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.Line a:hover,
.Header .TopMenu .Menu ul li.Line a:active,
.Header .TopMenu .Menu ul li.Line a:focus { background: url(../Images/Layout/Line_o.png) center center no-repeat, gold;
/*背景圖片尺寸*/
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.Header .TopMenu .Menu ul li.Youtube a:hover,
.Header .TopMenu .Menu ul li.Youtube a:active,
.Header .TopMenu .Menu ul li.Youtube a:focus { background: url(../Images/Layout/Youtube_o.png) center center no-repeat, gold;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Menu ul li.Rss a:hover,
.Header .TopMenu .Menu ul li.Rss a:active,
.Header .TopMenu .Menu ul li.Rss a:focus { background: url(../Images/Layout/RSS_o.png) center center no-repeat, gold;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .GoogleTranslate { width:7rem; height:auto; overflow:hidden; position:absolute; top:1.5rem; right:2.5rem;
/*基礎動畫設定*/
-webkit-transition:top .5s, -webkit-transform .5s; transition:top .5s, transform .5s;}
.Header .TopMenu .GoogleTranslate > div,
.Header .TopMenu .GoogleTranslate > div > div,
.Header .TopMenu .GoogleTranslate > div > div > div{ height:2rem;}
.Header .TopMenu .GoogleTranslate > div > div > div{ padding-left:20px; position:relative; width:100%;}
.Header .TopMenu .GoogleTranslate > div > div > div > img { position:absolute; top:50%; margin-top:-9.5px; left:0;}
.Header .TopMenu .GoogleTranslate > div > div > div > img ~ span,
.Header .TopMenu .GoogleTranslate > div > div > div > img ~ span > a{ display:block; width:100%; height:2rem; overflow:hidden; }
.Header .TopMenu .GoogleTranslate > div > div > div > img ~ span > a {
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:flex-end;justify-content:flex-end;}
.Header .TopMenu .GoogleTranslate select { width:100%; height:2rem; border:none; line-height:1.5rem; float:left; padding:0.25rem; }
.Header .TopMenu .GoogleTranslate select:focus{ background:rgba(255,240,0,1); border:2.5px dashed blue; outline:0;}

.Header .TopMenu .Search { width:8rem; height:auto; overflow:hidden; position:absolute; top:1.5rem; right:10rem; right:2rem;
/*基礎動畫設定*/
-webkit-transition:top .5s, -webkit-transform .5s; transition:top .5s, transform .5s;}
.Header .TopMenu .Search .SearchBtn { width:2rem; height:2rem; overflow:hidden; float:right; outline:none; border:0; background: url(../Images/Layout/Search.png) center center no-repeat, rgba(25,25,110,1); text-indent:-9999px;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Search .SearchBtn:hover,
.Header .TopMenu .Search .SearchBtn:focus{ background:url(../Images/Layout/Search_o2.png) center center no-repeat, rgba(255,240,0,1); border:2.5px dashed blue; outline:0;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .Search .SearchText { width:calc(100% - 2rem); height:2rem; outline:none; border:0; padding:0.25rem; line-height:1.5rem; overflow:hidden; background:white; float:left; font-family:'Roboto', '微軟正黑體', sans-serif;}
.Header .TopMenu .Search .SearchText:focus{ background:rgba(255,240,0,1); border:2.5px dashed blue; outline:0;}
.Header .TopMenu .NavBtn { width:2rem; height:2rem; overflow:hidden; float:right; outline:none; border:0; background: url(../Images/Layout/Menu.png) center center no-repeat; text-indent:-9999px; float:left; position:absolute; top:1.5rem; right:0;
/*基礎動畫設定*/
-webkit-transition:top .5s, -webkit-transform .5s; transition:top .5s, transform .5s;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .NavBtn:hover,
.Header .TopMenu .NavBtn:active,
.Header .TopMenu .NavBtn:focus{ background:url(../Images/Layout/Menu_o3.png) center center no-repeat, rgba(255,240,0,1); border:2.5px dashed blue; outline:0;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Header .TopMenu .NavBtn.Open { display:none;}

.NavBtn2 { width:2rem; height:2rem; overflow:hidden; float:right; outline:none; border:0; background: url(../Images/Layout/Menu_o.png) center center no-repeat; text-indent:-9999px; position:fixed; top:1.5rem; z-index:3; right:50%; margin-right:-32rem; display:none;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;
/*基礎動畫設定*/
-webkit-transition:top .5s, -webkit-transform .5s; transition:top .5s, transform .5s;}
.NavBtn2:hover,
.NavBtn2:focus{ background:url(../Images/Layout/Menu_o2.png) center center no-repeat, rgba(255,240,0,1); border:2.5px dashed blue; outline:0;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.NavBtn2.Open { display:block;}

/*Nav*/
.Nav { width:100%; height:auto; overflow:hidden; padding:0.5rem 0; background:rgba(245,245,245,1); position:fixed; top:5rem; left:0; display:none; z-index:3;
/*基礎動畫設定*/
-webkit-transition:top .5s, -webkit-transform .5s; transition:top .5s, transform .5s;}
.Nav * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Nav > ul { display:block; width:100%; max-width:64rem; height:auto; overflow:hidden; margin:0 auto;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.Nav > ul > li { width:10%; height:auto; overflow:hidden; float:left;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Nav > ul > li > a { display:block; width:100%; height:auto; overflow:hidden; text-align:center; font-size:0.8rem; color:rgba(0,0,0,1); float:left; color:rgba(0,0,0,1);
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Nav > ul > li > a:link,
.Nav > ul > li > a:visited { color:rgba(0,0,0,1); border:2.5px solid rgba(16,137,212,0);}
.Nav > ul > li > a:hover,
.Nav > ul > li > a:active { color:rgba(0,0,0,1); background:gold; border:2.5px solid darkblue;}
/*針對無障礙設定*/
.Nav > ul > li > a:focus{ color:blue;}
.Nav > ul > li > a:before { content:''; display:block; width:100%; height:3rem; overflow:hidden;
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.Nav > ul > li.NavLi00 > a:before { background:url(../Images/Layout/Nav/NavLi00.png) center center no-repeat;}
.Nav > ul > li.NavLi01 > a:before { background:url(../Images/Layout/Nav/NavLi01.png) center center no-repeat;}
.Nav > ul > li.NavLi02 > a:before { background:url(../Images/Layout/Nav/NavLi02.png) center center no-repeat;}
.Nav > ul > li.NavLi03 > a:before { background:url(../Images/Layout/Nav/NavLi03.png) center center no-repeat;}
.Nav > ul > li.NavLi04 > a:before { background:url(../Images/Layout/Nav/NavLi04.png) center center no-repeat;}
.Nav > ul > li.NavLi05 > a:before { background:url(../Images/Layout/Nav/NavLi05.png) center center no-repeat;}
.Nav > ul > li.NavLi06 > a:before { background:url(../Images/Layout/Nav/NavLi06.png) center center no-repeat;}
.Nav > ul > li.NavLi07 > a:before { background:url(../Images/Layout/Nav/NavLi07.png) center center no-repeat;}
.Nav > ul > li.NavLi08 > a:before { background:url(../Images/Layout/Nav/NavLi08.png) center center no-repeat;}
.Nav > ul > li.NavLi09 > a:before { background:url(../Images/Layout/Nav/NavLi09.png) center center no-repeat;}
.Nav > ul > li.NavLi10 > a:before { background:url(../Images/Layout/Nav/NavLi10.png) center center no-repeat;}
.Nav > ul > li.NavLi11 > a:before { background:url(../Images/Layout/Nav/NavLi11.png) center center no-repeat;}
.Nav > ul > li.NavLi12 > a:before { background:url(../Images/Layout/Nav/NavLi12.png) center center no-repeat;}

/*下拉時*/
.WrapperFixed .Header .Logo { margin:0.25rem 0;}
.WrapperFixed .Header .TopMenu { padding:0.75rem 0; padding-right:10rem;}
.WrapperFixed .Header .TopMenu .GoogleTranslate { top:0.75rem;}
.WrapperFixed .Header .TopMenu .Search { top:0.75rem;}
.WrapperFixed .Header .TopMenu .NavBtn { top:0.75rem;}
.WrapperFixed .NavBtn2 { top:0.75rem;}
.WrapperFixed .Nav { top:3.5rem;}

/*DefBanner*/
.DefBanner { width:100%; max-width:64rem; height:auto; margin:0 auto; margin-bottom:1rem;}
.DefBanner a { display:block; width:100%; height:auto; overflow:hidden;}
.DefBanner img { display:block; max-width:100%; height:auto;}

.Content.HomeContent { width:100%; height:auto; overflow:hidden; padding-top:0;}
.Content.HomeContent h2 { width:100%; height:auto; overflow:hidden; border-left:0.25rem solid rgba(85,195,240,1); margin:0; padding:0; font-size:1.5rem; line-height:1.5rem; padding:0.25rem 0; text-indent:0.5rem; margin-bottom:0.5rem; color:rgba(0,0,0,0.8);}
.Content.HomeContent a.More { display:none;}
.Content.HomeContent .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:5px;}
.Content.HomeContent .swiper-pagination-bullet { background:none; border:0.05rem solid black;}
.Content.HomeContent .swiper-pagination-bullet-active { background:rgba(85,195,240,1); border:0.05rem solid rgba(85,195,240,1);}

/*DefAds*/
.DefAds { width:100%; max-width:64rem; height:auto; overflow:hidden; margin:0 auto; margin-bottom:2rem;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.DefAds .DefAdsWrap { width:50%; width:100%; height:auto; overflow:hidden; float:left;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}

.DefAds .DefAdsWrap  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:5px;}
.DefAds .DefAdsWrap  .swiper-pagination-bullet { width:10px; height:10px; background:none; border:0.05rem solid white; opacity:0.4;}
.DefAds .DefAdsWrap  .swiper-pagination-bullet-active { background:rgba(85,195,240,1); border:0.05rem solid rgba(85,195,240,1);}

.DefAds .DefAdsSubWrap { width:50%; width:100%; height:auto; overflow:hidden; float:left;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.DefAds .DefAdsSubWrap:nth-child(even) { float:right;}
.DefAds .DefAdsSubSubWrap { width:100%; width:50%; height:auto; overflow:hidden; float:left; position:relative;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.DefAds .DefAdsSubSubWrap:before { display:block; width:1.5rem; height:1rem; overflow:hidden; position:absolute; top:0.5rem; left:0.5rem; background:#ea545d; color:white; font-size:0.7rem; line-height:1rem; z-index:2; text-align:center;}
.DefAds .DefAdsSubSubWrap#ContentPlaceHolder1_wrapperProgramFM:before { content:'FM';}
.DefAds .DefAdsSubSubWrap#ContentPlaceHolder1_wrapperProgramAM:before { content:'AM';}
.DefAds a { display:block; width:100%; height:auto; overflow:hidden; position:relative; height:100%;
background:url(../Images/Layout/Default/NoImage_Program.jpg) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:center;justify-content:center;}
.DefAds a img { display:block; width:100%; height:auto; float:left; min-height:100%; opacity:0;
/*基礎動畫設定*/
transition:all .5s;}
.DefAds a:hover img,
.DefAds a:active img,
.DefAds a:focus img {transform: scale(1.2);}
.DefAds a img.Photo { position:absolute; width:100%; height:auto; top:0; left:0; z-index:1; opacity:1;}
.DefAds a span.TextBox { display:inline-block; width:auto; width:calc( 100% - 1rem); height:auto; overflow:hidden; position:absolute; left:0.5rem; bottom:0.5rem; background:rgba(0,0,0,0.6); padding:0.5rem; border-left:0.25rem solid rgba(85,195,240,1); color:white; z-index:2;}
.DefAds a:hover span.TextBox,
.DefAds a:active span.TextBox,
.DefAds a:focus span.TextBox{ background:gold; color:blue;}
.DefAds a span.TextBox > span { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.DefAds a span.TextBox > span.Title { font-weight:bold; color:white;}
.DefAds a:hover span.TextBox > span.Title,
.DefAds a:active span.TextBox > span.Title,
.DefAds a:focus span.TextBox > span.Title{ color:blue;}
.DefAds .FMAM a span.TextBox > span.Title { color:rgba(85,195,240,1);}
.DefAds a span.TextBox > span.Name { font-size:0.8rem;}
.DefAds a span.TextBox > span.Name strong { color:rgba(255,245,130,1); font-weight:normal;}
.DefAds a:hover span.TextBox > span.Name strong,
.DefAds a:active span.TextBox > span.Name strong,
.DefAds a:focus span.TextBox > span.Name strong{ color:blue;}
.DefAds a span.TextBox > span.Time { font-size:0.7rem; opacity:0.6;}
.DefAds .FMAM .swiper-button-next,
.DefAds .FMAM .swiper-button-prev { width:1.5rem; height:1.5rem; top:0; margin:0;}
.DefAds .FMAM .swiper-button-prev,
.DefAds .FMAM .swiper-container-rtl .swiper-button-next {
	background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center center no-repeat, rgba(85,195,240,1);
	/*背景圖片尺寸*/
-moz-background-size:60% 60%;
-webkit-background-size:60% 60%;
-o-background-size:60% 60%;
background-size:60% 60%;
left:auto;
	right:1.5rem;
}
.DefAds .FMAM .swiper-button-prev:focus,
.DefAds .FMAM .swiper-container-rtl .swiper-button-next:focus {
	background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%230000ff'%2F%3E%3C%2Fsvg%3E") center center no-repeat, gold;
	/*背景圖片尺寸*/
-moz-background-size:60% 60%;
-webkit-background-size:60% 60%;
-o-background-size:60% 60%;
background-size:60% 60%;
}
.DefAds .FMAM .swiper-button-next,
.DefAds .FMAM .swiper-container-rtl .swiper-button-prev {
	background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") center center no-repeat, rgba(40,125,160,1);
	/*背景圖片尺寸*/
-moz-background-size:60% 60%;
-webkit-background-size:60% 60%;
-o-background-size:60% 60%;
background-size:60% 60%;
	right:0;
	left:auto;
}
.DefAds .FMAM .swiper-button-next:focus,
.DefAds .FMAM .swiper-container-rtl .swiper-button-prev:focus {
	background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%230000ff'%2F%3E%3C%2Fsvg%3E") center center no-repeat, gold;
	/*背景圖片尺寸*/
-moz-background-size:60% 60%;
-webkit-background-size:60% 60%;
-o-background-size:60% 60%;
background-size:60% 60%;
}
.DefAds .FMAM .swiper-button-next.swiper-button-disabled,
.DefAds .FMAM .swiper-button-prev.swiper-button-disabled { opacity:0.2;}
.DefAds .FMAM .swiper-button-next.swiper-button-disabled:focus,
.DefAds .FMAM .swiper-button-prev.swiper-button-disabled:focus { opacity:1;}

/*DefRadio*/
.DefRadio { width:100%; max-width:64rem; height:auto; overflow:hidden; margin:0 auto; margin-bottom:2rem;}
.DefRadio .swiper-wrapper { margin-bottom:2.5rem;}
.DefRadio a { display:block; width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:center;justify-content:center;}
.DefRadio a:link,
.DefRadio a:visited,
.DefRadio a:hover,
.DefRadio a:active { color:white;}
.DefRadio a > span { display:block; width:100%; height:auto; overflow:hidden; position:absolute; left:0rem; bottom:0rem; padding:0.5rem; color:white;  background:rgba(0,0,0,0.4); border-bottom:0.25rem solid rgba(85,195,240,1);}
.DefRadio a > span > span { display:block; width:100%; height:auto; overflow:hidden;}
.DefRadio a > span > span.Title { font-weight:bold;}
.DefRadio a > span > span.Time { font-size:0.7rem; opacity:0.6;}
.DefRadio img { display:block; width:100%; height:auto;}

/*DefSubContent*/
.DefSubContent { width:100%; max-width:64rem; height:auto; overflow:hidden; margin:0 auto; margin-bottom:2rem;}
.DefSubContent .Left { width:100%; height:auto; overflow:hidden; float:left;}
.DefSubContent .Left .swiper-wrapper { margin-bottom:2.5rem;}
.DefSubContent .Left .swiper-slide-Left * { padding:0; margin:0; list-style:none; text-decoration:none;}
.DefSubContent .Left .swiper-slide-Left a { display:block; width:100%; height:auto; overflow:hidden; padding:1rem; background:white; border:0.05rem solid rgba(0,0,0,0.1);
/*基礎動畫設定*/
transition:all .5s;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:center;justify-content:center;
 flex-wrap:wrap;}
.DefSubContent .Left .swiper-slide-Left a:link,
.DefSubContent .Left .swiper-slide-Left a:visited { color:rgba(0,0,0,1);}
.DefSubContent .Left .swiper-slide-Left a:hover,
.DefSubContent .Left .swiper-slide-Left a:active { background:gold; color:blue;}
.DefSubContent .Left .swiper-slide-Left a:focus {  border:2.5px dashed blue; outline:0; color:blue;}
.DefSubContent .Left .swiper-slide-Left a span { display:block; width:100%; height:auto; overflow:hidden; text-align:left;}
.DefSubContent .Left .swiper-slide-Left a span.Title { font-size:1rem;}
.DefSubContent .Left .swiper-slide-Left a span.Time { font-size:0.6rem; opacity:0.6;}
.DefSubContent .Left .RadioStatus { width:100%; height:auto; overflow:hidden;}
.DefSubContent .Left .RadioStatus h2 { height:2rem; position:relative; padding-right:10rem;}
.DefSubContent .Left .RadioStatus h2 > span { display:block; width:10rem; height:2rem; overflow:hidden; position:absolute; top:0; right:0;}
.DefSubContent .Left .RadioStatus h2 > span > span { display:block; width:5rem; height:2rem; padding:0.5rem 0; overflow:hidden; float:left; font-size:0.7rem; text-align:left; line-height:1rem; position:relative; padding-left:1rem; text-indent:0;}
.DefSubContent .Left .RadioStatus h2 > span > span:before { content:''; display:block; width:1rem; height:1rem; overflow:hidden; position:absolute; top:0.5rem; left:0;
/*圓角*/
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;}
.DefSubContent .Left .RadioStatus h2 > span > span.G:before { background:rgba(30,150,60,1);}
.DefSubContent .Left .RadioStatus h2 > span > span.NG:before {
background: rgb(30, 150, 60);
background: -moz-linear-gradient(0deg, rgb(30, 150, 60) 50%, rgb(250, 20, 20) 50%);
background: -webkit-linear-gradient(0deg, rgb(30, 150, 60) 50%, rgb(250, 20, 20) 50%);
background: -o-linear-gradient(0deg, rgb(30, 150, 60) 50%, rgb(250, 20, 20) 50%);
background: -ms-linear-gradient(0deg, rgb(30, 150, 60) 50%, rgb(250, 20, 20) 50%);
background: linear-gradient(90deg, rgb(30, 150, 60) 50%, rgb(250, 20, 20) 50%);
}
.DefSubContent .Left .RadioStatus ul,
.DefSubContent .Left .RadioStatus li { padding:0; margin:0; list-style:none;}
.DefSubContent .Left .RadioStatus ul {
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content:space-between;justify-content:space-between; flex-wrap:wrap;}
.DefSubContent .Left .RadioStatus li { display:block; width:calc( 20% - 0.5rem); height:auto; overflow:hidden; padding:1rem; background:white; border:0.05rem solid rgba(0,0,0,0.1); float:left;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:center;justify-content:center;
 flex-wrap:wrap;}
.DefSubContent .Left .RadioStatus li img { display:block; width:100%; max-width:100%; height:auto; float:left;}
.DefSubContent .Left .RadioStatus li img ~ span { display:block; width:100%; height:auto; overflow:hidden; float:left; text-align:center; font-size:0.6rem; margin-top:0.5rem;}
.DefSubContent .Right { width:calc( 25rem - 1rem); height:auto; overflow:hidden; float:right;}
.DefSubContent .Right * { min-width:100%!important; max-width:100%!important;}

.Footer { width:100%; height:auto; overflow:hidden; background:url(../Images/Layout/FooterBg.jpg) bottom center no-repeat, #1e2786; padding:2rem 0; position:relative;}
.Footer .SiteMap { width:calc(100% - 8rem); height:auto; overflow:hidden; float:left; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-justify-content:space-between;justify-content:space-between;}
.Footer .SiteMap * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Footer .SiteMap > dl { padding-right:0.5rem;}
.Footer .SiteMap a:link,
.Footer .SiteMap a:visited { color:white;}
.Footer .SiteMap a:hover,
.Footer .SiteMap a:active { color:blue;}
.Footer .SiteMap a:focus { color:blue;}
.Footer .SiteMap dt { font-size:0.8rem; line-height:1.5rem; font-size:0.8rem; line-height:1.2rem;}
.Footer .SiteMap dt.NoLink { height:0; overflow:hidden;}
.Footer .SiteMap dt.NoLink ~ dd  { font-size:0.8rem; line-height:1.5rem; opacity:1; font-size:0.8rem; line-height:1.2rem;}
.Footer .SiteMap dd { font-size:0.8rem; line-height:1.2rem; opacity:1;}
.Footer .App { width:7.5rem; height:auto; overflow:hidden; float:right;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-justify-content:space-between;justify-content:space-between;
display:block;}
.Footer .App img { display:block;  max-width:100%; height:auto; float:left; float:right;}
.Footer .App img#imgQRcodeLine { display:none;}
.Footer .Copyright { width:100%; height:auto; overflow:hidden; border-top:0.05rem solid rgba(255,255,255,0.6); padding:1rem 0; border:0; padding:0;}
.Footer .Copyright * { padding:0; margin:0; list-style:none; text-decoration:none; color:white; font-size:0.8rem; line-height:1.5rem;}
.Footer .Copyright a:focus{ border:2.5px dashed blue; outline:0; background:gold;}
.Footer .Copyright p { width:calc( 100% - 250px); height:auto; overflow:hidden; float:left;}
.Footer .Copyright p > span { display:block; width:100%; height:auto; overflow:hidden;}
.Footer .Copyright p > span > * { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:0.25rem;}
.Footer .Copyright p > span > a:hover,
.Footer .Copyright p > span > a:active,
.Footer .Copyright p > span > a:focus { color:blue;}
.Footer .Copyright .Label { width:250px; height:auto; overflow:hidden; float:right;}
.Footer .Copyright .Label a { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-left:5px;}
.Footer .Copyright .Label a:hover,
.Footer .Copyright .Label a:active,
.Footer .Copyright .Label a:focus { color:blue;}
.Footer .Copyright .Label img { display:block; max-width:100%; height:auto;}
.Footer .Copyright .ThemeSwitch { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
.Footer .Copyright .ThemeSwitch a { display:block; width:50%; height:auto; overflow:hidden; float:left; text-align:center; text-decoration:none; line-height:1.5rem; border:1px solid #ccc;}
.Footer .Copyright .ThemeSwitch a:first-child { border-right:0;}
.Footer .Copyright .ThemeSwitch a:focus{ border:2.5px dashed blue; outline:0; background:gold; color:blue;}
/*===============================================================Layout===============================================================*/

div.NoData { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
div.NoData[emptydatatext="資料建置中!"] { display:none;}

/*內頁開始*/
.Content { width:100%; height:auto; overflow:hidden; position:relative; padding-top:2rem;}

.Content .FontSize { position:absolute; width:150px; height:auto; line-height:1rem; overflow:hidden; top:0.5rem; right:0; color:rgba(0,0,0,0.5); font-size:0.75rem;}
.Content .FontSize * { float:left; color:rgba(0,0,0,1);}
.Content .FontSize a { display:block; width:20px; height:20px; line-height:18px; overflow:hidden; float:left; margin-right:5px; border:1px solid rgba(0,0,0,1); text-align:center; font-size:0.5rem; color:rgba(0,0,0,1); text-decoration:none;}
.Content .FontSize a:last-child { margin-right:0;}
.Content .FontSize a.active { background:gold;}
/*針對無障礙設定*/
.Content .FontSize a:focus{ border:2.5px dashed blue; outline:0; color:blue;}

/*字級大小切換*/
.Font-Small .Wrapper { font-size:0.8rem; line-height:1rem;}
.Font-Small .Wrapper .Header .TopMenu .Menu ul li a { font-size:0.6rem; line-height:1.2rem;}
.Font-Small .Wrapper .Content.HomeContent h2 { font-size:1.3rem; line-height:1.3rem;}
.Font-Small .DefSubContent .Left .swiper-slide-Left a span.Title { font-size:0.8rem; line-height:0.8rem;}
.Font-Small .DefSubContent .Left .swiper-slide-Left a span.Time { font-size:0.5rem; line-height:0.6rem;}
.Font-Small .DefSubContent .Left .RadioStatus li img ~ span { font-size:0.4rem;}
.Font-Small .PageContent-Right .PageTitle .title { font-size:1.3rem; line-height:1.3rem;}
.Font-Small .Radio_List ul li > * { line-height:1rem; font-size:0.6rem;}
.Font-Small .Radio_List_Detail ul li { line-height:1rem; font-size:0.6rem;}
.Font-Small .PageContent-Right .PageTitle p.BreadCrumbs{ font-size:0.6rem; line-height:1.3rem;}
.Font-Small .Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P > span{ font-size:0.6rem;}
.Font-Small .PageProgram ul li { font-size:0.5rem;}
.Font-Small .PageNews li { font-size:0.5rem;}
.Font-Small .PageGlory ul li img ~ span { font-size:0.5rem;}
.Font-Small .PageHost ul li > a:first-child > img ~ span,
.Font-Small .PageProgram ul li > a:first-child > .name{ font-size:1rem; line-height:1rem;}
.Font-Small .PageMedia ul li > a > span.Photo ~ span { font-size:0.8rem; line-height:1.2rem;}
.Font-Small .PageNews li span.title{ font-size:0.8rem; line-height:1rem;}
.Font-Small .PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div:first-child { font-size:1.6rem; line-height:1.8rem;}
.Font-Small .PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div:first-child { font-size:1.6rem; line-height:1.8rem;}
.Font-Small .PageHost ul li > a:first-child ~ span,
.Font-Small .PlaybackList > ul > li > span:last-child { font-size:0.6rem;}
.Font-Small div.PageFAQ > ul > li > div.SliderDiv > a > strong ~ h3,
.Font-Small div.PageFAQ > ul > li > div.DivA > .DivATitle ~ .PageAnswer{ font-size:0.8rem; line-height:1.3rem;}
.Font-Small .ContactUs > fieldset > .ContactUsBox > *,
.Font-Small .ForumFormWrap > .ForumFormBox > *,
.Font-Small .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > *{ font-size:0.8rem; line-height:1.3rem;}
.Font-Small .PagePublication ul li > a:first-child ~ span { font-size:0.8rem; line-height:1.2rem;}
.Font-Small .PagePublication ul li > a.open,
.Font-Small .PagePublication ul li > a.save-as {font-size:0.65rem;}
.Font-Small .Footer .SiteMap dt { font-size:0.6rem; line-height:1.3rem;}
.Font-Small .Footer .SiteMap dd,
.Font-Small .Footer .SiteMap dt.NoLink ~ dd{ font-size:0.6rem; line-height:1.3rem;}
.Font-Small .Footer .Copyright * { font-size:0.6rem; line-height:1.3rem;}

.Font-Large .Wrapper{ font-size:1.5rem; line-height:1.7rem;}
.Font-Large .Wrapper .Header .TopMenu .Menu ul li a { font-size:1rem; line-height:1.7rem;}
.Font-Large .Wrapper .Content.HomeContent h2 { font-size:1.7rem; line-height:1.7rem;}
.Font-Large .DefSubContent .Left .swiper-slide-Left a span.Title { font-size:1.2rem; line-height:1.2rem;}
.Font-Large .DefSubContent .Left .swiper-slide-Left a span.Time { font-size:0.8rem; line-height:1rem;}
.Font-Large .DefSubContent .Left .RadioStatus li img ~ span { font-size:0.8rem;}
.Font-Large .PageContent-Right .PageTitle h1 { font-size:1.9rem; line-height:1.9rem;}
.Font-Large .Radio_List ul li > * { line-height:1.4rem; font-size:1rem;}
.Font-Large .Radio_List_Detail ul li { line-height:1.4rem; font-size:1rem;}
.Font-Large .PageContent-Right .PageTitle p.BreadCrumbs{ font-size:1rem; line-height:1.7rem;}
.Font-Large .Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P > span{ font-size:1rem;}
.Font-Large .PageProgram ul li { font-size:0.9rem;}
.Font-Large .PageNews li { font-size:0.9rem;}
.Font-Large .PageGlory ul li img ~ span { font-size:0.9rem;}
.Font-Large .PageHost ul li > a:first-child > img ~ span,
.Font-Large .PageProgram ul li > a:first-child > .name{ font-size:1.6rem; line-height:1.6rem;}
.Font-Large .PageMedia ul li > a > span.Photo ~ span { font-size:1.2rem; line-height:1.6rem;}
.Font-Large .PageNews li span.title{ font-size:1.2rem; line-height:1.4rem;}
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div:first-child { font-size:2rem; line-height:2.2rem;}
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div:first-child { font-size:2rem; line-height:2.2rem;}
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek,
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList,
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div.Exp,
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek,
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList,
.Font-Large .PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div.Exp,
.Font-Large .ProgramDes > div:first-child > img ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek,
.Font-Large .ProgramDes > div:first-child > img ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList,
.Font-Large .ProgramDes > div:first-child > img ~ div > div > div.Exp{ width:calc(100% - 150px);}
.Font-Large .PlaybackList > ul > li { padding-right:6.6rem;}
.Font-Large .PageHost ul li > a:first-child ~ span { font-size:1rem;}
.Font-Large .PlaybackList > ul > li > span,
.Font-Large .PlaybackList > ul > li > a { line-height:1.4rem; padding:0.3rem 0.5rem;}
.Font-Large .PlaybackList > ul > li > span:last-child { font-size:1rem; width:6.5rem;}
.Font-Large div.PageFAQ > ul > li > div.SliderDiv > a > strong ~ h3,
.Font-Large div.PageFAQ > ul > li > div.DivA > .DivATitle ~ .PageAnswer{ font-size:1.2rem; line-height:1.7rem;}
.Font-Large .ContactUs > fieldset > .ContactUsBox > *,
.Font-Large .ForumFormWrap > .ForumFormBox > *,
.Font-Large .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > *{ font-size:1.2rem; line-height:1.7rem;}
.Font-Large .ContactUs > fieldset > .ContactUsBox > label,
.Font-Large .ContactUs > fieldset > .ContactUsBox > div:first-child,
.Font-Large .ForumFormWrap > .ForumFormBox > label,
.Font-Large .ForumFormWrap > .ForumFormBox > div:first-child,
.Font-Large .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label{ width:10.75rem;}
.Font-Large .ContactUs > fieldset > .ContactUsBox > .ContactUsBoxR,
.Font-Large .ForumFormWrap > .ForumFormBox > .ForumFormBox-R,
.Font-Large .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > .ContactUsBoxR{ width:calc(100% - 10.75rem);}
.Font-Large .Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul > li,
.Font-Large .Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul > li > input{ height:auto; line-height:1.5rem;}
.Font-Large .PagePublication ul li > a:first-child ~ span { font-size:1.2rem; line-height:1.6rem;}
.Font-Large .PagePublication ul li > a.open,
.Font-Large .PagePublication ul li > a.save-as {font-size:1.05rem;}
.Font-Large .BasicTable.Survey th:nth-child(2) { width:8rem;}
.Font-Large .BasicTable.Survey th:nth-child(3) { width:8rem;}
.Font-Large .BasicTable.Survey th:nth-child(4) { width:8rem;}
.Font-Large .BasicTable.Survey th:nth-child(5) { width:8rem;}
.Font-Large .BasicTable.Survey th:nth-child(6) { width:6.5rem;}
.Font-Large .Footer .SiteMap dt { font-size:0.8rem; line-height:1.7rem;}
.Font-Large .Footer .SiteMap dd,
.Font-Large .Footer .SiteMap dt.NoLink ~ dd{ font-size:0.8rem; line-height:1.7rem;}
.Font-Large .Footer .Copyright * { font-size:0.8rem; line-height:1.7rem;}

.Content .Ani-Content { width:100%; height:auto; overflow:hidden; max-width:64rem; margin:0 auto;}
/**=====================ContentHeader 內文標題*=====================*/
.Content .Ani-Content .ContentHeader { width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto; margin-bottom:20px; max-width:1300px; padding:0;}
.Content .Ani-Content .ContentHeader * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Content .Ani-Content .ContentHeader p { width:100%; height:auto; overflow:hidden; text-align:left; font-size:0.75rem; margin-bottom:10px;}
.Content .Ani-Content .ContentHeader p > * { display:inline-block; padding:0 2.5px; color:rgba(0,0,0,.5);}
.Content .Ani-Content .ContentHeader > div { width:100%; height:auto; overflow:hidden; position:relative; padding-right:7rem;}
.Content .Ani-Content .ContentHeader > div h2 { width:100%; height:auto; overflow:hidden; font-size:2rem; line-height:2rem; text-align:left; font-weight:normal; position:relative; padding-bottom:1rem; color:rgba(0,0,0,.7);}
.Content .Ani-Content .ContentHeader > div h2:before { content:''; display:block; width:3rem; height:.25rem; overflow:hidden; left:0; bottom:0; background:rgba(85,195,240,1); position:absolute;}

.PageArticle .Share { width:100%; max-width:calc( 64rem + 1rem); height:2rem; line-height:2rem; overflow:hidden; margin:0 auto; margin-top:0.5rem;}
.PageArticle .Share > div { width:2rem; height:2rem; overflow:hidden; float:left; margin-right:0.25rem;}
.PageArticle .Share > div:last-child { margin-right:0;}
.PageArticle .Share > div a { display:block; width:100%; height:2rem; overflow:hidden; line-height:2rem; float:left;
/*圓角*/
border-radius:0.25rem;}
.PageArticle .Share > div:nth-child(1) a { background:rgba(60,90,150,1);}
.PageArticle .Share > div:nth-child(2) a { background:rgba(0,195,0,1);}
.PageArticle .Share > div:nth-child(3) a { background:rgba(220,75,60,1);}
.PageArticle .Share > div:nth-child(1) a:focus,
.PageArticle .Share > div:nth-child(2) a:focus,
.PageArticle .Share > div:nth-child(3) a:focus{ background:rgba(255,240,0,1);color:blue;}
.PageArticle .Share ~ .Time { display:block; width:100%; height:auto; overflow:hidden; margin:0; padding:10px 0; font-size:0.5rem; color:rgba(0,0,0,.5);}

.PageArticle .info-image { width:100%; height:auto; overflow:hidden; margin-bottom:10px; height:30px; line-height:30px; color:#0064b4; background:url(/TW/Images/Layout/info-image.png) 0 0 no-repeat; padding-left:35px; font-weight:bold;}

/*PageWrapper-Side*/
.PageWrapper-Side { width:100%; height:auto; overflow:hidden; max-width:calc( 64rem + 1rem); padding:0 0.5rem; margin:0 auto;}

/*PageMenu*/
.PageMenu { width:100%; height:auto; overflow:hidden;}
.PageMenu * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageMenu > h2 { display:none;}
#SlideMenu { width:100%; height:auto; overflow:hidden;}
#SlideMenu > ul { width:100%; height:auto; overflow:hidden; padding:0; margin:0; list-style:none; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
#SlideMenu > ul li { width:auto; min-width:19%; height:auto; overflow:hidden; position:relative;}
#SlideMenu > ul li a { display:block; width:100%; height:100%; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,0.1); padding:0.5rem; text-align:center;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center;justify-content:center;
flex-wrap:wrap;}
#SlideMenu > ul li a:link,
#SlideMenu > ul li a:visited { color:black;}
#SlideMenu > ul li a:hover,
#SlideMenu > ul li a:active { background:#1089d4; color:white;}
#SlideMenu > ul li a:focus{ color:blue; border:2px dashed blue;}

#SlideMenu > ul li.active a:link,
#SlideMenu > ul li.active a:visited { background:#1089d4; color:white;}
#SlideMenu > ul li.active a:hover,
#SlideMenu > ul li.active a:active { background:darkblue; color:white;}
#SlideMenu > ul li.active a:focus{ color:blue; border:2px dashed blue;}

/*PageContent-Right*/
.PageContent-Right { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:calc( 64rem + 1rem); padding:0 0.5rem;}
.PageWrapper-Side .PageContent-Right { padding:0; min-height:12rem;}
/*PageTitle*/
.PageContent-Right .PageTitle { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.PageContent-Right .PageTitle * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageContent-Right .PageTitle h1,
.PageContent-Right .PageTitle h2{ width:100%; height:auto; overflow:hidden; font-size:1.5rem; line-height:1.5rem; padding:0.25rem 0; font-weight:normal;}
.PageContent-Right .PageTitle h2 ~ #ContentPlaceHolder1_ugC_incPublicInfo_lab_Left #SlideMenu > ul { margin:0.5rem 0;}
.PageContent-Right .PageTitle.News_Detail h1#ContentPlaceHolder1_h1_Title { position:relative; padding-bottom:0.5rem; margin-bottom:0.5rem; font-weight:bold;}
.PageContent-Right .PageTitle.News_Detail h1#ContentPlaceHolder1_h1_Title:before { content:''; display:block; width:4.5rem; height:0.25rem; overflow:hidden; position:absolute; bottom:0; left:0; background:#1089d4;}
.PageContent-Right .PageTitle p.BreadCrumbs { width:100%; height:auto; overflow:hidden; font-size:0.8rem; line-height:1.5rem; padding:0; color:rgba(0,0,0,0.6); margin-bottom:1rem;}
.PageContent-Right .PageTitle p.BreadCrumbs span.BreadCrumbsActive { color:black;}
a.BreadCrumbsActive { color:black;}
/*PageArticle*/
.PageContent-Right .PageArticle { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.PageContent-Right .PageArticle img { max-width:100%; height:auto;}
/*css_PageList*/
.PageContent-Right .PageArticle .css_PageList { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
.PageContent-Right .PageArticle .css_PageList * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageContent-Right .PageArticle .css_PageList > * { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
justify-content:flex-start;
flex-wrap:wrap;}
.PageContent-Right .PageArticle .css_PageList > * > * { display:inline-block; width:auto; height:auto; min-width:2rem; overflow:hidden; float:left; margin-right:5px; text-align:center; line-height:calc(2rem - 2px); margin-bottom:5px;}
.PageContent-Right .PageArticle .css_PageList > * > * > * { display:block; width:100%; height:auto; overflow:hidden; text-align:center; line-height:calc(2rem - 2px); white-space:nowrap; padding:0 10px;}
.PageContent-Right .PageArticle .css_PageList > * > a:link,
.PageContent-Right .PageArticle .css_PageList > * > a:visited { color:rgba(0,0,0,0.6); text-decoration:none;}
.PageContent-Right .PageArticle .css_PageList > * > a:hover,
.PageContent-Right .PageArticle .css_PageList > * > a:active { color:rgba(0,0,0,0.8); text-decoration:none;}
.PageContent-Right .PageArticle .css_PageList > * > a:focus{ color:blue; border:2px dashed blue;}
.PageContent-Right .PageArticle .css_PageList > * > *.current { color:rgba(0,0,0,1); border-bottom:2px solid rgba(0,0,0,0.6);}
.PageContent-Right .PageArticle .css_PageList > * li.Active > a:link,
.PageContent-Right .PageArticle .css_PageList > * li.Active > a:visited,
.PageContent-Right .PageArticle .css_PageList > * li.Active > a:hover,
.PageContent-Right .PageArticle .css_PageList > * li.Active > a:active { color:rgba(0,0,0,1); border-bottom:2px solid rgba(0,0,0,0.6);}

/*===============================================================UI===============================================================*/
a#ContentPlaceHolder1_hl_Back { display:block; height:auto; overflow:hidden; text-decoration:none; padding:1rem; width:7rem; width:10rem; margin:0 0 20px 0; float:left;}
a#ContentPlaceHolder1_hl_Back:before{ content:'←'; float:left;}
a#ContentPlaceHolder1_hl_Back:link,
a#ContentPlaceHolder1_hl_Back:visited { color:black;}
a#ContentPlaceHolder1_hl_Back:hover,
a#ContentPlaceHolder1_hl_Back:active { background:gold; color:blue;}
a#ContentPlaceHolder1_hl_Back:focus{ background:gold; color:blue; border:2px dashed blue;}

/*黑膠閱聽填表*/
.ServiceGoBack a#ContentPlaceHolder1_hl_Back { width:49%;}
.ServiceGoBack a#ContentPlaceHolder1_hl_Back:before { display:none;}

a#ContentPlaceHolder1_lbut_GoBack { display:block; height:auto; overflow:hidden; text-decoration:none; padding:1rem; width:7rem; width:100%; float:left;}
a#ContentPlaceHolder1_lbut_GoBack:before{ content:'←'; float:left;}
a#ContentPlaceHolder1_lbut_GoBack:link,
a#ContentPlaceHolder1_lbut_GoBack:visited,
a#ContentPlaceHolder1_lbut_GoBack:hover,
a#ContentPlaceHolder1_lbut_GoBack:active { color:black;}
a#ContentPlaceHolder1_lbut_GoBack:focus{ background:gold; color:blue; border:2px dashed blue;}
.Btn_Two a#ContentPlaceHolder1_lbut_GoBack { width:49%;}
.Btn_Two  a#ContentPlaceHolder1_lbut_GoBack:before{ display:none;}

a#ContentPlaceHolder1_hl_Playback { display:block; height:auto; overflow:hidden; text-decoration:none; padding:1rem; width:100%; float:left; margin-bottom:1rem; text-align:center;}
a#ContentPlaceHolder1_hl_Playback:before{ content:'\266C';}
a#ContentPlaceHolder1_hl_Playback:link,
a#ContentPlaceHolder1_hl_Playback:visited,
a#ContentPlaceHolder1_hl_Playback:hover,
a#ContentPlaceHolder1_hl_Playback:active { background:rgba(0,100,180,1); color:white;
/*圓角*/
border-radius:0.5rem;}
a#ContentPlaceHolder1_hl_Playback:focus{ background:gold; color:blue; border:2px dashed blue;}
a#ContentPlaceHolder1_hl_PlayOnline { display:block; height:auto; overflow:hidden; text-decoration:none; padding:1rem; width:100%; float:left; margin-bottom:1rem; text-align:center;}
a#ContentPlaceHolder1_hl_PlayOnline:before{ content:'\266C';}
a#ContentPlaceHolder1_hl_PlayOnline:link,
a#ContentPlaceHolder1_hl_PlayOnline:visited,
a#ContentPlaceHolder1_hl_PlayOnline:hover,
a#ContentPlaceHolder1_hl_PlayOnline:active { background:rgba(0,100,180,1); color:white;
/*圓角*/
border-radius:0.5rem;}
a#ContentPlaceHolder1_hl_PlayOnline:focus{ background:gold; color:blue; border:2px dashed blue;}

a#ContentPlaceHolder1_hl_Write { display:block; height:auto; overflow:hidden; text-decoration:none; padding:1rem; width:100%; float:left; margin-bottom:1rem; text-align:center;}
a#ContentPlaceHolder1_hl_Write:before{ content:'\2710';}
a#ContentPlaceHolder1_hl_Write:link,
a#ContentPlaceHolder1_hl_Write:visited,
a#ContentPlaceHolder1_hl_Write:hover,
a#ContentPlaceHolder1_hl_Write:active { background:rgba(0,100,180,1); color:white;
/*圓角*/
border-radius:0.5rem;}
a#ContentPlaceHolder1_hl_Write:focus{ background:gold; color:blue; border:2px dashed blue;}

a.Inquiry_Login { display:block; height:auto; overflow:hidden; text-decoration:none; padding:1rem; width:100%; float:left; margin-bottom:1rem; text-align:center;}
a.Inquiry_Login:before{ content:'?'; display:none;}
a.Inquiry_Login:link,
a.Inquiry_Login:visited,
a.Inquiry_Login:hover,
a.Inquiry_Login:active { background:rgba(0,100,180,1); color:white;
/*圓角*/
border-radius:0.5rem;}
a.Inquiry_Login:focus{ background:gold; color:blue; border:2px dashed blue;}



/*===============================================================各類型區塊===============================================================*/

.ugC_Program_Time { width:100%; height:auto; overflow:hidden; padding:0; margin:0; list-style:none; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.ugC_Program_Time * { padding:0; margin:0; list-style:none; text-decoration:none;}
.ugC_Program_Time li { width:24%; height:auto; overflow:hidden;}
.ugC_Program_Time li a { display:block; width:100%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); padding:0.5rem; text-align:center;
/*圓角*/
border-radius:0.5rem;}
.ugC_Program_Time li a:link,
.ugC_Program_Time li a:visited,
.ugC_Program_Time li a:hover,
.ugC_Program_Time li a:active { color:black;}
.ugC_Program_Time li a:focus{ color:blue; border:2px dashed blue;}
.ugC_Program_Time li.active a:link,
.ugC_Program_Time li.active a:visited,
.ugC_Program_Time li.active a:hover,
.ugC_Program_Time li.active a:active { background:rgba(0,100,180,1); color:white;}
.ugC_Program_Time li.active a:focus{ background:gold; color:blue; border:2px dashed blue;}

.ugC_Program_Time.playback li { width:19%;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.ugC_Program_Time.playback li a {
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center;justify-content:center;
flex-wrap:wrap;}

/*ugC_Survey_Cat*/
.ugC_Survey_Cat { width:100%; height:auto; overflow:hidden; padding:0; margin:0; list-style:none; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.ugC_Survey_Cat * { padding:0; margin:0; list-style:none; text-decoration:none;}
.ugC_Survey_Cat li { width:49%; height:auto; overflow:hidden;}
.ugC_Survey_Cat li a { display:block; width:100%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); padding:0.5rem; text-align:center;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.ugC_Survey_Cat li a:link,
.ugC_Survey_Cat li a:visited { color:black;}
.ugC_Survey_Cat li a:hover,
.ugC_Survey_Cat li a:active { background:rgba(0,100,180,1); color:white;}
.ugC_Survey_Cat li a:focus{ color:blue; border:2px dashed blue;}
.ugC_Survey_Cat li.active a:link,
.ugC_Survey_Cat li.active a:visited { background:rgba(0,100,180,1); color:white;}
.ugC_Survey_Cat li.active a:hover,
.ugC_Survey_Cat li.active a:active { background:darkblue; color:white;}
.ugC_Survey_Cat li.active a:focus{ background:gold; color:blue; border:2px dashed blue;}

/*PageProgram*/
.PageProgram { width:100%; height:auto; overflow:hidden;}
.PageProgram * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageProgram ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.PageProgram ul li { width:24%; margin-right:1.33%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem;}
.PageProgram ul li:nth-child(4n+4){ margin-right:0;}
.PageProgram ul li > a:link,
.PageProgram ul li > a:visited,
.PageProgram ul li > a:hover,
.PageProgram ul li > a:active { color:black;}
.PageProgram ul li > a:focus{ background:gold; color:blue; border:2px dashed blue;}
.PageProgram ul li > a:first-child { display:block; width:100%; height:auto; overflow:hidden;}
.PageProgram ul li > a:first-child > img { display:block; width:100%; height:auto; float:left;
/*圓角*/
border-radius:0.5rem;}
.PageProgram ul li > a:first-child > .name { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem 0;  font-size:1.4rem; line-height:1.4rem; float:left;}
.PageProgram ul li > a:first-child ~ * { display:inline-block; opacity:0.6; margin-right:0.25rem;}
.PageProgram ul li > a:first-child ~ a { margin-right:0; margin-left:0.25rem;}
.PageProgram ul li > a:first-child ~ a:link,
.PageProgram ul li > a:first-child ~ a:visited,
.PageProgram ul li > a:first-child ~ a:hover,
.PageProgram ul li > a:first-child ~ a:active { color:rgba(0,100,180,1); font-weight:bold;}
.PageProgram ul li > a:first-child ~ a:focus{ background:gold; color:blue; border:2px dashed blue;}
/*ugC_Program_Detail*/
.PageContent-Right .PageArticle.ugC_Program_Detail { width:100%; height:auto; overflow:hidden;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
flex-wrap:wrap;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img { width:50%; height:auto; display:block; float:left;
/*圓角*/
border-radius:1rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div { width:50%; height:auto; overflow:hidden; float:left; /*background:rgba(0,0,0,0.8); color:white; */padding:1rem;
/*漸層*/
background: rgb(0, 0, 0);
background: -moz-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -o-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: linear-gradient(135deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background:none;

/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div#ContentPlaceHolder1_divCurrentAudio > span#ContentPlaceHolder1_lab_AudioName { margin-bottom:0; margin:0 10px;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > *:not(script) { display:block; width:100%; height:auto; padding:0.125rem 0; overflow:hidden; margin-bottom:0.25rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div:first-child { font-size:1.8rem; line-height:2rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div:empty { display:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div.Exp{ width:calc(100% - 170px); float:right;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek li,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList li,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div.Exp li{ display:inline-block; overflow:hidden; float:left; margin-right:0.5rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div.Exp li:after{ content:'、';}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div.Exp li:only-child:after,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div.Exp li:last-child:after{ display:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div#ContentPlaceHolder1_div_HostList{ width:calc(100% - 80px); float:right;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div > div#ContentPlaceHolder1_div_HostList li { display:inline-block; overflow:hidden; float:left; margin-right:0.5rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div#ContentPlaceHolder1_div_Desc { line-height:1.3rem; font-size:0.8rem; text-align:justify;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div a:link,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div a:visited,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div a:hover,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div a:active { color:rgba(250,190,0,1); color:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > div a:focus{ background:gold; color:blue; border:2px dashed blue;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_hl_ForumLink { display:block; width:6rem; height:auto; overflow:hidden; float:left; padding:0.5rem; text-align:center; border:1px solid rgba(0,100,180,0.8);
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
border-radius:0.5rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_hl_ForumLink:link,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_hl_ForumLink:visited { color:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_hl_ForumLink:hover,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_hl_ForumLink:active { background:rgba(0,100,180,1); color:white;  }
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_hl_ForumLink:focus{ color:blue; background:rgba(255,240,0,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks { width:100%; height:auto; overflow:hidden; float:left; margin:0.5rem 0; font-size:0.7rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader { width:100%; height:auto; overflow:hidden; float:left; margin-bottom:0.5rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #la_Host_Word,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #la_Program_Word{ width:7.5rem; height:2rem; line-height:2rem; overflow:hidden; float:left; font-size:1rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #star { width:calc( 100% - 7.5rem ); height:auto; overflow: hidden;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #star li { width:1.8rem; height:2rem; overflow:hidden; float:left; color:#999; font-size:1.8rem; font-weight:bold; cursor:pointer;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #star li span { display:block; width:100%; height:auto; overflow:hidden; text-align:center; line-height:2rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #star li.act { color: rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #star li.act2 {color: rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #star_word {display: none}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Left { width:5rem; height:auto; overflow:hidden; float:left;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Left .Info { width:100%; height:auto; overflow:hidden; float:left;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Left .Info > span:first-child { display:block; width:100%; height:auto; overflow:hidden; font-size:3rem; line-height:4rem; text-align:center; color:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Left .Info > span:last-child{ display:block; width:100%; height:auto; overflow:hidden; text-align:center;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Right { width:calc( 100% - 5rem); height:auto; overflow:hidden; float:left;}

.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Right #Analysis { width:100%; height:auto; overflow:hidden; float:left;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Right #Analysis li { width:100%; height:1rem; overflow:hidden; color:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Right #Analysis li > span { display:block; width:3.5rem; height:auto; overflow:hidden; line-height:1rem; text-align:right; float:left;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Right #Analysis li > span ~ div { width:calc( 100% - 3.5rem); height:0.25rem; overflow:hidden; position:relative; background:#E0E0E0; float:right; margin-top:0.375rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Right #Analysis li > span ~ div > div { position:absolute; top:0; left:0; height:0.25rem; background:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks > .Right #Analysis ~ span { display:block; width:100%; height:auto; overflow:hidden; float:left; text-align:right; font-size:0.7rem; opacity:0.6;}
.PageContent-Right .PageArticle.ProgramDes > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink { display:block; width:6rem; height:auto; overflow:hidden; float:left; padding:0.5rem; text-align:center; border:1px solid rgba(0,100,180,0.8);
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
border-radius:0.5rem;}
.PageContent-Right .PageArticle.ProgramDes > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:link,
.PageContent-Right .PageArticle.ProgramDes > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:visited { color:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ProgramDes > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:hover,
.PageContent-Right .PageArticle.ProgramDes > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:active { background:rgba(0,100,180,1); color:white;  }
.PageContent-Right .PageArticle.ProgramDes > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:focus{ color:blue; background:rgba(255,240,0,1);}

.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink{ display:block; width:6rem; height:auto; overflow:hidden; float:left; padding:0.5rem; text-align:center; border:1px solid rgba(0,100,180,0.8);
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
border-radius:0.5rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:link,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:visited { color:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:hover,
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:active { background:rgba(0,100,180,1); color:white;  }
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div > a#ContentPlaceHolder1_incProgramDetail_hl_ForumLink:focus{ color:blue; background:rgba(255,240,0,1);}


/*AMFM2*/
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 { width:100%; height:auto; overflow:hidden;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
flex-wrap:wrap;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo { width:50%; height:auto; display:block; float:left; position:relative;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo img { display:block; width:100%; height:auto; overflow:hidden;
/*圓角*/
border-radius:1rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div { position:absolute; top:0; left:0;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js { position:absolute; top:0; left:0; width:100%; height:100%; background:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js .vjs-big-play-button { width:90px; height:90px; top:50%; left:50%; margin-top:-45px; margin-left:-45px;
/*圓角*/
border-radius:100%;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js .vjs-big-play-button .vjs-icon-play:before,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js .vjs-play-control .vjs-icon-placeholder:before { line-height:86px; font-size:3rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js .vjs-control { width:100%;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js.vjs-has-started .vjs-control-bar { width:100%; height:100%; display:block;
/*圓角*/
border-radius:1rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js.vjs-has-started .vjs-control-bar > div,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js.vjs-has-started .vjs-control-bar > button.vjs-fullscreen-control { display:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo div.video-js.vjs-has-started .vjs-icon-placeholder { width:90px; height:90px; top:50%; left:50%; margin-top:-45px; margin-left:-45px; position:absolute; display:block;
/*圓角*/
border-radius:100%;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div { width:50%; height:auto; overflow:hidden; float:left; /*background:rgba(0,0,0,0.8); color:white; */padding:1rem;
/*漸層*/
background: rgb(0, 0, 0);
background: -moz-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -o-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: linear-gradient(135deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background:none;

/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > *:not(script) { display:block; width:100%; height:auto; padding:0.125rem 0; overflow:hidden; margin-bottom:0.25rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div:first-child { font-size:1.8rem; line-height:2rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div:empty { display:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div.Exp{ width:calc(100% - 100px); float:right;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek li,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList li,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div.Exp li{ display:inline-block; overflow:hidden; float:left; margin-right:0.5rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div#ContentPlaceHolder1_div_HostList{ width:calc(100% - 80px); float:right;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div > div#ContentPlaceHolder1_div_HostList li { display:inline-block; overflow:hidden; float:left; margin-right:0.5rem;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc { line-height:1.3rem; font-size:0.8rem; text-align:justify;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div a:link,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div a:visited,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div a:hover,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div a:active { color:rgba(250,190,0,1); color:rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div a:focus{ background:gold; color:blue; border:2px dashed blue;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a { display:block; width:3.5rem; height:3.5rem; overflow:hidden; margin-right:0.5rem; text-indent:-9999px; position:relative; border:0;
/*圓角*/
border-radius:100%;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Pause { display:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI.Active a.Play { display:none;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI.Active a.Pause { display:block;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border:0.25rem solid rgba(0,0,0,0.2);
/*圓角*/
border-radius:100%;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a:hover:before,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a:active:before,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a:focus:before{ border:0.25rem solid rgba(100,100,100,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Active:before { border:0.25rem solid rgba(0,100,180,1);}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Play:link,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Play:visited{ background:url(../Images/Layout/UI/Btn_Play.png) center center no-repeat; border:0;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Play:hover,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Play:active,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Play:focus{ background:url(../Images/Layout/UI/Btn_Play_o.png) center center no-repeat, rgba(255,240,0,1); border:0;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Play.Active{ background:url(../Images/Layout/UI/Btn_Play_a.png) center center no-repeat, rgba(0,100,180,1); border:0;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}

.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Pause:link,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Pause:visited{ background:url(../Images/Layout/UI/Btn_Pause.png) center center no-repeat; border:0;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Pause:hover,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Pause:active,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div > div#ContentPlaceHolder1_div_Desc ~ .PlayUI a.Pause:focus{ background:url(../Images/Layout/UI/Btn_Pause_o.png) center center no-repeat, rgba(255,240,0,1); border:0;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}

/*PageLink*/
.PageLink { width:100%; height:auto; overflow:hidden;}
.PageLink * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageLink ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.PageLink ul li { width:24%; margin-right:1.33%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem;}
.PageLink ul li:nth-child(4n+4){ margin-right:0;}
.PageLink ul li > div > a { display:block; width:100%; height:auto; overflow:hidden;}
.PageLink ul li > div > a:link,
.PageLink ul li > div > a:visited,
.PageLink ul li > div > a:hover,
.PageLink ul li > div > a:active { color:black; padding:0.5rem; border:1px solid rgba(0,0,0,0.1);
/*圓角*/
border-radius:0.5rem;}
.PageLink ul li > div > a:focus{ background:gold; color:blue; border:2px dashed blue;}

/*PageHost*/
.PageHost { width:100%; height:auto; overflow:hidden;}
.PageHost * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageHost ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.PageHost ul li { width:24%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem; margin-right:1.33%;}
.PageHost ul li:nth-child(4n+4) { margin-right:0;}
.PageHost ul li > a:link,
.PageHost ul li > a:visited,
.PageHost ul li > a:hover,
.PageHost ul li > a:active { color:black;
display:block; width:100%; height:auto; overflow:hidden; padding:0;  font-size:1.4rem; line-height:1.4rem; float:left;}
.PageHost ul li > a:focus{ background:gold; color:blue; border:2px dashed blue;}
.PageHost ul li > a:first-child { display:block; width:100%; height:auto; overflow:hidden;}
.PageHost ul li > a:first-child > img { display:block; width:100%; height:auto; float:left;
/*圓角*/
border-radius:0.5rem;}
.PageHost ul li > a:first-child > img ~ span { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem 0;  font-size:1.4rem; line-height:1.4rem; float:left;}
.PageHost ul li > a:first-child ~ span { display:block; opacity:0.6; width:100%; height:auto; overflow:hidden; margin-bottom:0.25rem;}
.PageHost ul li > a:first-child ~ a { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:0.25rem;}
.PageHost ul li > a:first-child ~ a img { display:block; max-width:100%; height:auto; float:left;}

/*Service_Catalog*/
.Service_Catalog { width:100%; height:auto; overflow:hidden;}
.Service_Catalog * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Service_Catalog ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.Service_Catalog ul li { width:24%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem; margin-right:1.33%;}
.Service_Catalog ul li:nth-child(4n+4) { margin-right:0;}
.Service_Catalog ul li > a { width:100%; height:auto; overflow:hidden; padding:2rem 0.5rem;font-size:1.4rem; line-height:1.4rem; float:left; text-align:center;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center; -webkit-justify-content:center;justify-content:center;
flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
}
.Service_Catalog ul li > a:link,
.Service_Catalog ul li > a:visited { color:black; border:1px solid rgba(0,0,0,0.2);}
.Service_Catalog ul li > a:hover,
.Service_Catalog ul li > a:active { background:rgba(0,100,180,1); color:white;}
.Service_Catalog ul li > a:focus{ background:gold; color:blue; border:2px dashed blue;}

/*PageMedia*/
.PageMedia { width:100%; height:auto; overflow:hidden;}
.PageMedia * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageMedia ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.PageMedia ul li { width:24%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem; margin-right:1.33%;}
.PageMedia ul li:nth-child(4n+4) { margin-right:0;}
.PageMedia ul li > a { display:block; width:100%; height:auto; overflow:hidden;}
.PageMedia ul li > a:link,
.PageMedia ul li > a:visited,
.PageMedia ul li > a:hover,
.PageMedia ul li > a:active { color:black;
display:block; width:100%; height:auto; overflow:hidden; padding:0;  font-size:1.4rem; line-height:1.4rem; float:left;}
.PageMedia ul li > a:focus{ background:gold; color:blue; border:2px dashed blue;}
.PageMedia ul li > a > span.Photo { display:block; width:100%; height:auto; float:left; position:relative;
/*圓角*/
border-radius:0.5rem;}
.PageMedia ul li > a > span.Photo img { display:block; width:100%; height:auto; float:left;
/*圓角*/
border-radius:0.5rem;}
.PageMedia ul li > a > span.Photo:before { content:''; display:block; width:3.5rem; height:3.5rem; overflow:hidden; position:absolute; top:50%; margin-top:-1.75rem; left:50%; margin-left:-1.75rem; border:0.25rem solid white; opacity:0.8;
background:url(../Images/Layout/UI/Btn_Play_a.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
/*圓角*/
border-radius:100%;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.PageMedia ul li > a:hover > span.Photo:before,
.PageMedia ul li > a:active > span.Photo:before,
.PageMedia ul li > a:focus > span.Photo:before { background:url(../Images/Layout/UI/Btn_Play_a.png) center center no-repeat, rgba(0,100,180,1); border:0.25rem solid rgba(0,100,180,1); opacity:1;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.PageMedia ul li > a > span.Photo ~ span { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem 0;  font-size:1rem; line-height:1.4rem; float:left;}

/*PagePlayback*/
.PagePlayback { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
.PagePlayback * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PagePlayback ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.PagePlayback ul li { width:30%; height:auto; overflow:hidden; float:left; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;}
.PagePlayback ul li a { display:block; width:100%; height:auto; overflow:hidden; text-align:center; font-size:2rem; line-height:2rem; padding:1rem; position:relative; padding-bottom:80%; padding-top:0;
/*圓角*/
border-radius:0.5rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center; -webkit-justify-content:center;justify-content:center;
flex-wrap:wrap;}
.PagePlayback ul li a:link,
.PagePlayback ul li a:visited,
.PagePlayback ul li a:hover,
.PagePlayback ul li a:active { background:rgba(0,100,180,1); color:white;}
.PagePlayback ul li a:focus{ background:gold; color:blue; border:2px dashed blue;}
.PagePlayback ul li a:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(245,245,245,1);}
.PagePlayback ul li:nth-child(1) a:before { background:url(../Images/Layout/Playback/iep_menu_img1.png) center center no-repeat, rgba(245,245,245,1);
/*背景圖片尺寸*/
-moz-background-size:251px 229px;
-webkit-background-size:251px 229px;
-o-background-size:251px 229px;
background-size:251px 229px;}
.PagePlayback ul li:nth-child(2) a:before { background:url(../Images/Layout/Playback/iep_menu_img2.png) center center no-repeat, rgba(245,245,245,1);
/*背景圖片尺寸*/
-moz-background-size:251px 229px;
-webkit-background-size:251px 229px;
-o-background-size:251px 229px;
background-size:251px 229px;}
.PagePlayback ul li:nth-child(3) a:before { background:url(../Images/Layout/Playback/iep_menu_img3.png) center center no-repeat, rgba(245,245,245,1);
/*背景圖片尺寸*/
-moz-background-size:251px 229px;
-webkit-background-size:251px 229px;
-o-background-size:251px 229px;
background-size:251px 229px;}

.top-click { width:33%; height:auto; overflow:hidden; margin-bottom:1rem; border:1px solid rgba(0,0,0,0.2); margin-right:0.5%; float:left;
/*圓角*/
border-radius:0.5rem;}
.top-click:last-child { margin-right:0;}
.top-click * { padding:0; margin:0; list-style:none; text-decoration:none;}
.top-click > span.title { display:block; width:100%; height:auto; overflow:hidden; background:rgba(0,100,180,1); color:white; padding:0.5rem;}
.top-click > span.title ~ ul { width:100%; height:auto; overflow:hidden; padding:0.5rem; display:block;}
.top-click > span.title ~ ul li { display:block; width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-justify-content:space-between;justify-content:space-between;
/*圓角*/
border-radius:0.5rem;}
.top-click > span.title ~ ul li a { display:block; width:calc( 100% - 4.25rem); height:auto; overflow:hidden; padding:0.5rem; line-height:1rem; padding-left:2rem; float:left; position:relative; font-size:0.8em;
/*圓角*/
border-radius:0.5rem;}
.top-click > span.title ~ ul li a:only-child { width:100%;}
.top-click > span.title ~ ul li a:before { position:absolute; top:0.375rem; left:0.375rem; width:1.25rem; height:1.25rem; display:block; overflow:hidden; text-align:center; background:rgba(0,100,180,1); color:white; line-height:1.25rem; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;
/*圓角*/
border-radius:100%;}
.top-click > span.title ~ ul li a ~ span:nth-child(2) { display:none;}
.top-click > span.title ~ ul li a ~ span:last-child { display:block; width:4.25rem; float:right; height:2rem; font-size:0.7em; opacity:0.8; padding:0.5rem 0.25rem;}
.top-click > span.title ~ ul li:nth-child(odd) { background:white;}
.top-click > span.title ~ ul li:nth-child(1) a:before { content:'1';}
.top-click > span.title ~ ul li:nth-child(2) a:before { content:'2';}
.top-click > span.title ~ ul li:nth-child(3) a:before { content:'3';}
.top-click > span.title ~ ul li:nth-child(4) a:before { content:'4';}
.top-click > span.title ~ ul li:nth-child(5) a:before { content:'5';}
.top-click > span.title ~ ul li:nth-child(6) a:before { content:'6';}
.top-click > span.title ~ ul li:nth-child(7) a:before { content:'7';}
.top-click > span.title ~ ul li:nth-child(8) a:before { content:'8';}
.top-click > span.title ~ ul li:nth-child(9) a:before { content:'9';}
.top-click > span.title ~ ul li:nth-child(10) a:before { content:'10';}

.top-click.top-click-bar > span.title ~ ul li a { width:calc( 100% - 100px );}
.top-click.top-click-bar > span.title ~ ul li a ~ span.bar-graph { width:100px; position:relative; padding-right:60px;}
.top-click.top-click-bar > span.title ~ ul li a ~ span.bar-graph > img { float:right; margin:4px;}
.top-click.top-click-bar > span.title ~ ul li a ~ span.bar-graph > span { position:absolute; top:10px; right:0; width:55px; display:block; text-align:left; line-height:20px; font-size:0.6rem;}

/*ProgramDes*/
.ProgramDes > * { margin-bottom:1rem;}
.ProgramDes > div { width:100%; height:auto; overflow:hidden;}
.ProgramDes > div * { padding:0; margin:0; list-style:none; text-decoration:none;}
.ProgramDes > div > *:not(:last-child) { margin-bottom:1rem;}
.ProgramDes > div:first-child { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
flex-wrap:wrap;}
.ProgramDes > div:first-child > img { width:50%; height:auto; display:block; float:left;
/*圓角*/
border-radius:1rem;}
.ProgramDes > div:first-child > img ~ div { width:50%; height:auto; overflow:hidden; float:left; /*background:rgba(0,0,0,0.8); color:white; */padding:1rem;
/*漸層*/
background: rgb(0, 0, 0);
background: -moz-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -webkit-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -o-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: -ms-linear-gradient(45deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background: linear-gradient(135deg, rgba(0, 0, 0 ,0.6) 0%, rgb(0, 0, 0, 1) 100%);
background:none;

/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.ProgramDes > div:first-child > img ~ div * { padding:0; margin:0; list-style:none; text-decoration:none;}
.ProgramDes > div:first-child > img ~ div > * { display:block; width:100%; height:auto; padding:0.125rem 0; overflow:hidden; margin-bottom:0.25rem;}
.ProgramDes > div:first-child > img ~ div > div:first-child { font-size:1.8rem; line-height:2rem;}
.ProgramDes > div:first-child > img ~ div > div:empty { display:none;}
.ProgramDes > div:first-child > img ~ div > div > ul#ContentPlaceHolder1_incProgramDetail_ul_FMAM_PalyTimeWeek,
.ProgramDes > div:first-child > img ~ div > div > div#ContentPlaceHolder1_incProgramDetail_div_HostList,
.ProgramDes > div:first-child > img ~ div > div > div.Exp{ width:calc(100% - 100px); float:right;}
.ProgramDes > div:first-child > img ~ div > div#ContentPlaceHolder1_div_Desc { line-height:1.3rem; font-size:0.8rem; text-align:justify;}
.ProgramDes > div:first-child > img ~ div > div a:link,
.ProgramDes > div:first-child > img ~ div > div a:visited,
.ProgramDes > div:first-child > img ~ div > div a:hover,
.ProgramDes > div:first-child > img ~ div > div a:active { color:rgba(250,190,0,1); color:rgba(0,100,180,1);}
.ProgramDes > div:first-child > img ~ div > div a:focus{ background:gold; color:blue; border:2px dashed blue;}

/*PlaybackList*/
.PlaybackList { width:100%; height:auto; overflow:hidden;}
.PlaybackList * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PlaybackList > ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
/*-webkit-align-items:flex-start; align-items:flex-start;*/
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.PlaybackList > ul > li { width:49%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.2); margin-bottom:0.5rem; padding:0.5rem; position:relative; padding-left:2.5rem; padding-right:6rem;
/*圓角*/
border-radius:1rem;
}
.PlaybackList > ul > li > input { display:block; width:2rem; height:2rem; padding:0.5rem; overflow:hidden; border:2px solid rgba(0,100,180,1); position:absolute; top:0.5rem; left:0.5rem;
/*圓角*/
border-radius:100%;}
.PlaybackList > ul > li > span,
.PlaybackList > ul > li > a { display:block; width:100%; height:auto; overflow:hidden; float:left; line-height:1rem; text-align:left; padding:0.5rem;}
.PlaybackList > ul > li > span ~ span:not(:last-child) { font-size:0.8rem; padding:0 0.5rem; opacity:0.6;}
.PlaybackList > ul > li > span:last-child { width:5.5rem; position:absolute; top:0.5rem; right:0.5rem; opacity:0.5; font-size:0.8rem; text-align:right;}

/*PageFAQ*/
div.PageFAQ { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
div.PageFAQ > ul,
div.PageFAQ > ul > li { padding:0; margin:0; list-style:none; text-decoration:none; width:100%; height:auto; overflow:hidden;}
div.PageFAQ > ul > li { border-bottom:1px solid rgba(0,0,0,0.2);}
div.PageFAQ > ul > li > div,
div.PageFAQ > ul > li > div > a { display:block; width:100%; height:auto; overflow:hidden; position:relative;}
div.PageFAQ > ul > li > div > a:link,
div.PageFAQ > ul > li > div > a:visited,
div.PageFAQ > ul > li > div > a:hover,
div.PageFAQ > ul > li > div > a:active { text-decoration:none; padding:0.25rem 0; padding-right:2.25rem; color:rgba(0,0,0,1); font-weight:normal;}
div.PageFAQ > ul > li > div > a:focus{ color:blue;}
div.PageFAQ > ul > li > div.SliderDiv.open > a:after { content:'-';}
div.PageFAQ > ul > li > div > a:after { content:'+'; display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; overflow:hidden; position:absolute; top:0; right:0; display:none;}
div.PageFAQ > ul > li > div.SliderDiv > a > strong,
div.PageFAQ > ul > li > div.DivA > .DivATitle { display:block; margin:0; padding:0; width:2rem; height:2rem; line-height:2rem; overflow:hidden; float:left; text-align:left; color:rgba(0,100,180,1); font-size:1rem;}
div.PageFAQ > ul > li > div.SliderDiv > a > strong ~ h3 { width:calc( 100% - 2rem ); height:auto; overflow:hidden; padding:0.25rem 0; margin:0; line-height:1.5rem; float:left; font-size:1rem;}
div.PageFAQ > ul > li > div.DivA > .DivATitle ~ .PageAnswer { width:calc( 100% - 2rem ); height:auto; overflow:hidden; padding:0.25rem 0; margin:0; line-height:1.5rem; float:left; font-size:1rem;}
div.PageFAQ > ul > li > div.DivA > .DivATitle ~ .PageAnswer > span > *:first-child { padding-top:0; margin-top:0;}
div.PageFAQ > ul > li > div.DivA > .DivATitle ~ .PageAnswer > span > *:last-child { margin-bottom:0;}


/*ContactUs*/
.ContactUs { width:100%; height:auto; overflow:hidden; margin:0 auto;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:flex-start; align-items:flex-start;
-webkit-justify-content:flex-start;justify-content:flex-start;
flex-wrap:wrap;}
.ContactUs .notice { color:Crimson;}
.ContactUs * { padding:0; margin:0; list-style:none; text-decoration:none;}
.ContactUs > fieldset { display:block; width:100%;height:auto; overflow:hidden; margin:0 auto; border:0; outline:none; margin-bottom:1rem; float:left; margin:0; padding-right:1rem; padding-right:0;}
.ContactUs.NoDescr > fieldset { width:100%;}
.ContactUs.Inquiry_Detail > fieldset { width:100%;}
.ContactUs.Inquiry_Detail > fieldset .Btn_OneBu { margin-top:1rem;}
.ContactUs > fieldset ~ img,
.ContactUs > fieldset ~ div { display:block; width:100%; height:auto; margin-bottom:1rem;}
/*.ContactUs > fieldset ~ div img { max-width:100%; height:auto; display:block; float:right;}*/
.ContactUs > fieldset ~ div a  { display:block; width:100%; height:auto; overflow:hidden; padding:1rem; text-align:center; border:1px solid rgba(0,0,0,0.1);
/*圓角*/
border-radius:0.5rem;}
.ContactUs > fieldset ~ div a:link,
.ContactUs > fieldset ~ div a:visited,
.ContactUs > fieldset ~ div a:hover,
.ContactUs > fieldset ~ div a:active { color:black;}
.ContactUs > fieldset ~ div a:focus{ background:gold; color:blue; border:2px dashed blue;}
.StarRanks { width:100%; height:auto; overflow:hidden; float:left; margin:0.5rem 0; font-size:0.7rem; margin-bottom:1rem;}
.StarRanks * { padding:0; margin:0; list-style:none;}
.StarRanks .RankHeader { width:100%; height:auto; overflow:hidden; float:left; margin-bottom:0.5rem;}
.StarRanks .RankHeader #la_Service_Word,
.StarRanks .RankHeader #la_Playback_Word{ width:7.5rem; height:2rem; line-height:2rem; overflow:hidden; float:left; font-size:1rem;}
.StarRanks .RankHeader #star { width:calc( 100% - 7.5rem ); height:auto; overflow: hidden;}
.StarRanks .RankHeader #star li { width:1.8rem; height:2rem; overflow:hidden; float:left; color:#999; font-size:1.8rem; font-weight:bold; cursor:pointer;}
.StarRanks .RankHeader #star li span { display:block; width:100%; height:auto; overflow:hidden; text-align:center; line-height:2rem;}
.StarRanks .RankHeader #star li.act { color: rgba(0,100,180,1);}
.StarRanks .RankHeader #star li.act2 {color: rgba(0,100,180,1);}
.StarRanks .RankHeader #star_word {display: none}
.StarRanks > .Left { width:5rem; height:auto; overflow:hidden; float:left;}
.StarRanks > .Left .Info { width:100%; height:auto; overflow:hidden; float:left;}
.StarRanks > .Left .Info > span:first-child { display:block; width:100%; height:auto; overflow:hidden; font-size:3rem; line-height:4rem; text-align:center; color:rgba(0,100,180,1);}
.StarRanks > .Left .Info > span:last-child{ display:block; width:100%; height:auto; overflow:hidden; text-align:center;}
.StarRanks > .Right { width:calc( 100% - 5rem); height:auto; overflow:hidden; float:left;}

.StarRanks > .Right #Analysis { width:100%; height:auto; overflow:hidden; float:left;}
.StarRanks > .Right #Analysis li { width:100%; height:1rem; overflow:hidden; color:rgba(0,100,180,1);}
.StarRanks > .Right #Analysis li > span { display:block; width:3.5rem; height:auto; overflow:hidden; line-height:1rem; text-align:right; float:left;}
.StarRanks > .Right #Analysis li > span ~ div { width:calc( 100% - 3.5rem); height:0.25rem; overflow:hidden; position:relative; background:#E0E0E0; float:right; margin-top:0.375rem;}
.StarRanks > .Right #Analysis li > span ~ div > div { position:absolute; top:0; left:0; height:0.25rem; background:rgba(0,100,180,1);}
.StarRanks > .Right #Analysis ~ span { display:block; width:100%; height:auto; overflow:hidden; float:left; text-align:right; font-size:0.7rem; opacity:0.6;}

.ContactUs > fieldset > fieldset { width:100%; height:auto; overflow:hidden; border:0; outline:none;
/*flex*/
display: flex; flex-wrap:wrap;}
.ContactUs > fieldset > .ContactUsBox { width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,0.4); border-bottom:1px solid rgba(0,0,0,0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.ContactUs > fieldset > .ContactUsBox:nth-child(even) { background:rgba(255,255,255,0.8);}
.ContactUs > fieldset > .ContactUsBox > * { display:block; height:auto; overflow:hidden; padding:0.5rem; float:left; line-height:1.5rem; font-size:1rem;}
.ContactUs > fieldset > .ContactUsBox > label,
.ContactUs > fieldset > .ContactUsBox > legend,
.ContactUs > fieldset > .ContactUsBox > div:first-child{  width:13.75rem;}
.ContactUs > fieldset > .ContactUsBox > label > .notice { width:67px; float:left; margin-right:0.25rem;}
.ContactUs > fieldset > .ContactUsBox > label .None { display:none;}
.ContactUs > fieldset > .ContactUsBox > .ContactUsBoxR { width:calc(100% - 13.75rem);}
.ContactUs > fieldset > .ContactUsBox > * > * { float:left; margin-right:0.25rem; max-width:100%;}
.ContactUs > fieldset > .ContactUsBox > * > a { border:1px solid #ccc; padding:0 0.25rem;
/*圓角*/
border-radius:0.5rem;}
.ContactUs > fieldset > .ContactUsBox > * > .notice { font-size:0.7rem;}
.ContactUs > fieldset > .ContactUsBox > * > input[type="text"],
.ContactUs > fieldset > .ContactUsBox > * > input[type="password"]{ height:1.5rem; padding:0.25rem; line-height:calc(1rem - 2px); outline:none; border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.ContactUs > fieldset > .ContactUsBox > * > input[type="text"] ~ div { width:100%; height:auto; overflow:hidden;}
.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_Email { width:16rem;}
.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_UrlLocation { width:16rem;}
.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_ShortDescr { width:18rem;}
.ContactUs > fieldset > .ContactUsBox > * > select { height:30px; outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.ContactUs > fieldset > .ContactUsBox > * > textarea { outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體"; padding:0.25rem; width:15rem;}
.ContactUs > fieldset > .ContactUsBox > * > ul { margin-right:0;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.ContactUs > fieldset > .ContactUsBox > * > ul > li { display:inline-block; width:auto; height:1.5rem; line-height:1.5rem; height:auto; line-height:1rem; padding:0.25rem 0; overflow:hidden; float:left; margin-right:0.5rem;}
.ContactUs > fieldset > .ContactUsBox > * > ul > li .aspNetDisabled { opacity:0.3; text-decoration:line-through;}
.ContactUs > fieldset > .ContactUsBox > * > ul > li > input { margin-right:0.25rem;}
.ContactUs > fieldset > .ContactUsBox > * > img { display:block; margin:0.125rem 0; margin-right:0.25rem;}
.ContactUs > fieldset > .ContactUsBox > * > input[maxlength="6"] { width:4rem;}
.ContactUs > fieldset > .ContactUsBoxL { width:100%; height:auto; overflow:hidden; padding:1rem;}


.ForumFormWrap { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; border:0; outline:none; margin-bottom:1rem; float:left;}
.ForumFormWrap * { padding:0; margin:0; list-style:none; text-decoration:none;}
.ForumFormWrap .notice { color:Crimson;}
.ForumFormWrap > .ForumFormBox { width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,0.4); border-bottom:1px solid rgba(0,0,0,0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.ForumFormWrap > .ForumFormBox:nth-child(even) { background:rgba(255,255,255,0.8);}
.ForumFormWrap > .ForumFormBox > * { display:block; height:auto; overflow:hidden; padding:0.5rem; float:left; line-height:1.5rem; font-size:1rem;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-L{  width:6.75rem; padding-left:1rem; position:relative;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-L > .notice { float:left; margin-right:0.25rem;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-R { width:calc(100% - 6.75rem);}
.ForumFormWrap > .ForumFormBox > * > * { float:left; margin-right:0.25rem; max-width:100%;}
.ForumFormWrap > .ForumFormBox > * > .notice { font-size:0.7rem; position:absolute; width:0.5rem; height:1.5rem; line-height:1.5rem; top:0.5rem; left:0.5rem;}
.ForumFormWrap > .ForumFormBox > * > input[type="text"],
.ForumFormWrap > .ForumFormBox > * > input[type="password"]{ height:1.5rem; padding:0.25rem; line-height:calc(1rem - 2px); outline:none; border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtSubject,
.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtAcctName,
.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtEmail{ width:16rem;}
.ForumFormWrap > .ForumFormBox > * > select { height:30px; outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.ForumFormWrap > .ForumFormBox > * > textarea { outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體"; padding:0.25rem; width:16rem;}
.ForumFormWrap > .ForumFormBox > * > ul { margin-right:0;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.ForumFormWrap > .ForumFormBox > * > ul > li { display:inline-block; width:auto; height:1.5rem; line-height:1.5rem; overflow:hidden; float:left; margin-right:0.5rem;}
.ForumFormWrap > .ForumFormBox > * > ul > li > input { margin-right:0.25rem;}
.ForumFormWrap > .ForumFormBox > * > img { display:block; margin:0.125rem 0; margin-right:0.25rem;}
.ForumFormWrap > .ForumFormBox > * > input[maxlength="6"] { width:4rem;}
.ForumFormWrap > .ForumFormBoxL { width:100%; height:auto; overflow:hidden; padding:1rem;}



/*ContentPlaceHolder1_div_Login*/
#ContentPlaceHolder1_div_Login .notice { color:Crimson;}
#ContentPlaceHolder1_div_Login * { padding:0; margin:0; list-style:none; text-decoration:none;}
#ContentPlaceHolder1_div_Login { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; border:0; outline:none; margin-bottom:1rem;}
#ContentPlaceHolder1_div_Login > div { width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,0.4); border-bottom:1px solid rgba(0,0,0,0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
#ContentPlaceHolder1_div_Login > div:nth-child(even) { background:rgba(255,255,255,0.8);}
#ContentPlaceHolder1_div_Login > div > * { display:block; height:auto; overflow:hidden; padding:0.5rem; float:left; line-height:1.5rem; font-size:1rem;}
#ContentPlaceHolder1_div_Login > div > label {  width:12.75rem;}
#ContentPlaceHolder1_div_Login > div > label > .notice { float:left; margin-right:0.25rem;}
#ContentPlaceHolder1_div_Login > div > label .None { display:none;}
#ContentPlaceHolder1_div_Login > div > label ~ div { width:calc(100% - 12.75rem);}
#ContentPlaceHolder1_div_Login > div > * > * { float:left; margin-right:0.25rem; max-width:100%;}
#ContentPlaceHolder1_div_Login > div > * > a { border:1px solid #ccc; padding:0 0.25rem;
/*圓角*/
border-radius:0.5rem;}
#ContentPlaceHolder1_div_Login > div > * > .notice { font-size:0.7rem;}
#ContentPlaceHolder1_div_Login > div > * > input[type="text"],
#ContentPlaceHolder1_div_Login > div > * > input[type="password"]{ height:1.5rem; padding:0.25rem; line-height:calc(1rem - 2px); outline:none; border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
#ContentPlaceHolder1_div_Login > div > * > input#ContentPlaceHolder1_txb_Email { width:16rem;}
#ContentPlaceHolder1_div_Login > div > * > select { height:30px; outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
#ContentPlaceHolder1_div_Login > div > * > textarea { outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體"; padding:0.25rem;}
#ContentPlaceHolder1_div_Login > div > * > ul { margin-right:0;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
#ContentPlaceHolder1_div_Login > div > * > ul > li { display:inline-block; width:auto; height:1.5rem; line-height:1.5rem; overflow:hidden; float:left; margin-right:0.5rem;}
#ContentPlaceHolder1_div_Login > div > * > ul > li > input { margin-right:0.25rem;}
#ContentPlaceHolder1_div_Login > div > * > img { display:block; margin:0.125rem 0; margin-right:0.25rem;}
#ContentPlaceHolder1_div_Login > div > * > input[maxlength="6"] { width:4rem;}


/*Survey_Detail_Info*/
.Survey_Detail_Info { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Survey_Detail_Info .notice { color:Crimson;}
.Survey_Detail_Info  ~ p.Center { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; text-align:center;}
.Survey_Detail_Info  ~ p.Center .notice { color:Crimson;}
.Survey_Detail_Info * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Survey_Detail_Info > .Survey_Detail_Box { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; border:0; outline:none; margin-bottom:1rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox { width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,0.4); border-bottom:1px solid rgba(0,0,0,0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox:nth-child(even) { background:rgba(255,255,255,0.8);}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * { display:block; height:auto; overflow:hidden; padding:0.5rem; float:left; line-height:1.5rem; font-size:1rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label {  width:7.75rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label > .notice { float:left; margin-right:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label .None { display:none;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > .ContactUsBoxR { width:calc(100% - 7.75rem);}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > * { float:left; margin-right:0.25rem; max-width:100%;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > .notice { font-size:0.7rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="text"],
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="password"],
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="radio"]{ height:1.5rem; padding:0.25rem; line-height:calc(1rem - 2px); outline:none; border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input:focus,
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * select:focus{ border:2.5px dashed blue; outline:0; background:gold;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="radio"]:focus{ width:0.6rem; height:0.6rem; margin:0.3rem 0;
/*圓角*/
border-radius:100%;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="text"]#ContentPlaceHolder1_ucAddr_txb_ZipCode_3 { width:3rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="text"]#ContentPlaceHolder1_ucAddr_txb_ZipCode_2 { width:2rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * select { height:30px; outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > textarea { outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體"; padding:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > ul { margin-right:0;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > ul > li { display:inline-block; width:auto; height:1.5rem; line-height:1.5rem; overflow:hidden; float:left; margin-right:0.5rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > ul > li > input { margin-right:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > img { display:block; margin:0.125rem 0; margin-right:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > input[maxlength="6"] { width:4rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBoxL { width:100%; height:auto; overflow:hidden; padding:1rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * .memberformAddressBox > div > span{ display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:0.5rem; margin-bottom:0.25rem;}

/*PageNews*/
.PageNews { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1rem;}
.PageNews * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageNews > ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.PageNews li  { width:24%; margin-right:1.33%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem;}
.PageNews li:nth-child(4n+4){ margin-right:0;}
.PageNews li > a { display:block; width:100%; height:auto; overflow:hidden;}
.PageNews li > a:link,
.PageNews li > a:visited { color:rgba(0,0,0,.7);}
.PageNews li > a:hover,
.PageNews li > a:active { color:rgba(0,0,0,.9); background:none; color:darkblue;}
/*針對無障礙設定*/
.PageNews li > a:focus { color:blue;}
.PageNews li span { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.PageNews li span.Photo {
/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:center;justify-content:center;
/*圓角*/
border-radius:0.5rem;}
.PageNews li span.Photo img { display:block; width:100%; height:auto; float:left;
/*基礎動畫設定*/
transition:all .5s;
}
.PageNews li > a:hover span.Photo img {
transform: scale(1.2);}
.PageNews li span.title { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem 0; padding-bottom:0;  font-size:1rem; line-height:1.2rem; float:left;}
.PageNews li > span.date { display:block; width:100%; height:auto; overflow:hidden; padding:0; opacity:0.5;}

/*PagePublicInfo*/
.PagePublicInfo { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1rem;}
.PagePublicInfo * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PagePublicInfo li { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; border:1px solid rgba(0,0,0,0.2); margin-bottom:0.5rem;
/*圓角*/
border-radius:0.5rem;}
.PagePublicInfo li > a { display:block; width:100%; height:auto; overflow:hidden; padding:1rem 0.5rem; padding-right:6.5rem;}
.PagePublicInfo li > a:link,
.PagePublicInfo li > a:visited { color:rgba(0,0,0,.7);}
.PagePublicInfo li > a:hover,
.PagePublicInfo li > a:active { color:rgba(0,0,0,.9);}
/*針對無障礙設定*/
.PagePublicInfo li > a:focus { color:blue;}
.PagePublicInfo li > span.date { display:block; width:5.5rem; height:auto; overflow:hidden; padding:1rem 0; top:0; right:0.5rem; position:absolute; opacity:0.5;}

.BasicTable.Survey { width:100%; height:auto; overflow:hidden; margin:0 auto; table-layout:fixed; margin-bottom:1rem; border-top:1px solid rgba(0,0,0,0.2);  border-left:1px solid rgba(0,0,0,0.2);}
.BasicTable.Survey td,
.BasicTable.Survey th{ padding:0.5rem; border-right:1px solid rgba(0,0,0,0.2);  border-bottom:1px solid rgba(0,0,0,0.2); text-align:center;}
.BasicTable.Survey tr:nth-child(odd) { background:rgba(0,0,0,0.05);}
.BasicTable.Survey tr:first-child { background:rgba(0,100,180,1); color:white;}
.BasicTable.Survey th:nth-child(1) {}
.BasicTable.Survey th:nth-child(2) { width:8rem;}
.BasicTable.Survey th:nth-child(3) { width:8rem;}
.BasicTable.Survey th:nth-child(4) { width:6rem;}
.BasicTable.Survey th:nth-child(5) { width:6rem;}
.BasicTable.Survey th:nth-child(6) { width:5rem;}
.BasicTable.Survey td:nth-child(1) { text-align:left;}
.BasicTable.Survey td a { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; text-decoration:none;}
.BasicTable.Survey td a img { display:block; max-width:100%; height:auto; margin:0 auto;}

.BasicTable.Survey.Vote th:nth-child(1) { width:auto;}
.BasicTable.Survey.Vote th:nth-child(2) { width:5.5rem;}
.BasicTable.Survey.Vote th:nth-child(3) { width:6.5rem;}
.BasicTable.Survey.Vote th:nth-child(4) { width:6.5rem;}

.BasicTable.Survey.Forum th:nth-child(1) { width:calc( 50% - 8rem);}
.BasicTable.Survey.Forum th:nth-child(2) { width:4rem;}
.BasicTable.Survey.Forum th:nth-child(3) { width:4rem;}
.BasicTable.Survey.Forum th:nth-child(4) { width:50%;}
.BasicTable.Survey.Forum td:nth-child(4) { text-align:left;}
.BasicTable.Survey.Forum td:nth-child(4) small { display:block; width:100%; height:auto; overflow:hidden;}

.BasicTable.Survey.Forum_Detail th:nth-child(1),
.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:6rem; text-align:center;}
.BasicTable.Survey.Forum_Detail th:nth-child(2) { width:auto;}
.BasicTable.Survey.Forum_Detail th:nth-child(3) { width:6rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(4) { width:5rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(5) { width:5rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(6) { width:12rem;}

.Forum_Detail_Search,
.Forum_Detail_Search tbody,
.Forum_Detail_Search tbody tr,
.Forum_Detail_Search tbody tr td { display:block; width:100%; height:auto; overflow:hidden;}
.Forum_Detail_Search { margin-bottom:1rem;}
.Forum_Detail_Search tbody tr td {
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center;justify-content:center;
flex-wrap:wrap;}
.Forum_Detail_Search tbody tr td select { width:7rem; height:2rem; outline:none; border:1px solid rgba(0,0,0,0.1); padding:0.25rem; line-height:calc( 1.5rem - 2px); font-family:"微軟正黑體"; font-size:1rem;}
.Forum_Detail_Search tbody tr td input { width:9rem; height:2rem; outline:none; border:1px solid rgba(0,0,0,0.1); padding:0.25rem; line-height:calc( 1.5rem - 2px); font-family:"微軟正黑體"; font-size:1rem;}
.Forum_Detail_Search tbody tr td a { display:block; width:3rem; height:2rem; padding:0.25rem; line-height:1.5rem; font-size:1rem;}
.Forum_Detail_Search tbody tr td a#ContentPlaceHolder1_lbut_Init { width:6rem; margin-left:0.25rem;}
.Forum_Detail_Search tbody tr td a:link,
.Forum_Detail_Search tbody tr td a:visited,
.Forum_Detail_Search tbody tr td a:hover,
.Forum_Detail_Search tbody tr td a:active { background:rgba(0,100,180,1); color:white; text-decoration:none;}
.Forum_Detail_Search tbody tr td a:focus{ background:gold; color:blue; border:2px dashed blue;}

.Forum_Speak { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Forum_Speak .ForumItem_Detail_Wrap { width:100%; height:auto; overflow:hidden; margin-bottom:1rem; border:1px solid rgba(0,0,0,0.2);
/*圓角*/
border-radius:0.5rem;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Title { display:block; width:100%; height:auto; overflow:hidden; background:rgba(0,0,0,0.05); padding:0.5rem; margin:0; line-height:1.2em; font-size:1em; color:rgba(0,100,180,1);}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Info { width:100%; height:auto; overflow:hidden; padding:0.5rem; margin:0; line-height:1em; font-size:0.8em; opacity:0.6;
/*flex*/
-webkit-flex-display:flex; display: flex;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Info a { display:inline-block; width:0.8rem; height:0.8rem; overflow:hidden; margin:0 0.25rem;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Info a img { display:block; max-width:100%; height:auto;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Cont { width:100%; height:auto; overflow:hidden; padding:0.5rem;}

.Survey_Detail { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Survey_Detail > .Survey_Detail_Box { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1rem;}
.Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto; margin-bottom:1rem;}
.Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P > span { display:inline-block; width:auto; height:1.5rem; line-height:calc( 1rem - 2px); padding:0.25rem 0.5rem; overflow:hidden; float:left; background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.2); margin-right:0.5rem; font-size:0.8rem; margin-bottom:0.25rem;
/*圓角*/
border-radius:0.5rem;}

.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB,
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW{ width:100%; height:auto; overflow:hidden; margin:0 auto; border:1px solid rgba(0,0,0,0.1); padding:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB { background:rgba(0,0,0,0.05); border-bottom:0;
-moz-border-radius-topleft:1rem;
-webkit-border-top-left-radius:1rem;
 border-top-left-radius:1rem;
-moz-border-radius-topright:1rem;
-webkit-border-top-right-radius:1rem; 
border-top-right-radius:1rem;
}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > div { height:auto; overflow:hidden; float:left; padding:0;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > div .subject { color:rgba(0,100,180,1); font-weight:bold; line-height:1.2rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > div .subject ~ * { font-size:0.8rem; margin:0; padding:0;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > .No { width:4rem; line-height:1.2rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > .No .notice { color:Crimson;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > .No .number { color:rgba(0,0,0,0.8);}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > .Text { width:calc(100% - 4rem);}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapB > .Text > *:last-child { margin-bottom:0;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW{ margin-bottom:1rem; padding:0.75rem 0.5rem; padding-left:2.5rem;
-moz-border-radius-bottomright:1rem;
-webkit-border-bottom-right-radius:1rem;
border-bottom-right-radius:1rem;
-moz-border-radius-bottomleft:1rem;
-webkit-border-bottom-left-radius:1rem;
border-bottom-left-radius:1rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul { width:100%; height:auto; overflow:hidden;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul > li { width:100%; height:auto; overflow:hidden; float:left; position:relative; padding-left:1.25rem; line-height:1rem; margin-bottom:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul.horizontal > li { width:auto; margin-right:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul > li:last-child { margin-bottom:0;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul > li > input { position:absolute; width:1rem; height:1rem; top:0; left:0;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul > li > input:focus{ -webkit-appearance: none; border:2.5px dashed blue; outline:0; background:gold;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > ul > li > input[type="radio"]:focus{
/*圓角*/
border-radius:100%;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > .Survey_View_Table { width:100%; height:auto; overflow:hidden;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > .Survey_View_Table tr:nth-child(even) { background:rgba(0,0,0,0.05);}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > .Survey_View_Table tr td { padding:0.25em;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > .Survey_View_Table tr td:nth-child(2) { width:2rem; text-align:center;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > .Survey_View_Table tr td:nth-child(3) { width:20%; text-align:right;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW .descr { width:100%; height:auto; overflow:hidden; padding:0.5rem; background:rgba(0,0,0,0.05); margin:0.5rem 0; float:left;
/*圓角*/
border-radius:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW .descr:empty { display:none;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > select { width:10rem; height:1.5rem; line-height:calc( 1.5rem - 2px); overflow:hidden; float:left; outline:none;  border:1px solid rgba(0,0,0,0.2); font-family:"微軟正黑體"; font-size:1rem;}
.Survey_Detail > .Survey_Detail_Box > div > .Survey_Detail_Box_WrapW > textarea { width:20rem; display:block; max-width:100%; height:3rem; line-height:1rem; overflow:hidden; float:left; outline:none;  border:1px solid rgba(0,0,0,0.2); font-family:"微軟正黑體"; font-size:1rem; float:left; padding:0.5rem;}

.VoteItem_Detail_Des { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.VoteItem_Detail_Des > .SmallFont { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto; margin-bottom:1rem;}
.VoteItem_Detail_Des > .SmallFont > span { display:inline-block; width:auto; height:1.5rem; line-height:calc( 1rem - 2px); padding:0.25rem 0.5rem; overflow:hidden; float:left; background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.2); margin-right:0.5rem; font-size:0.8rem; margin-bottom:0.25rem;
/*圓角*/
border-radius:0.5rem;}

.VoteItem_Detail_Table { width:100%; height:auto; overflow:hidden;}
.VoteItem_Detail_Table * { padding:0; margin:0; list-style:none;}
.VoteItem_Detail_Table tr:nth-child(odd) { background:rgba(0,0,0,0.05);}
.VoteItem_Detail_Table tr:first-child { background:rgba(0,100,180,1); color:white;}
.VoteItem_Detail_Table th,
.VoteItem_Detail_Table td { padding:0.5rem; line-height:1.2rem; position:relative;}
.VoteItem_Detail_Table td.no { width:3rem; text-align:center;}
.VoteItem_Detail_Table td.no input { width:0.75rem; height:0.75rem; position:absolute; top:50%; left:50%; margin-top:-0.375rem; margin-left:-0.375rem;}
.VoteItem_Detail_Table td.no input:focus{ -webkit-appearance: none; border:2.5px dashed blue; outline:0; background:gold;}
.VoteItem_Detail_Table td.no input[type="radio"]:focus{ 
/*圓角*/
border-radius:100%;}
.VoteItem_Detail_Table td.click-num { width:3rem; text-align:center;}
.VoteItem_Detail_Table td.percentage { width:3rem; text-align:right;}
.VoteItem_Detail_Table td.percentage span { display:block; width:100%; height:auto; overflow:hidden; text-align:right;}

/*ugC_Privacy*/
.ugC_Privacy { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
.ugC_Privacy > * { margin-top:0; padding-top:0;}
.ugC_Privacy > h3 { color:rgba(0,100,180,1); margin:0; margin-bottom:0.5rem;}
.ugC_Privacy p,
.ugC_Privacy li{ font-size:0.8rem; line-height:1.4rem;}

.Inquiry_List { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
.Inquiry_List * { padding:0; margin:0; list-style:none;}
.Inquiry_List > ul { width:100%; height:auto; overflow:hidden;}
.Inquiry_List > ul > li { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between; justify-content:space-between;
flex-wrap:wrap;}
.Inquiry_List > ul > li > * { display:block; height:auto; overflow:hidden; float:left; padding:0.5rem;}
.Inquiry_List > ul > li > *:nth-child(1) { width:calc( 30% - 50px); width:180px;}
.Inquiry_List > ul > li > *:nth-child(2) { width:calc( 70% - 50px); width:calc( 100% - 380px);}
.Inquiry_List > ul > li > *:nth-child(3) { width:200px; text-align:right;}
.Inquiry_List > ul > li:nth-child(odd) { background:rgba(0,0,0,0.05);}
.Inquiry_List > ul > li.header { background:rgba(0,100,180,1); color:white;}

/*div_Calender*/
.div_Calender { width:100%; height:auto; overflow:hidden;}
.div_Calender * { display:inline;}
.div_Calender table { display:block; width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top {}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between; justify-content:space-between;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr td {
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center;justify-content:center;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr a { display:block; width:100%; height:100%; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,0.1); padding:0.5rem; text-align:center; text-decoration:none;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center;justify-content:center;
flex-wrap:wrap;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr a:link,
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr a:visited,
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr a:hover,
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr a:active { color:black;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar_Top tr a:focus{ color:blue; border:2px dashed blue;}

.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar { border-top:1px solid rgba(0,0,0,0.1); border-left:1px solid rgba(0,0,0,0.1);}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between; justify-content:space-between;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr.tr_top,
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr.tr_top td{ background:rgba(0,100,180,1); color:white;
 -webkit-align-items: center; align-items: center; font-size:0.8rem;
-webkit-justify-content:center; justify-content:center;
}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td { width:100%; height:auto; overflow:hidden; padding:0.5rem;
border-right:1px solid rgba(0,0,0,0.1); background:white; font-size:0.7rem; min-height:1.75rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:flex-end; align-items:flex-end;
-webkit-justify-content:space-between; justify-content:space-between;
flex-wrap:wrap;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td > span { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a { display:block; width:100%; height:1.5rem; overflow:hidden; text-decoration:none; font-size:0.8rem; float:left; line-height:1rem; padding:0.25rem; text-align:center;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a:link,
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a:visited,
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a:hover,
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a:active { color:white; background:rgba(0,100,180,1); }
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a:focus{ color:blue; background:rgba(255,240,0,1);}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td:empty {}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td.td_event { border-bottom:1px solid rgba(0,0,0,0.1); padding-top:0;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td.td_empty { background:none;}

.BossWrapper { width:100%; height:auto; overflow:hidden;}
.BossWrapper .Boss { width:100%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); margin-bottom:1rem; background:white;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.BossWrapper .Boss > div { width:50%; height:auto; overflow:hidden; float:left; padding:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.BossWrapper .Boss > div.Text > * { display:block; width:100%; height:auto; overflow:hidden; text-align:justify; padding:0.25rem 0;}
.BossWrapper .Boss > div.Text > *.Title { position:relative; padding-bottom:0.5rem;}
.BossWrapper .Boss > div.Text > *.Title:before { content:''; display:block; width:4.5rem; height:0.25rem; overflow:hidden; position:absolute; bottom:0; left:0; background:#1089d4;}
.BossWrapper .Boss:nth-child(2) > div.Text > *.Title:before { width:3rem;}

.FamilyWrapper { width:100%; height:auto; overflow:hidden;
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between; justify-content:space-between;
flex-wrap:wrap;}
.FamilyWrapper .Family { width:49%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); margin-bottom:1rem; background:white;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.FamilyWrapper .Family > div { width:100%; height:auto; overflow:hidden; float:left; padding:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.FamilyWrapper .Family > div.Text > * { display:block; width:100%; height:auto; overflow:hidden; text-align:center; padding:0.25rem; margin:0;}
.FamilyWrapper .Family > div.Text > *.Title { position:relative; padding-bottom:0.5rem;}
.FamilyWrapper .Family > div.Text > *.Title:before { content:''; display:block; width:4rem; height:0.25rem; overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-2rem; background:#1089d4;}

.TrafficWrapper { width:100%; height:auto; overflow:hidden;
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between; justify-content:space-between;
flex-wrap:wrap;}
.TrafficWrapper .Traffic { width:49%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.1); margin-bottom:1rem; background:white;
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.TrafficWrapper .Traffic > div { width:100%; height:auto; overflow:hidden; float:left; padding:1rem;
-webkit-flex-display:flex; display: flex;
-webkit-align-items: center; align-items: center;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.TrafficWrapper .Traffic > div.Photo { padding:0; position:relative; padding-bottom:56.25%; float:left;}
.TrafficWrapper .Traffic > div.Photo > iframe { position:absolute; width:100%; height:100%; top:0; left:0;}
.TrafficWrapper .Traffic > div.Text > * { display:block; width:100%; height:auto; overflow:hidden; text-align:center; padding:0.25rem; margin:0;}
.TrafficWrapper .Traffic > div.Text > *.Title { position:relative; padding-bottom:0.5rem;}
.TrafficWrapper .Traffic > div.Text > *.Title:before { content:''; display:block; width:4rem; height:0.25rem; overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-2rem; background:#1089d4;}

.AccesskeyDes { width:100%; height:auto; overflow:hidden;}
.AccesskeyDes * { display:block; width:100%; height:auto; overflow:hidden;}

/*Radio_List*/
.Radio_List { width:100%; height:auto; overflow:hidden;}
.Radio_List * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Radio_List ul { display:block; width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:flex-start; align-items:flex-start;flex-wrap:wrap;}
.Radio_List ul li { display:block; width:24%; height:auto; overflow:hidden; float:left; border:1px solid rgba(0,0,0,0.1); margin-right:1%; margin-bottom:1rem;
 background:white;
 /*陰影*/
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.Radio_List ul li > * { display:block; width:100%; height:auto; overflow:hidden; line-height:1.2rem; font-size:0.8rem;}
.Radio_List ul li > *:link,
.Radio_List ul li > *:visited,
.Radio_List ul li > *:hover,
.Radio_List ul li > *:active { color:black;}
.Radio_List ul li > *:focus{ color:blue; background:rgba(255,240,0,1);}
.Radio_List ul li > * > span { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.Radio_List ul li > * > span > span:first-child { width:2.5rem; float:left; /*color:rgba(0,100,180,1);*/ opacity:0.5;}
.Radio_List ul li > * > span > span:last-child { width:calc( 100% - 2.5rem); float:left;}
.Radio_List ul li > * > span:first-child { background:rgba(0,100,180,1); font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.05); color:white;
background:rgba(0,0,0,0.03); color:rgba(0,100,180,1);
-webkit-box-shadow: inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
box-shadow:         inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);}
.Radio_List ul li > * > span:first-child > span:first-child { display:none;}
.Radio_List ul li > * > span:first-child > span:last-child { width:100%;}
.Radio_List ul li > * > span:last-child { border-bottom:0;}
.Radio_List ul li > a:not(.Reserve) { position:relative; padding-bottom:1.75rem;}
.Radio_List ul li > a:not(.Reserve):after { content:'了解更多 \2192'; position:absolute; right:0; bottom:0.25rem; display:block; width:100%; height:1.5rem; line-height:1.5rem; overflow:hidden; padding:0 0.5rem; text-align:right; font-size:0.8em; opacity:0.6;}
.Radio_List ul li > a.Reserve { display:block; width:calc(100% - 1rem); height:2rem; line-height:1rem; margin:0 auto; margin-bottom:0.5rem; overflow:hidden; background:rgba(0,100,180,1); color:white; padding:0.5rem; text-align:center; margin-top:0.5rem;
background:none;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Radio_List ul li > a.Reserve:link,
.Radio_List ul li > a.Reserve:visited,
.Radio_List ul li > a.Reserve:hover,
.Radio_List ul li > a.Reserve:active { color:white; background:rgba(0,100,180,1); }
.Radio_List ul li > a.Reserve:focus{ color:blue; background:rgba(255,240,0,1);}

/*Radio_List_Detail*/
.Radio_List_Detail { width:100%; height:auto; overflow:hidden;}
.Radio_List_Detail * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Radio_List_Detail ul { display:block; width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:flex-start; align-items:flex-start;flex-wrap:wrap;}
.Radio_List_Detail ul li { display:block; width:24%; height:auto; overflow:hidden; float:left; border:1px solid rgba(0,0,0,0.1); margin-right:1.33%; margin-bottom:1rem;
/*陰影*/
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.Radio_List_Detail ul li:nth-child(4n+4) { margin-right:0;}
.Radio_List_Detail ul li > span { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.Radio_List_Detail ul li > span > span:first-child { width:2.5rem; float:left;/* color:rgba(0,100,180,1);*/ opacity:0.5;}
.Radio_List_Detail ul li > span > span:last-child { width:calc( 100% - 2.5rem); float:left;}
.Radio_List_Detail ul li > span:first-child { background:rgba(0,100,180,1); font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.05); color:white;
background:rgba(0,0,0,0.015); color:rgba(0,0,0,0.7);
-webkit-box-shadow: inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
box-shadow:         inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);}
.Radio_List_Detail ul li > span:first-child > span:first-child { display:none;}
.Radio_List_Detail ul li > span:first-child > span:last-child { width:100%;}
.Radio_List_Detail ul li > span:last-child { border-bottom:0;}
.Radio_List_Detail ~ a.GoBack.Reserve { width:100%; display:block; height:auto; overflow:hidden; margin:0; text-decoration:none; padding:1rem; float:left; text-align:center; border:1px solid rgba(0,0,0,0.1);
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
border-radius:0.5rem;}
.Radio_List_Detail ~ a.GoBack.Reserve:link,
.Radio_List_Detail ~ a.GoBack.Reserve:visited,
.Radio_List_Detail ~ a.GoBack.Reserve:hover,
.Radio_List_Detail ~ a.GoBack.Reserve:active { background:rgba(0,100,180,1); color:white;}
.Btn_TwoBu > div.Btn_Two a:focus{ background:gold; color:blue; border:2px dashed blue;}

/*SiteMapWrapper*/
.SiteMapWrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.SiteMapWrapper * { padding:0; margin:0; list-style:none; text-decoration:none;}
.SiteMapWrapper dl{ width:24%; margin-right:calc( 4% / 3 );}
.SiteMapWrapper dl:nth-child(4n+4) { margin-right:0;}
.SiteMapWrapper dl dt { width:100%; height:auto; overflow:hidden;}
.SiteMapWrapper dl dt a { display:block; width:100%; height:auto; overflow:hidden; text-align:center; padding:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.SiteMapWrapper dl dt a:link,
.SiteMapWrapper dl dt a:visited { background:rgba(0,100,180,1); color:white;}
.SiteMapWrapper dl dt a:hover,
.SiteMapWrapper dl dt a:active { background:darkblue; color:white;}
.SiteMapWrapper dl dt.NoLink { display:block; width:100%; height:auto; overflow:hidden; text-align:center; padding:0.5rem; background:rgba(0,100,180,1); color:white;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
/*針對無障礙設定*/
.SiteMapWrapper dl dt a:focus { background:rgba(255,240,0,1); color:blue;}
.SiteMapWrapper dl dd { width:100%; height:auto; overflow:hidden; border-bottom:1px dashed rgba(0,0,0,0.1);}
.SiteMapWrapper dl dd a { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.SiteMapWrapper dl dd a:link,
.SiteMapWrapper dl dd a:visited { color:rgba(0,0,0,0.6);}
.SiteMapWrapper dl dd a:hover,
.SiteMapWrapper dl dd a:active { color:rgba(0,100,180,1);}
/*針對無障礙設定*/
.SiteMapWrapper dl dd a:focus { background:rgba(255,240,0,1); color:blue;}


/*=====================編輯器=====================*/
.Des { width:100%; height:auto; overflow:hidden; max-width:1300px; padding:10px 0; margin:0 auto; margin-bottom:1rem;}
.Des.Submission,
.Des.WebInfo{ max-width:1044px;}

.Des ~ .DownList { width:100%; height:auto; overflow:hidden; max-width:1300px; padding:10px; margin:0 auto;}
.Des ~ .DownList > a { display:block; width:100%; height:auto; overflow:hidden; position:relative; border:1px solid rgba(0,0,0,0.1); margin-bottom:1rem; padding:0.5rem; text-decoration:none; padding-right:60px;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Des ~ .DownList > a:before { content:''; display:block; width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; right:10px; background:url(../Images/Layout/Icon_Download.png) center center no-repeat; opacity:0.7;
/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;} 
.Des ~ .DownList > a:hover:before { opacity:0.9;}
.Des ~ .DownList > a:link,
.Des ~ .DownList > a:visited { color:rgba(0,0,0,.7);}
.Des ~ .DownList > a:hover,
.Des ~ .DownList > a:active { color:rgba(0,0,0,.9);}
/*針對無障礙設定*/
.Des ~ .DownList > a:focus { color:blue;}

/*=====================GoBack=====================*/
.GoBack { width:100%; height:auto; overflow:hidden; max-width:1300px; padding:0; margin:0 auto; margin-bottom:20px;}
.GoBack a { display:block; width:120px; height:auto; line-height:50px; overflow:hidden; text-align:center; border:3px solid rgba(0,0,0,.1); text-decoration:none; padding:5px; float:left; font-size:1.25rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.GoBack a:link,
.GoBack a:visited { color:rgba(0,0,0,.5);}
.GoBack a:hover,
.GoBack a:active { color:rgba(0,0,0,.7); border:2.5px solid rgba(0,0,0,.3);}
/*針對無障礙設定*/
.GoBack a:focus { background:rgba(255,240,0,1); color:blue; border:2.5px dashed blue;}

.Btn_OneBu { width:100%; height:auto; overflow:hidden; max-width:1300px; padding:0; margin:0 auto;}
.Btn_OneBu > div.Btn_One { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto; margin-bottom:1rem;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.Btn_OneBu > div.Btn_One a,
.Btn_OneBu > div.Btn_One input{ width:100%; display:block; height:auto; overflow:hidden; margin:0; text-decoration:none; padding:1rem; float:left; margin-bottom:1rem; text-align:center; outline:none; border:0; font-family:"微軟正黑體"; font-size:1rem;}
.Btn_OneBu > div.Btn_One a:link,
.Btn_OneBu > div.Btn_One a:visited,
.Btn_OneBu > div.Btn_One a:hover,
.Btn_OneBu > div.Btn_One a:active,
.Btn_OneBu > div.Btn_One input{ background:rgba(0,100,180,1); color:white;
/*圓角*/
border-radius:0.5rem;}
.Btn_OneBu > div.Btn_One a:focus,
.Btn_OneBu > div.Btn_One input:focus{ background:gold; color:blue; border:2px dashed blue;}

.Btn_TwoBu { width:100%; height:auto; overflow:hidden; max-width:1300px; padding:0; margin:0 auto;}
.Btn_TwoBu > div.Btn_Two { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.Btn_TwoBu > div.Btn_Two a { width:49%; display:block; height:auto; overflow:hidden; margin:0; text-decoration:none; padding:1rem; float:left; margin-bottom:1rem; text-align:center;}
.Btn_TwoBu > div.Btn_Two a:link,
.Btn_TwoBu > div.Btn_Two a:visited,
.Btn_TwoBu > div.Btn_Two a:hover,
.Btn_TwoBu > div.Btn_Two a:active { background:rgba(0,100,180,1); color:white;
/*圓角*/
border-radius:0.5rem;}
.Btn_TwoBu > div.Btn_Two a:focus{ background:gold; color:blue; border:2px dashed blue;}
.Btn_TwoBu > div.Btn_Two a:first-child:link,
.Btn_TwoBu > div.Btn_Two a:first-child:visited,
.Btn_TwoBu > div.Btn_Two a:first-child:hover,
.Btn_TwoBu > div.Btn_Two a:first-child:active { background:rgba(0,0,0,0.05); color:rgba(0,0,0,0.5);
/*圓角*/
border-radius:0.5rem;}
.Btn_TwoBu > div.Btn_Two a:first-child:focus{ background:gold; color:blue; border:2px dashed blue;}

@media only screen and (min-width:0px) and (max-width:1280px) {
.Header .Logo { margin-left:0.5rem;}
.Header .TopMenu { width:calc( 100% - 13rem);}
.NavBtn2 { right:0.55rem; margin-right:0; right:0;}
}
@media only screen and (min-width:0px) and (max-width:1160px) {
	.Nav > ul > li > a { font-size:0.7rem;}
	}
@media only screen and (min-width:0px) and (max-width:1080px) {
	.Footer .App { width:5.4rem; display:block;}
	.Footer .App img { width:100%;}
	.Footer .SiteMap { width:calc( 100% - 6rem); margin-bottom:2rem;}
	}
@media only screen and (min-width:0px) and (max-width:1024px) {
  .FixedAdsLeft  { width:200px; min-width:0;}
	.Nav > ul > li { width:20%;}
	.Font-Small .Wrapper .BasicTable.Survey td,
	.Font-Small .Wrapper .BasicTable.Survey th { font-size:0.6rem;}
	.BasicTable.Survey td, .BasicTable.Survey th { font-size:0.8rem; padding:0.25rem;}
	.Font-Large .Wrapper .BasicTable.Survey td,
	.Font-Large .Wrapper .BasicTable.Survey th { font-size:1rem;}
	.BasicTable.Survey th:nth-child(2) { width:6rem;}
	.BasicTable.Survey th:nth-child(3) { width:6rem;}
	.BasicTable.Survey th:nth-child(4) { width:4rem;}
	.BasicTable.Survey th:nth-child(5) { width:4rem;}
	.BasicTable.Survey th:nth-child(6) { width:3rem;}
	
.BasicTable.Survey.Forum_Detail th:nth-child(1),
.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:4rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(3) { width:4rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(4) { width:3rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(5) { width:3rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(6) { width:10rem;}
	
		.Content.HomeContent a.More { display:block; width:100%; height:auto; overflow:hidden; text-align:right; font-style:italic; padding:10px; color:black; text-decoration:none; position:relative; z-index:1; margin-bottom:10px; font-size:1rem;}
	
	.Radio_List ul li { width:32%; margin-right:2%;}
	.Radio_List ul li:nth-child(3n+3) { margin-right:0;}
	
	.Radio_List_Detail ul li,
	.Radio_List_Detail ul li:nth-child(4n+4){ width:32%; margin-right:2%;}
	.Radio_List_Detail ul li:nth-child(3n+3) { margin-right:0;}
	
	.VoteItem_Detail_Table th,
	.VoteItem_Detail_Table td { font-size:0.8rem; padding:0.25rem;}
	
	.DefAds .DefAdsWrap { width:100%;}
	.DefAds .DefAdsSubWrap { width:100%;}
	.DefAds .DefAdsSubSubWrap { padding:1rem 0.5rem; padding-bottom:0; width:50%;}
	.DefAds .DefAdsSubSubWrap:before { top: 1.5rem; left:1rem;}
	.DefRadio { padding:0.5rem;}
	
	.DefSubContent .Left,
	.DefSubContent .Right{ width:100%; padding:0.5rem;}
	
	.ContactUs { display:block;}
	.ContactUs > fieldset,
	.ContactUs > fieldset ~ div { width:100%; padding:0; margin:0 auto; margin-bottom:1rem;}
	.ContactUs > fieldset ~ img,
	.ContactUs > fieldset ~ div img{ width:auto; float:none; margin:0 auto; margin-bottom:1rem;}
	
	.ForumFormWrap,
	.ForumFormWrap ~ div { width:100%; padding:0; margin:0 auto; margin-bottom:1rem;}
	.ForumFormWrap ~ img,
	.ForumFormWrap ~ div img{ width:auto; float:none; margin:0 auto; margin-bottom:1rem;}
		
	}
@media only screen and (min-width:0px) and (max-width:960px) {
.ugC_Program_Time li a { font-size:0.8rem;}
.PageProgram ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.PageProgram ul li { width:48%; margin-right:0;}
.PageNews ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.PageNews ul li { width:48%; margin-right:0;}
.PageHost ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.PageHost ul li { width:48%; margin-right:0;}
.Service_Catalog ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.Service_Catalog ul li { width:48%; margin-right:0;}
.PageMedia ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.PageMedia ul li { width:48%; margin-right:0;}
.PageLink ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.PageLink ul li { width:48%; margin-right:0;}
.Footer .SiteMap { flex-wrap:wrap; margin-bottom:0rem;}
.Footer .SiteMap dl { width:24%; margin-bottom:1rem; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.1); padding:0.25rem;}
.PlaybackList > ul > li { width:100%;}
}
@media only screen and (min-width:0px) and (max-width:900px) {
	.Header .TopMenu .Menu ul li.Rss { display:none;}
		.top-click { width:100%; margin-right:0;}
	}
@media only screen and (min-width:0px) and (max-width:850px) {
	.Header .TopMenu .GoogleTranslate { display:none;}
	.Header .TopMenu .Search { right:2rem;}
	.Header .TopMenu,
	.WrapperFixed .Header .TopMenu { padding-right:10rem;}
	.PagePlayback ul li { width:100%;}
	.PagePlayback ul li a { padding:0; height:229px;}
	}
@media only screen and (min-width:0px) and (max-width:800px) {
.Footer .SiteMap  { width:100%;}
.Footer .App { display:none;}
	.Wrapper { padding-top:3.5rem;}
	.Header .Logo { width:3rem; margin:0.25rem 0;}
	.Header .TopMenu { width:calc( 100% - 3.5rem); padding:0.75rem 0; padding-right:10rem;}
	.Header .TopMenu .GoogleTranslate { top:0.75rem;}
	.Header .TopMenu .Search { top:0.75rem;}
	.Header .TopMenu .NavBtn { top:0.75rem;}
	.NavBtn2 { top:0.75rem;}
	.Nav { top:3.5rem;}
}
@media only screen and (min-width:0px) and (max-width:768px) {
  .FixedAdsLeft { padding:5px; width:210px;}
	.DefAds,
	.DefRadio{ margin-bottom:1rem;}
	.DefAds .DefAdsSubWrap { width:100%; display:none;}
	.DefAds .DefAdsSubWrap.FMAM { display:block;}
	.DefSubContent .Left .RadioStatus ul {-webkit-justify-content:center; justify-content:center;}
	.DefSubContent .Left .RadioStatus li { width:calc(33.33% - 0.5rem); margin-bottom:0.5rem; margin-right:0.75rem;}
	.DefSubContent .Left .RadioStatus li:nth-child(3n+3) { margin-right:0;}
	
	.ugC_Program_Time {  margin-bottom:0.5rem;}
	.ugC_Program_Time li { width:49%; margin-bottom:0.5rem;}
	
	.ProgramDes > div:first-child > img,
	.ProgramDes > div:first-child > img ~ div { width:100%;}
	.PageContent-Right .PageArticle.ugC_Program_Detail > div > img,
	.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div { width:100%;}
	.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div { padding:1rem 0;}
	
	.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo,
	.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div { width:100%;}
	.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo ~ div { padding:1rem 0;}

	.Font-Small .Wrapper .BasicTable.Survey td,
	.Font-Small .Wrapper .BasicTable.Survey th { font-size:0.5rem;}
	.BasicTable.Survey td, .BasicTable.Survey th { font-size:0.6rem;}
	.Font-Large .Wrapper .BasicTable.Survey td,
	.Font-Large .Wrapper .BasicTable.Survey th { font-size:0.8rem;}
	.BasicTable.Survey th:nth-child(2) { width:5rem;}
	.BasicTable.Survey th:nth-child(3) { width:5rem;}
	.BasicTable.Survey th:nth-child(4) { width:3rem;}
	.BasicTable.Survey th:nth-child(5) { width:3rem;}
	.BasicTable.Survey th:nth-child(6) { width:2.5rem;}


.BasicTable.Survey.Forum_Detail th:nth-child(1),
.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:4rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(3) { width:4rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(4) { width:3rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(5) { width:3rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(6) { width:8rem;}

.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a { height:1rem; font-size:0.6rem; padding:0;}
	
	.BossWrapper .Boss > div { width:100%;}
	
	.VoteItem_Detail_Table th,
	.VoteItem_Detail_Table td { font-size:0.6rem;}
	
	.SiteMapWrapper dl,
	.SiteMapWrapper dl:nth-child(5n+5),
	.SiteMapWrapper dl:nth-child(4n+4){ width:32.33%; margin-right:calc( 3% / 2 );}
	.SiteMapWrapper dl:nth-child(3n+3) { margin-right:0;}
}
@media only screen and (min-width:0px) and (max-width:690px) {
	.Footer .SiteMap {
		/*flex*/
		-webkit-justify-content:flex-start;justify-content:flex-start;}
	.Footer .SiteMap dl { width:32.33%; margin-right:1.5%;}
	.Footer .SiteMap dl:nth-child(3n+3) { margin-right:0;}
	}
@media only screen and (min-width:0px) and (max-width:670px) {
.ugC_Program_Time.playback li { width:100%;}
}
@media only screen and (min-width:0px) and (max-width:620px) {
.ContactUs > fieldset > .ContactUsBox > * > textarea { width:100%;}

.ForumFormWrap > .ForumFormBox > * > textarea { width:100%;}

.DefSubContent .Left .RadioStatus h2 { height:auto; text-indent:0; padding-left:0.5rem; padding-right:0.25rem;}
.DefSubContent .Left .RadioStatus h2 > span { position:static; top:auto; right:auto; width:100%;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td { font-size:0.5rem; line-height:0.7rem; padding:0.25rem; min-height:1rem;}
.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a { font-size:0.5rem; line-height:0.8rem; height:auto; padding:0.125rem 0;}
	.Header .TopMenu .Menu ul li:first-child { display:none;}
}
@media only screen and (min-width:0px) and (max-width:530px) {
  .FixedAdsLeft { width:150px;}
	.Header .TopMenu,
	.WrapperFixed .Header .TopMenu { padding-right:2rem;}
	.Header .TopMenu .Search { display:none;}
	.Header .TopMenu .Menu ul li.online,
	.Header .TopMenu .Menu ul li.FB,
	.Header .TopMenu .Menu ul li.Youtube,
	.Header .TopMenu .Menu ul li.Rss { width:1.75rem;}
	.Header .TopMenu .Menu ul li a { padding:0.25rem 0.125rem;}
	
	.PageWrapper-Side .PageContent-Right { min-height:0;}
	
	.DefSubContent .Left .RadioStatus ul { -webkit-justify-content:space-between; justify-content:space-between; }
	.DefSubContent .Left .RadioStatus li { width:49%; margin-right:0;}
	
	.Radio_List ul { -webkit-justify-content:space-between; justify-content:space-between; }
	.Radio_List ul li { width:49%; margin-right:0;}
	
	.Radio_List_Detail ul { -webkit-justify-content:space-between; justify-content:space-between; }
	.Radio_List_Detail ul li,
	.Radio_List_Detail ul li:nth-child(4n+4),
	.Radio_List_Detail ul li:nth-child(3n+3){ width:49%; margin-right:0;}
	
	.Inquiry_List > ul > li.header { display:none;}
	.Inquiry_List > ul > li { width:100%; height:auto; overflow:hidden; border:1px solid rgba(0,0,0,0.2); margin-bottom:1rem;}
	.Inquiry_List > ul > li > *:nth-child(1),
	.Inquiry_List > ul > li > *:nth-child(2),
	.Inquiry_List > ul > li > *:nth-child(3) { width:100%; height:auto; overflow:hidden; position:relative; padding:0.25rem; padding-left:7.5rem; text-align:left;}
	.Inquiry_List > ul > li > *:nth-child(even) { background:rgba(0,0,0,0.05);}
	.Inquiry_List > ul > li > *:before { content:''; display:block; width:7rem; height:auto; overflow:hidden; padding:0.25rem; position:absolute; top:0; left:0; text-align:left;}
	.Inquiry_List > ul > li > *:nth-child(1):before { content:'Service Content';}
	.Inquiry_List > ul > li > *:nth-child(2):before { content:'Title';}
	.Inquiry_List > ul > li > *:nth-child(3):before { content:'Processing status';}
	
	.ContactUs > fieldset > .ContactUsBox > * { font-size:0.8rem;}
	.ContactUs > fieldset > .ContactUsBox > label,
	.ContactUs > fieldset > .ContactUsBox > div:first-child { width:10rem;}
	.ContactUs > fieldset > .ContactUsBox > .ContactUsBoxR { width:calc(100% - 10rem);}
	
	.ForumFormWrap > .ForumFormBox > * { font-size:0.8rem;}
	.ForumFormWrap > .ForumFormBox > label,
	.ForumFormWrap > .ForumFormBox > div:first-child { width:6.5rem;}
	.ForumFormWrap > .ForumFormBox > .ForumFormBox-R { width:calc(100% - 6.5rem);}
	
	#ContentPlaceHolder1_div_Login > div > * { font-size:0.8rem;}
	#ContentPlaceHolder1_div_Login > div > label { width:7.5rem;}
	#ContentPlaceHolder1_div_Login > div > label ~ div { width:calc(100% - 7.5rem);}
	
	.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * { font-size:0.8rem;}
	.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label { width:6.5rem;}
	.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label ~ div { width:calc(100% - 6.5rem);}
	.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * .memberformAddressBox > div > span input{ width:90%;}
	.BasicTable.Survey,
	.BasicTable.Survey > tbody,
	.BasicTable.Survey > tbody > tr,
	.BasicTable.Survey > tbody > tr > td { display:block; width:100%; height:auto; overflow:hidden; border:0;}
	.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:100%; text-align:left;}
	.BasicTable.Survey > tbody > tr {border:1px solid rgba(0,0,0,0.2); margin-bottom:1rem;}
	.BasicTable.Survey > tbody > tr:first-child { display:none;}
	.BasicTable.Survey > tbody > tr > td { position:relative; padding-left:4.5rem; text-align:left;}
	.BasicTable.Survey > tbody > tr > td:nth-child(even) { background:rgba(0,0,0,0.05);}
	.BasicTable.Survey > tbody > tr > td:before { content:''; display:block; width:4rem; height:auto; overflow:hidden; padding:0.25rem; position:absolute; top:0; left:0; text-align:center;}
	.BasicTable.Survey > tbody > tr > td:nth-child(1):before { content:'問卷主題';}
	.BasicTable.Survey > tbody > tr > td:nth-child(2):before { content:'開始日期';}
	.BasicTable.Survey > tbody > tr > td:nth-child(3):before { content:'結束日期';}
	.BasicTable.Survey > tbody > tr > td:nth-child(4):before { content:'填寫問卷';}
	.BasicTable.Survey > tbody > tr > td:nth-child(5):before { content:'問卷結果';}
	.BasicTable.Survey > tbody > tr > td:nth-child(6):before { content:'樣本數';}
	.BasicTable.Survey td a img { margin:0; float:left;}

	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(1):before { content:'投票主題';}
	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(2):before { content:'投票人數';}
	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(3):before { content:'開始日期';}
	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(4):before { content:'結束日期';}
	
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(1):before { content:'分類';}
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(2):before { content:'主題';}
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(3):before { content:'回覆';}
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(4):before { content:'最後發表';}
	
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(1):before { content:'主持人';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(2):before { content:'主題';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(3):before { content:'發表人';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(4):before { content:'點閱';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(5):before { content:'回覆';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(6):before { content:'最後發表日期';}
	
	.PlaybackList > ul > li { padding-right:0.5rem;}
	.PlaybackList > ul > li > span ~ span:not(:last-child) { margin-bottom:0.25rem;}
	.PlaybackList > ul > li > span:last-child { position:static; width:100%; top:auto; right:auto; padding:0 0.5rem; margin-bottom:0; text-align:left;}
	
	#SlideMenu > ul li a { font-size:0.7rem; padding:0.25rem;}
	
	.Footer { padding:0.5rem 0; padding-bottom:0;}
	.Footer .Copyright { padding:0.5rem 0;}
	.Footer .Copyright p { width:100%;}
	.Footer .Copyright .Label { float:left;}
	
	.FamilyWrapper .Family { width:100%;}
	.TrafficWrapper .Traffic { width:100%;}
	
	.Forum_Detail_Search tbody tr td a#ContentPlaceHolder1_lbut_Init { margin:0; width:18rem; margin-top:0.5rem;}
	
	.SiteMapWrapper { -webkit-justify-content:space-between; justify-content:space-between;}
	.SiteMapWrapper dl,
	.SiteMapWrapper dl:nth-child(5n+5),
	.SiteMapWrapper dl:nth-child(4n+4),
	.SiteMapWrapper dl:nth-child(3n+3){ width:49%; margin-right:0;}
	
	.Inquiry_List > ul > li { font-size:0.8rem;}
	
	#SlideMenu > ul { -webkit-justify-content:flex-start;justify-content:flex-start;}
	#SlideMenu > ul li { margin-right:1%; margin-bottom:0.5rem;}
	}
@media only screen and (min-width:0px) and (max-width:480px) {
	.Nav > ul > li a { font-size:0.5rem;}
	.Nav > ul > li.NavLi00 > a:before { background:url(../Images/Layout/Nav/NavLi00.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi01 > a:before { background:url(../Images/Layout/Nav/NavLi01.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi02 > a:before { background:url(../Images/Layout/Nav/NavLi02.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi03 > a:before { background:url(../Images/Layout/Nav/NavLi03.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi04 > a:before { background:url(../Images/Layout/Nav/NavLi04.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi05 > a:before { background:url(../Images/Layout/Nav/NavLi05.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi06 > a:before { background:url(../Images/Layout/Nav/NavLi06.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi07 > a:before { background:url(../Images/Layout/Nav/NavLi07.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi08 > a:before { background:url(../Images/Layout/Nav/NavLi08.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi09 > a:before { background:url(../Images/Layout/Nav/NavLi09.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi10 > a:before { background:url(../Images/Layout/Nav/NavLi10.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi11 > a:before { background:url(../Images/Layout/Nav/NavLi11.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
.Nav > ul > li.NavLi12 > a:before { background:url(../Images/Layout/Nav/NavLi12.png) center center no-repeat;/*背景圖片尺寸*/
-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
	}
@media only screen and (min-width:0px) and (max-width:460px) {
	
	.BossWrapper .Boss > div.Text > * { text-align:left;}
	
	.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr.tr_top,
	.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr.tr_top td { font-size:0.6rem;}
	.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td { font-size:0.5rem; padding:0.25rem; min-height:0.7rem;}
	.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a { font-size:0.5rem; line-height:0.7rem;}
	
	.Forum_Detail_Search tbody tr td select,
	.Forum_Detail_Search tbody tr td input,
	.Forum_Detail_Search tbody tr td a,
	.Forum_Detail_Search tbody tr td a#ContentPlaceHolder1_lbut_Init { margin:0; width:100%;}
	
	.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_Email,
	.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_ShortDescr { width:100%;}
	
	.ugC_Program_Time li a { font-size:0.5rem; padding:0.25rem;}
	
	.Forum_Detail_Search tbody tr td select,
	.Forum_Detail_Search tbody tr td input,
	.Forum_Detail_Search tbody tr td a{ margin-bottom:0.5rem;}
	
	.Footer .SiteMap dl { width:49%; margin-right:2%;}
	.Footer .SiteMap dl:nth-child(3n+3) { margin-right:2%;}
	.Footer .SiteMap dl:nth-child(2n+2) { margin-right:0;}
	.Footer .Copyright * { font-size:0.7rem; line-height:1rem;}
	.Footer .Copyright p > span:first-child {
		/*flex*/
-webkit-flex-display:flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content:space-between;justify-content:space-between;
flex-wrap:wrap;}
.Footer .Copyright p > span:first-child > a { display:block; width:100%; height:auto; overflow:hidden; border:1px solid rgba(255,255,255,0.6); margin:0; margin-bottom:0.5rem; text-align:center; padding:0.25rem;
/*圓角*/
border-radius:0.25rem;}
.Footer .Copyright p > span:first-child > span { display:none;}

	}
@media only screen and (min-width:0px) and (max-width:375px) {
	.PageProgram ul li > a:first-child > .name,
	.PageHost ul li > a:first-child > img ~ span { font-size:1rem;}
.Footer .SiteMap dt { font-size:0.8rem;}
.Radio_List ul li { width:100%;}
.Radio_List_Detail ul li,
.Radio_List_Detail ul li:nth-child(4n+4),
.Radio_List_Detail ul li:nth-child(3n+3){ width:100%;}
.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_Email,
.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_UrlLocation,
.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtEmail,
#ContentPlaceHolder1_div_Login > div > * > input#ContentPlaceHolder1_txb_Email,
.Service_Catalog ul li{ width:100%;}

.Header .TopMenu .Menu { height:1.5rem; margin-top:5px;}
.Header .TopMenu .Menu ul li.online,
.Header .TopMenu .Menu ul li.Replays,
.Header .TopMenu .Menu ul li.FB,
.Header .TopMenu .Menu ul li.Line,
.Header .TopMenu .Menu ul li.IG,
.Header .TopMenu .Menu ul li.Youtube,
.Header .TopMenu .Menu ul li.Rss { width:1.5rem; height:1.5rem;}
.Header .TopMenu .Menu ul li a { padding:0 0.125rem;}
}

/*白天晚上切換*/
.Day .Header { background:url(../Images/Layout/Day/TopBg.jpg) top center no-repeat;
-moz-background-size:1920px 100px;-webkit-background-size:1920px 100px; -o-background-size:1920px 100px;background-size:1920px 100px;}
.Day .Header .Logo a { background:url(../Images/Layout/Day/Logo.png) 0 0 no-repeat;
/*背景圖片尺寸*/
-moz-background-size:250px 60px;
-webkit-background-size:250px 60px;
-o-background-size:250px 60px;
background-size:250px 60px;}
.Day .Header .TopMenu .Menu ul li a:link,
.Day .Header .TopMenu .Menu ul li a:visited,
.Day .Header .TopMenu .Menu ul li a:hover,
.Day .Header .TopMenu .Menu ul li a:active { color:rgba(0,0,0,1);}
.Day .Header .TopMenu .Menu ul li a:focus{ color:blue;}
.Day .Header .TopMenu .Menu ul li.FB { background: url(../Images/Layout/Day/FB.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Day .Header .TopMenu .Menu ul li.Line { background: url(../Images/Layout/Day/Line.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.Day .Header .TopMenu .Menu ul li.Youtube { background: url(../Images/Layout/Day/Youtube.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Day .Header .TopMenu .Menu ul li.Rss { background: url(../Images/Layout/Day/RSS.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Day .Header .TopMenu .NavBtn { background: url(../Images/Layout/Day/Menu.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Day .Header .TopMenu .NavBtn:focus{ background:url(../Images/Layout/Day/Menu_o.png) center center no-repeat, rgba(255,240,0,1);
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Day .NavBtn2 { background: url(../Images/Layout/Day/Menu_o.png) center center no-repeat;
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}
.Day .NavBtn2:focus{ background:url(../Images/Layout/Day/Menu_o.png) center center no-repeat, rgba(255,240,0,1);
/*背景圖片尺寸*/
-moz-background-size:80% 80%;
-webkit-background-size:80% 80%;
-o-background-size:80% 80%;
background-size:80% 80%;}

.Day .Footer { background:url(../Images/Layout/Day/FooterBg.jpg) bottom center no-repeat, #579ee9;}

/*20210911 JackyHou*/
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo .VideoStart,
.PageContent-Right .PageArticle.ugC_Program_Detail.AMFM2 > div > div.Photo .VideoStart:focus{width:90px;height:90px;top:50%;left:50%;margin-top:-45px;margin-left:-45px;position:absolute;display:block;text-indent:-9999px;background:url(/TW/Images/Layout/UI/Btn_Play_a.png) center center no-repeat, rgba(115, 133, 159, 0.5) !important;z-index:1;
/*圓角*/border-radius:100%;
/*背景圖片尺寸*/-moz-background-size:80% 80%!important;-webkit-background-size:80% 80%!important;-o-background-size:80% 80%!important;/* background-size:80% 80%!important; *//* -webkit-transition: all 0s; */-moz-transition: all 0s;-ms-transition: all 0s;-o-transition: all 0s;/* transition: all 0s; */}

#div_VideoPlay_Top { width:100%; background:#000; height:30px; overflow:hidden; color:#fff; font-size:1rem; line-height:30px; position:fixed; top:100px; left:0; z-index:2;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Wrapper.WrapperFixed #div_VideoPlay_Top { top:70px;}
#div_VideoPlay_Top video,
#div_VideoPlay_Top .vjs-text-track-display{ display:none;}

#div_VideoPlay_Top ~ ..Accesskey_C { top:30px;}
#div_VideoPlay_Top ~ .PageWrapper-Side { margin-top:30px;}

#div_VideoPlay_Top .VideoPlayerTop-dimensions,
#div_VideoPlay_Top .video-js{ height:30px; float:left; border-right:1px solid #444; background:rgba(43, 51, 63, 0.7);}
#div_VideoPlay_Top .video-js .vjs-big-play-button { width:100%; height:30px; line-height:30px; border:0; top:0; left:0; -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;}
#div_VideoPlay_Top .video-js .vjs-fullscreen-control { display:none;}
#div_VideoPlay_Top > div#div_Subject_Top { width:calc( 100% - 550px ); float:left; text-align:center; border-right:1px solid #444; background:rgba(43, 51, 63, 0.7);}
#div_VideoPlay_Top > div#div_Subject_Top + div { width:205px; float:left; font-size:0.75rem; text-align:center; border-right:1px solid #444; background:rgba(43, 51, 63, 0.7);}
#div_VideoPlay_Top > #VideoPlayStop { width:45px; height:30px; line-height:30px; float:right; background:none; outline:none; color:#fff; border:0; background:rgba(43, 51, 63, 0.7);}
#div_VideoPlay_Top .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity:1;}
/*20210911 JackyHou*/