@charset "utf-8";
/*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:40%; 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 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:3; padding:10px; right:auto; left:0; display:none;}
.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:10px; font-size:0.8em; line-height:1.4;   
    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:18rem; 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, gold; 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, gold; 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,rgba(25,25,110,1); text-indent:-9999px; position:fixed; top:1.5rem; top:8.45rem; z-index:3; right:50%; margin-right:-33.4rem; 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, gold; 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; display:block; 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:8.33%; 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; border:2.5px solid rgba(0,0,255,1);}
.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:18rem;}
.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; top:6.85rem;}
.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);}


/*DefButton*/
.DefButton { width:100%; height:auto; overflow:hidden; max-width:64rem; margin:0 auto; margin-bottom:2rem;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.DefButton > a { display:block; width:calc( 50% - 10px ); height:auto; line-height:120px; font-size:2.5rem; color:#fff; overflow:hidden; position:relative; text-decoration:none; text-align:center;
/*基礎動畫設定*/
transition:all .5s;
/*圓角*/
border-radius:10px;}
.DefButton > a:before { content:''; display:block; width:80px; height:80px; overflow:hidden; float:left; margin:20px;}
.DefButton > a:nth-of-type(1) { background:#db3914; margin-right:20px;}
.DefButton > a:nth-of-type(2) { background:#157e66;}
.DefButton > a:nth-of-type(1):before { background:url(../Images/Layout/Home-icon_01.png) left center no-repeat;
background-size:contain;}
.DefButton > a:nth-of-type(2):before { background:url(../Images/Layout/Home-icon_02.png) left center no-repeat;
background-size:contain;}
.DefButton > a:nth-of-type(1):hover,
.DefButton > a:nth-of-type(1):active,
.DefButton > a:nth-of-type(1):focus,
.DefButton > a:nth-of-type(2):hover,
.DefButton > a:nth-of-type(2):active,
.DefButton > a:nth-of-type(2):focus { background:gold; color:blue;}
.DefButton > a:nth-of-type(1):focus:before { background:url(../Images/Layout/Home-icon_01_o.png) left center no-repeat;
background-size:contain;}
.DefButton > a:nth-of-type(2):focus:before { background:url(../Images/Layout/Home-icon_02_o.png) left center no-repeat;
background-size:contain;}

/*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%; height:auto; overflow:hidden; float:left; position:relative;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.DefAds .DefAdsWrap .swiper-control { position:absolute; top:0; left:10px;
    width: 55px;
	margin-top:10px;
    height: 20px;
    z-index: 2;
    display: flex;
	float:left;
}

.DefAds .DefAdsWrap .swiper-control .btn {
    width: 20px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
	border-radius:5px;
}

.DefAds .DefAdsWrap .swiper-control .btn.disabled {
    opacity: 0.2;
}

.DefAds .DefAdsWrap .swiper-control .btn.disabled:focus {
    opacity: 1;
}

.DefAds .DefAdsWrap .swiper-control .btn.btnPause {
    background: url(/tw/Images/Layout/marquee-pause.png) center center no-repeat, rgba(255,255,255,0.4);
    background-size: contain;
}

.DefAds .DefAdsWrap .swiper-control .btn.btnPause:focus {
    background: url(/tw/Images/Layout/marquee-pause.png) center center no-repeat, rgba(255,240,0,1);
    background-size: contain;
}

.DefAds .DefAdsWrap .swiper-control .btn.btnPlay {
    background: url(/tw/Images/Layout/marquee-play.png) center center no-repeat, rgba(255,255,255,0.4);
    background-size: contain;
}

.DefAds .DefAdsWrap .swiper-control .btn.btnPlay:focus {
    background: url(/tw/Images/Layout/marquee-play.png) center center no-repeat, rgba(255,240,0,1);
    background-size: contain;
}

.DefAds .DefAdsWrap  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 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 .DefAdsWrap .swiper-container-horizontal>.swiper-pagination-bullets { bottom:0;}
.DefAds .DefAdsSubWrap { width:50%; 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%; height:auto; overflow:hidden; float:left; position:relative;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.DefAds .DefAdsSubSubWrap a: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 a:before { content:'FM';}
.DefAds .DefAdsSubSubWrap#ContentPlaceHolder1_wrapperProgramFM .swiper-slide:first-child a:before { content:'FM Now on Air'; width:5rem;}
.DefAds .DefAdsSubSubWrap#ContentPlaceHolder1_wrapperProgramAM a:before { content:'AM';}
.DefAds .DefAdsSubSubWrap#ContentPlaceHolder1_wrapperProgramAM .swiper-slide:first-child a:before { content:'AM Now on Air'; width:5rem;}
.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 .FMAM a:hover span.TextBox > span.Title,
.DefAds .FMAM a:active span.TextBox > span.Title,
.DefAds .FMAM a:focus span.TextBox > span.Title{ color:blue;}
.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; display:none;}
.DefAds a.title-link { background:none;}
.DefAds a.title-link:focus {background:rgba(255,240,0,1); border:2.5px dashed blue; outline:0; color:blue;}
.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; position:relative;}
.DefRadio .swiper-wrapper { margin-bottom:2.5rem;}
.DefRadio a { display:block; width:100%; height:auto; overflow:hidden; position:relative;
/*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 { color:white;}
.DefRadio a:hover,
.DefRadio a:active { color:blue;}
.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); z-index:2;
/*基礎動畫設定*/
transition:all .5s;}
.DefRadio a:hover > span,
.DefRadio a:active > span,
.DefRadio a:focus > span{ background:gold; color:blue;}
.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; opacity:0;
/*基礎動畫設定*/
transition:all .5s;}
.DefRadio a:hover img,
.DefRadio a:active img,
.DefRadio a:focus img {transform: scale(1.2);}
.DefRadio img.Photo { position:absolute; width:110%; top:0; left:-5%; z-index:1; opacity:1;}

.DefRadio.Ani-Content4 img { opacity:1;}

/*DefSubContent*/
.DefSubContent { width:100%; max-width:64rem; height:auto; overflow:hidden; margin:0 auto; margin-bottom:2rem;}
.DefSubContent .Left { width:calc( 100% - 25rem); 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: start; align-items: start; -webkit-justify-content:center;justify-content:center;
 flex-wrap:wrap; align-content:start;}
.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% - 140px); 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 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 dl { max-width:calc( 100% / 9 );}
.Footer .SiteMap dt { font-size:0.8rem; line-height:1.5rem;}
.Footer .SiteMap dt.NoLink { height:0; overflow:hidden;}
.Footer .SiteMap dt.NoLink ~ dd  { font-size:0.8rem; line-height:1.5rem; opacity:1;}
.Footer .SiteMap dd { font-size:0.8rem; line-height:1.5rem; opacity:1;}
.Footer .App { width:12.5rem; width:125px; 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; width:49%; width:100%; max-width:100%; height:auto; float:left; float:right;}
.Footer .App img#imgQRcodeLine { /*display:none;*/ margin-top:10px;}
.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;}
.NavBtn.NavBtn2.Open ~ .Content { padding-top:calc( 110px + 2rem );}
.NavBtn.NavBtn2.Open ~ .Content .FontSize { /*top:calc( 110px + 0.5rem );*/}

.Content .FontSize { position:absolute; width:150px; height:auto; line-height:1rem; overflow:hidden; top:0.5rem; right:0; right:calc( ( 100% - 1280px ) / 2 ); 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:1rem;}
.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 .PageContent-Right .PageTitle p.BreadCrumbs{ font-size:0.6rem; line-height:1.3rem;}
.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-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 .PageHost ul li > a:first-child ~ span { font-size:0.6rem;}
.Font-Small .ContactUs > fieldset > .ContactUsBox > *,
.Font-Small .ForumFormWrap > .ForumFormBox > *{ 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.8rem;}
.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 .PageContent-Right .PageTitle p.BreadCrumbs{ font-size:1rem; line-height:1.7rem;}
.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-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 > 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 .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 .PageHost ul li > a:first-child ~ span { font-size:1rem;}
.Font-Large .ContactUs > fieldset > .ContactUsBox > *,
.Font-Large .ForumFormWrap > .ForumFormBox > *{ 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{ width:10.75rem;}
.Font-Large .ContactUs > fieldset > .ContactUsBox > .ContactUsBoxR,
.Font-Large .ForumFormWrap > .ForumFormBox > .ForumFormBox-R{ width:calc(100% - 10.75rem);}
.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.2rem;}
.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; margin-bottom:10px;}
.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(../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; margin-bottom:5px;}
#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;}
.Audio { position:relative; width:300px!important; width:100%!important; height:auto; overflow:hidden;}
.Audio > audio { width:100%;}
#ContentPlaceHolder1_divCurrentAudio .Audio { margin-bottom:20px;}
#ContentPlaceHolder1_divCurrentAudio .Audio span { width:50px; float:left; line-height:2.7rem;}
#ContentPlaceHolder1_divCurrentAudio .Audio > audio { width:calc( 100% - 50px ); float:right;}
.Audio:after { content:''; display:block; width:40px; height:40px; overflow:hidden; position:absolute; top:50%; margin-top:-20px; right:10px; background:#f1f3f4; z-index:999999999;
/*圓角*/
border-radius:100%;}
.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);}


/*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;}
.PageContent-Right .PageArticle .css_PageList > div { 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 > div > * { display:block; width:auto; min-width:2rem; height:2rem; overflow:hidden; float:left; margin-right:5px; text-align:center; line-height:calc(2rem - 2px);}
.PageContent-Right .PageArticle .css_PageList > div > a:link,
.PageContent-Right .PageArticle .css_PageList > div > a:visited { color:rgba(0,0,0,0.6); text-decoration:none;}
.PageContent-Right .PageArticle .css_PageList > div > a:hover,
.PageContent-Right .PageArticle .css_PageList > div > a:active { color:rgba(0,0,0,0.8); text-decoration:none; background:gold;}
.PageContent-Right .PageArticle .css_PageList > div > a:focus{ color:blue; border:2px dashed blue;}
.PageContent-Right .PageArticle .css_PageList > div > span { 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;}

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;}

/*===============================================================各類型區塊===============================================================*/
/*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;}

/*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:flex-start; align-items:flex-start;
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.Audio + #ContentPlaceHolder1_divCurrentAudio > span { margin-bottom:0; margin-right:0.5rem;}
.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% - 100px); 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#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:2.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% - 5rem ); height:auto; overflow: hidden;}
.PageContent-Right .PageArticle.ugC_Program_Detail > div > img ~ div .StarRanks .RankHeader #star li { width:2rem; 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);}


/*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:5rem; height:2rem; line-height:2rem; overflow:hidden; float:left; font-size:1rem;}
.StarRanks .RankHeader #star { width:calc( 100% - 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:9.75rem;}
.ContactUs > fieldset > .ContactUsBox > label > .notice { width:38px; float:left; margin-right:0.25rem;}
.ContactUs > fieldset > .ContactUsBox > label .None { display:none;}
.ContactUs > fieldset > .ContactUsBox > .ContactUsBoxR { width:calc(100% - 9.75rem);}
.ContactUs > fieldset > .ContactUsBox > * > * { float:left; margin-right:0.25rem; max-width:100%;}
.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; 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;}
.ContactUs > fieldset > .ContactUsBox ~ .Btn_TwoBu { margin-top:20px;}

/*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;}

/*.PageNews li.NoImage { padding:10px; border:1px solid rgba(0,0,0,0.1);}
.PageNews li.NoImage span.Photo { display:none;}
.PageNews li.NoImage span.title { padding-top:0;}*/

.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;}

.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 select.sel-w-auto { width:auto;}
.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;}

/*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;}

/*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 th{ 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 th,
.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;}

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

.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:19%; margin-right:calc( 5% / 4 ); height:auto; overflow:hidden; float:left; margin-bottom:1rem;}
.SiteMapWrapper dl:nth-child(5n+5) { 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;}
.Content .FontSize { 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:16.66%;}

.Nav { display:none;}
.Header .TopMenu .NavBtn { display:block;}
.Header .TopMenu .NavBtn.Open { display:none;}
.NavBtn.NavBtn2 { display:none;}
.NavBtn.NavBtn2.Open { display:block; top:0.75rem; background: url(../Images/Layout/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%;}
.WrapperFixed .NavBtn2 { top:0.75rem;}

.NavBtn.NavBtn2.Open ~ .Content { padding-top:calc( 200px + 2rem ); padding-top:2rem;}
.NavBtn.NavBtn2.Open ~ .Content .FontSize { /*top:calc( 200px + 0.5rem ); padding-top:0.5em;*/ right:10px;}
.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;}

.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; background:none;}
.Content.HomeContent a.More + h2 { position:absolute; top:10px; left:10px; z-index:0;}

.DefRadio a.title-link + a.More { position:absolute; top:10px; right:0; width:90px; z-index:1;}

.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;}
.DefButton  { padding:0.5rem;}
.DefButton > a { font-size:2rem;}
.DefButton > a:before { margin:20px 10px;}
.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;}

.SiteMapWrapper dl,
.SiteMapWrapper dl:nth-child(5n+5){ width:24%; margin-right:calc( 4% / 3 );}
.SiteMapWrapper dl:nth-child(4n+4) { margin-right:0;}
}
@media only screen and (min-width:0px) and (max-width:960px) {
.PageNews ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.PageNews ul li { width:48%; margin-right:0;}
.Footer .SiteMap { flex-wrap:wrap; margin-bottom:0rem;}
.Footer .SiteMap dl { width:24%; max-width:none; margin-bottom:1rem; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.1); padding:0.25rem;}
}
@media only screen and (min-width:0px) and (max-width:900px) {
.Header .TopMenu .Menu ul li.Rss { display:none;}
}
@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;}

.DefButton > a { font-size:1.5rem; line-height:100px;}
.DefButton > a:before { margin:10px 5px;}

}
@media only screen and (min-width:0px) and (max-width:800px) {
.Footer .SiteMap  { width:100%;}
.Footer .App { display:none;}
}
@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;}

.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;}

.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;}

.div_Calender table#ContentPlaceHolder1_CalendarData_tbCalendar tr td a { height:1rem; font-size:0.6rem; padding:0;}

.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:768px) {
.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;}

.DefButton > a { font-size:1rem; line-height:70px;}
.DefButton > a:before { margin:5px; width:60px; height:60px;}

.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: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;}
}
@media only screen and (min-width:0px) and (max-width:580px) {
.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;}
.Header .TopMenu .Menu ul li:first-child { display:none;}
.Nav > ul > li { width:33.33%;}
.NavBtn.NavBtn2.Open ~ .Content { padding-top:calc( 380px + 2rem ); padding-top:2rem;}
.NavBtn.NavBtn2.Open ~ .Content .FontSize { top:calc( 380px + 0.5rem ); padding-top:0.5rem; top:0;}
.PageArticle .Share { margin-bottom:30px;}
.PageWrapper-Side .PageContent-Right { min-height:0;}

.DefButton > a { font-size:0.8rem; line-height:50px;}
.DefButton > a:before { margin:5px; width:40px; height:40px;}

.DefSubContent .Left .RadioStatus ul { -webkit-justify-content:space-between; justify-content:space-between; }
.DefSubContent .Left .RadioStatus li { width:49%; margin-right:0;}

.ContactUs > fieldset > .ContactUsBox > * { font-size:0.8rem;}
.ContactUs > fieldset > .ContactUsBox > label,
.ContactUs > fieldset > .ContactUsBox > div:first-child { width:8.5rem;}
.ContactUs > fieldset > .ContactUsBox > .ContactUsBoxR { width:calc(100% - 8.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);}

.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 > 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: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:4.5rem; 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;}

#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;}

.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;}

#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:460px) {
.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;}

.DefButton > a,
.DefButton > a:nth-of-type(1){ width:100%; margin:0; margin-bottom:10px;}


.Forum_Detail_Search tbody tr td select,
.Forum_Detail_Search tbody tr td select.sel-w-auto,
.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%;}

.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:49%; 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;}

.PageArticle .img-wrap > div .img-text { font-size:0.6em; line-height:1.4; padding:5px; }
.editor-content figure figcaption { font-size:0.6em; line-height:1.4; padding:5px; }

}
@media only screen and (min-width:0px) and (max-width:360px) {
.Footer .SiteMap dt { font-size:0.8rem;}
.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_Email,
.ContactUs > fieldset > .ContactUsBox > * > input#ContentPlaceHolder1_txb_UrlLocation,
#ContentPlaceHolder1_div_Login > div > * > input#ContentPlaceHolder1_txb_Email{ 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;}

.NavBtn.NavBtn2.Open ~ .Content #div_VideoPlay_Top { top:calc( 180px + 2rem );}
.Wrapper.WrapperFixed .NavBtn.NavBtn2.Open ~ .Content #div_VideoPlay_Top { top:calc( 140px + 2rem );}

#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 .vjs-button > .vjs-icon-placeholder:before { line-height:30px; height:30px;}
#div_VideoPlay_Top .video-js .vjs-control { height:30px; line-height:30px;}
#div_VideoPlay_Top .video-js .vjs-control-bar { height:30px;}
#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*/