/* CSS Document */
/* 2018.09.14
   Jay
----------------------------------*/
/*@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  src: local('Roboto-Regular'),
       local('Roboto-Regular'),
       url('Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'RobotoThin';
  font-weight: normal;
  font-style: normal;
  src: local('Roboto-Thin'),
       local('Roboto-Thin'),
       url('Roboto-Thin.ttf') format('truetype');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: normal;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('MaterialIcons-Regular.ttf') format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem; 
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
}
i { color:rgba(255,255,255,1);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; }

.material-icons.md-20 { font-size:1rem; }
.material-icons.md-30 { font-size:1.5rem; }
.material-icons.md-40 { font-size:2rem; }
.material-icons.md-60 { font-size:3rem; }

.material-icons.md-dark { color: rgba(0,0,0,0.5); }
.material-icons.md-dark.md-inactive { color: rgba(0,0,0,0.3); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
*/

/*==========================全域屬性===========================*/
*, *:before, *:after { box-sizing: border-box;}
html, body { padding:0; margin:0; overflow-x:hidden;}
html {
/*針對 Safiri Mobile 旋轉時自動放大做的調整*/
-webkit-text-size-adjust: 100%;
font-size:1.25rem; line-height:1.5rem;
background-size:0;
/*預設20px=1rem單位換算
5px = 0.25rem
10px = 0.5rem
20px = 1rem
30px = 1.5rem
40px = 2rem
60px = 3rem
80px = 4rem
*/}
body { font-family:'Roboto', '微軟正黑體', sans-serif;
  --main-color:rgba(0,85,170,1);
  --sub-color:rgba(40,150,215,1);
   background:var(--main-color);
}
body *[lang="en"] { letter-spacing:1px;}
.Des img { max-width:100%; height:auto;}

.Wrapper:not(.Home) a:hover,
.Wrapper:not(.Home) a:active { background:rgba(0,0,0,0.05); background:yellow;}
/*針對無障礙設定*/
a:not(body):focus{ background:rgba(255,240,0,1); border:2px solid darkblue; outline:0; color:darkblue;}
/*跳到主要內容區塊*/
.Accesskey_JtoC { display:block; width:calc( 100% - 80px ); height:15px; overflow:hidden; font-size:0.5rem; text-align:center; line-height:0.9375rem; position:fixed; top:0; left:0; opacity:0; text-decoration:none;}
.Accesskey_JtoC:focus{ color:darkblue; opacity:1; line-height:0.625rem;}
.icon-sitemap { display:block; width:80px; height:20px; overflow:hidden; font-size:0.5rem; text-align:center; line-height:20px; position:fixed; top:0; right:0; opacity:1; text-decoration:none; color:white; text-align:center;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);}
.icon-sitemap:hover{ color:darkblue; background:yellow;}
.icon-sitemap:focus{ color:darkblue; line-height:0.625rem;}
.Accesskey_U { display:block; width:50px; height:50px; overflow:hidden; font-size:1rem; text-align:center; line-height:3.125rem; position:absolute; top:20px; left:0; opacity:0; text-decoration:none;}
.Accesskey_U:focus{ color:darkblue; opacity:1; line-height:2.8125rem;}
.Accesskey_C { display:block; width:100%; height:40px; overflow:hidden; font-size:1rem; line-height:2.5rem; position:absolute; top:100px; 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:darkblue; opacity:1; line-height:2.1875rem;}
.Accesskey_B { display:block; width:100%; height:30px; overflow:hidden; font-size:1rem; line-height:1.875rem; position:absolute; top:0px; left:0; text-decoration:none; text-align:center; opacity:0;}
.Accesskey_B:focus{ color:darkblue; opacity:1; line-height:1.5625rem;}

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

.Wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:25px;
/*基礎動畫設定*/transition:all .5s, transform .5s;}
.FixedAds ~ .Wrapper { padding-bottom:190px;}
.FixedAds[style="display:none;"] ~ .Wrapper { padding-bottom:0;}
.FixedAds ~ .Wrapper.WrapperClose { padding-bottom:45px;}

/*==========================Header===========================*/
.Header { width:100%; height:100px; position:fixed; top:0; left:0; z-index:4; background:var(--main-color); padding:0 10px; padding-right:60px;
/*基礎動畫設定*/
transition:all .5s, transform .5s;
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.Header * { padding:0; margin:0; list-style:none; text-decoration:none;}

/*Logo*/
.Header .Logo { display:block; width:415px; height:90px; overflow:hidden; float:left; margin:5px 0;}
.Header .Logo a { display:block; width:415px; height:90px; overflow:hidden; float:left; text-indent:-9999px; background:url(../Images/Layout/Logo.png) 0 0 no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Header .Logo a:hover,
.Header .Logo a:active,
.Header .Logo a:focus {background:url(../Images/Layout/Logo.png) 0 0 no-repeat, rgba(255,240,0,1);
/*背景圖片尺寸*/
background-size:contain;}

/*Nav*/
.Header .Nav { width:1050px; width:900px; height:100px; float:right; position:relative; padding-left:50px;}
.Header .Nav > ul { display:block; width:100%; height:100px;}
.Header .Nav > ul > li { width:150px; height:100px; line-height:6.25rem; float:left; position:relative; font-size:1.25rem;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Header .Nav > ul > li:last-child { width:100px;}
.Header .Nav > ul > li:hover { background:rgba(0,0,0,1);}
.Header .Nav > ul > li:not(:last-child):before { content:''; display:block; width:1px; height:20px; background:rgba(255,255,255,1); position:absolute; right:0; top:50%; margin-top:-10px;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Header .Nav > ul > li:not(:last-child):hover:before { height:0; margin-top:0; opacity:0;}
.Header .Nav > ul > li:after { content:''; display:block; width:0; height:4px; background:rgba(250,190,0,1); position:absolute; left:50%; bottom:0; opacity:0; z-index:0;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Header .Nav > ul > li:hover:after { width:100%; left:0; opacity:1;}
.Header .Nav > ul > li > a { display:block; width:100%; height:100px; overflow:hidden; text-align:center; position:relative; font-size:1.25rem; font-weight:bold;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6); line-height:5rem; position:relative;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Header .Nav > ul > li > a:link,
.Header .Nav > ul > li > a:visited { color:rgba(255,255,255,1);}
.Header .Nav > ul > li > a:hover,
.Header .Nav > ul > li > a:active { color:rgba(250,190,0,1);background:rgba(0,0,0,1);}
/*針對無障礙設定*/
.Header .Nav > ul > li > a:focus{ color:darkblue;background:yellow;}
.Header .Nav > ul > li > a > .new-open { display:block; width:100%; height:auto; overflow:hidden; font-size:0.6em; text-align:center; position:absolute; font-size:0.4em; bottom:10px; line-height:1;}
.Header .Nav > ul > li > .SubNav { width:100%; height:auto; position:absolute; top:100px; left:0; background:var(--main-color); display:none;
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.Header .Nav > ul > li > .SubNav li { width:100%; height:auto; overflow:hidden; float:left; position:relative;overflow:visible;}
.Header .Nav > ul > li > .SubNav li a { display:block; width:100%; height:auto; overflow:hidden; padding:10px; font-size:0.75rem; line-height:1rem;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Header .Nav > ul > li > .SubNav li > ul { position:absolute; left:0; top:0; width:140%; display:none;  background:var(--main-color);
/*內陰影*/
box-shadow:         inset 5px 0px 10px 0px rgba(0, 0, 0, 0.2),0px 5px 5px 0px rgba(0, 0, 0, 0.2);
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Header .Nav > ul > li > .SubNav li:hover { overflow:visible; }
.Header .Nav > ul > li > .SubNav li > ul.SubSubNav,
.Header .Nav > ul > li > .SubNav li:hover > ul { display:block; left:100%;}
.Header .Nav > ul > li > .SubNav > li > a { font-size:1rem; line-height:1.5rem; line-height:1.2rem;}
.Header .Nav > ul > li > .SubNav li a:link,
.Header .Nav > ul > li > .SubNav li a:visited { color:rgba(255,255,255,1);}
.Header .Nav > ul > li > .SubNav li a:hover,
.Header .Nav > ul > li > .SubNav li a:active { background:rgba(0,0,0,1); color:rgba(250,190,0,1);}
/*針對無障礙設定*/
.Header .Nav > ul > li > .SubNav li a:focus{ background:rgba(255,240,0,1); color:darkblue;}

/*Search*/
.Header .Search { width:50px; height:50px; position:fixed; top:25px; right:10px;}
.Header .Search i { display:block; width:50px; height:50px; overflow:hidden; line-height:3.125rem; font-size:2rem; position:absolute; top:0; right:0; text-align:center; cursor:pointer;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Font-Small .Header .Search i { line-height:3.125rem;}
.Font-Medium .Header .Search i { line-height:2.5rem;}
.Font-Large .Header .Search i { line-height:2.08333333rem;}
/*針對無障礙設定*/
.Header .Search i:focus{ line-height:2.8125rem;}
.Header .Search.Search:before { content:''; display:block; position:fixed; width:100%; height:0; background:rgba(0,0,0,0.5); top:0; left:0; opacity:0;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Header .Search.SearchOpen:before { opacity:1; height:100%;}
.Header .Search .Open { opacity:1; z-index:1; text-indent:-9999px; text-align:left; position:relative;}
.Header .Search .Open:before { content:''; display:block; width:100%; height:100%; background:url(../Images/Layout/search.png) center center no-repeat; background-size:contain;}
.Header .Search .Close { opacity:0; z-index:0; text-indent:-9999px; text-align:left; background:url(../Images/Layout/close.png) center center no-repeat; background-size:contain;}
.Header .Search.SearchOpen .Open { opacity:0; z-index:0;
/*旋轉*/transform: rotate(-180deg);
transform-origin: center;}
.Header .Search.SearchOpen .Close:focus { background:url(../Images/Layout/close_b.png) center center no-repeat, rgba(255,240,0,1); background-size:contain;}
.Header .SearchBox { position:fixed; width:100%; height:100px; top:100px; right:0px; z-index:1; background:var(--main-color); padding:10px; padding-right:60px; display:none;
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.Header .SearchBox > div.si-wrapper { display:block; width:100%;}
.Header .SearchBox input { width:100%; height:80px; overflow:hidden; background:none; border:0; outline:none; color:rgba(255,255,255,1); padding:10px; line-height:3.75rem; font-size:2rem; font-family:'Roboto', '微軟正黑體', sans-serif;}
.Header .SearchBox i,
.Header .SearchBox a{ display:block; width:50px; height:50px; line-height:2.5rem; position:absolute; top:50%; margin-top:-25px; right:10px; font-size:2rem; text-align:center; color:rgba(255,255,255,0); text-indent:-9999px; overflow:hidden; text-align:left;}
/*針對無障礙設定*/
.Header .SearchBox i:focus,
.Header .SearchBox a:focus{ color:darkblue; line-height:2.8125rem; text-indent:-9999px;background:rgba(255,240,0,1);}
.Header .SearchBox a:before { content:''; text-indent:0; display:block; width:100%; height:auto; height:100%; position:absolute; top:0; left:0; overflow:hidden; font-size:2.5rem; text-align:center; line-height:3.125rem;
 background:url(../Images/Layout/search.png) center center no-repeat; background-size:contain;}
 .Header .SearchBox a:focus:before { background:url(../Images/Layout/search_b.png) center center no-repeat, rgba(255,240,0,1); background-size:contain;}
::placeholder { color:rgba(255,255,255,1);}
:-ms-input-placeholder { color:rgba(255,255,255,1);}
::-ms-input-placeholder  { color:rgba(255,255,255,1);}

.Header .Search.SearchOpen .Close { opacity:1; z-index:1;
/*旋轉*/transform: rotate(-180deg);
transform-origin: center;}

.Header .SearchBox i:focus,
.Header .SearchBox a:focus,
.Header .Search.SearchOpen i:focus,
.Header .SearchBox input:focus,
.Header .SearchBox button:focus{   color:darkblue;}
::placeholder:focus,
:-ms-input-placeholder:focus,
::-ms-input-placeholder:focus{ background:rgba(255,240,0,1); color:darkblue;}

/*==========================Content===========================*/
.Content { width:100%; height:auto; overflow:hidden; margin:0 auto; background:rgba(255,255,255,1);position:relative; padding-top:140px; background:url(../Images/Layout/Content.jpg) top center no-repeat, rgba(255,255,255,1); /*background-attachment:fixed;*/ padding-bottom:160px; background:white; padding-bottom:100px;}
.Content > div { position:relative; z-index:1;}
.Content:after { content:''; width:100%; height:300px; position:absolute; bottom:0; left:0; display:block; background:url(../../TW/Images/Layout/Content_Bottom.jpg) top right no-repeat; z-index:0; display:none;}

.Content > .Ani-Content { width:100%; height:auto; overflow:hidden; opacity:0;}
.Content > .Ani-Content.Ani_o { opacity:1;}
.Content > .Ani-Content1 { opacity:1;}
/**內容預設動畫 共12組(列表及內容共用)*/
.Content > .Ani-Content2 { opacity:1;}
.Home .Content > .Ani-Content2 { opacity:0;}
.Home .Content > .Ani-Content2.Ani_o { opacity:1;}
/*1*/
.Content > .Ani-Content2 > * > * { opacity:1;}
.Content > .Ani-Content2 > * > *:nth-child(1)
{animation:Content_Ani-2_1 2s forwards linear;}
@keyframes Content_Ani-2_1{
0%{ opacity:0;}
8%{ opacity:0;}
100%{ opacity:1;}}
/*2*/
.Content > .Ani-Content2 > * > *:nth-child(2)
{animation:Content_Ani-2_2 2s forwards linear;}
@keyframes Content_Ani-2_2{
0%{ opacity:0;}
16%{ opacity:0;}
100%{ opacity:1;}}
/*3*/
.Content > .Ani-Content2 > * > *:nth-child(3)
{animation:Content_Ani-2_3 2s forwards linear;}
@keyframes Content_Ani-2_3{
0%{ opacity:0;}
24%{ opacity:0;}
100%{ opacity:1;}}
/*4*/
.Content > .Ani-Content2 > * > *:nth-child(4)
{animation:Content_Ani-2_4 2s forwards linear;}
@keyframes Content_Ani-2_4{
0%{ opacity:0;}
32%{ opacity:0;}
100%{ opacity:1;}}
/*5*/
.Content > .Ani-Content2 > * > *:nth-child(5)
{animation:Content_Ani-2_5 2s forwards linear;}
@keyframes Content_Ani-2_5{
0%{ opacity:0;}
40%{ opacity:0;}
100%{ opacity:1;}}
/*6*/
.Content > .Ani-Content2 > * > *:nth-child(6)
{animation:Content_Ani-2_6 2s forwards linear;}
@keyframes Content_Ani-2_6{
0%{ opacity:0;}
48%{ opacity:0;}
100%{ opacity:1;}}
/*7*/
.Content > .Ani-Content2 > * > *:nth-child(7)
{animation:Content_Ani-2_7 2s forwards linear;}
@keyframes Content_Ani-2_7{
0%{ opacity:0;}
56%{ opacity:0;}
100%{ opacity:1;}}
/*8*/
.Content > .Ani-Content2 > * > *:nth-child(8)
{animation:Content_Ani-2_8 2s forwards linear;}
@keyframes Content_Ani-2_8{
0%{ opacity:0;}
64%{ opacity:0;}
100%{ opacity:1;}}
/*9*/
.Content > .Ani-Content2 > * > *:nth-child(9)
{animation:Content_Ani-2_9 2s forwards linear;}
@keyframes Content_Ani-2_9{
0%{ opacity:0;}
70%{ opacity:0;}
100%{ opacity:1;}}
/*10*/
.Content > .Ani-Content2 > * > *:nth-child(10)
{animation:Content_Ani-2_10 2s forwards linear;}
@keyframes Content_Ani-2_10{
0%{ opacity:0;}
80%{ opacity:0;}
100%{ opacity:1;}}
/*11*/
.Content > .Ani-Content2 > * > *:nth-child(11)
{animation:Content_Ani-2_11 2s forwards linear;}
@keyframes Content_Ani-2_11{
0%{ opacity:0;}
88%{ opacity:0;}
100%{ opacity:1;}}
/*12*/
.Content > .Ani-Content2 > * > *:nth-child(12)
{animation:Content_Ani-2_12 2s forwards linear;}
@keyframes Content_Ani-2_12{
0%{ opacity:0;}
96%{ opacity:0;}
100%{ opacity:1;}}
/*1*/
.Content > .Ani-Content3,
.Content > .Ani-Content3 > * { opacity:1;}
.Content > .Ani-Content3.Ani_o > *
{animation:Content_Ani-3 1s forwards linear;}
@keyframes Content_Ani-3{
0%{ opacity:1;}
100%{ opacity:1;}}
.Content > .Ani-Content4,
.Content > .Ani-Content4 > * { display:block; opacity:1; max-width:81.25rem; padding:10px; text-align:center; margin:0 auto;}
/*==========================Footer===========================*/
.Footer { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; padding:10px; padding-top:30px; /*padding-right:530px;*/ min-height:480px; color:rgba(255,255,255,1);}
.Footer * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Footer > * a { position:relative; overflow:hidden;

/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Footer > * a:link,
.Footer > * a:visited { color:rgba(255,255,255,1);}
.Footer > * a:hover,
.Footer > * a:active { color:rgba(250,190,0,1);color:darkblue; background:yellow;}
/*針對無障礙設定*/
.Footer > * a:focus{ color:darkblue;}
.Footer > * a:after { content:''; display:block; width:0; height:2px; background:rgba(250,190,0,1); position:absolute; left:0; bottom:0; opacity:0; z-index:1;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Footer > * a:hover:after,
.Footer > * a:active:after{ width:100%; opacity:1;}

/*FooterMain*/
.Footer > .FooterMain { width:100%; width:calc( 100% - 530px ); height:auto; overflow:hidden; float:left; position:relative; padding-left:120px; padding-right:200px; min-height:210px; margin-bottom:10px;}
.Footer > .FooterMain > .FooterLink { position:absolute; top:0; left:0; width:120px; height:auto; overflow:hidden; padding:0 10px;}
.Footer > .FooterMain > .FooterLink > ul { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.Footer > .FooterMain > .FooterLink > ul a { display:block; width:100%; height:auto; overflow:hidden; float:left; padding:10px 0; font-weight:bold;}
.Footer > .FooterMain > .FooterSiteMap { width:100%; height:auto; overflow:hidden; float:left; padding:0 10px;}
.Footer > .FooterMain > .FooterSiteMap > dl { width:16.66%; height:auto; overflow:hidden; float:left;}
.Footer > .FooterMain > .FooterSiteMap > dl > * { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.Footer > .FooterMain > .FooterSiteMap > dl > * a { display:block; width:100%; height:auto; overflow:hidden; float:left; padding:10px 5px; position:relative;}
.Footer > .FooterMain > .FooterSiteMap > dl > dt a { cursor:default; font-weight:bold;}
.Footer > .FooterMain > .FooterSiteMap > dl > dt a:before { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,1); position:absolute; left:0; bottom:0; z-index:0;}
.Footer > .FooterMain > .FooterSiteMap > dl > dt a:focus:before { height:0;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Footer > .FooterMain > .FooterSiteMap > dl > * a:hover,
.Footer > .FooterMain > .FooterSiteMap > dl > * a:active,
.Footer > .FooterMain > .FooterSiteMap > dl > * a:focus { color:blue; background:yellow;}

.Footer > .FooterMain > .FooterQRcode { position:absolute; top:0; right:0; width:200px; height:auto; overflow:hidden; padding:0 10px;}
.Footer > .FooterMain > .FooterQRcode > img { display:block; max-width:100%; height:auto; margin:0 auto; margin-bottom:10px; }
.Footer > .FooterMain > .FooterQRcode > p { font-size:1rem; text-align:center; float:left; width:100%; height:auto; overflow:hidden;}

.Footer > .Copyright { width:100%; height:auto; overflow:hidden; float:left; border-top:1px solid rgba(255,255,255,1); padding-top:10px; padding-right:170px; position:relative; font-size:0.75rem;}
.Footer > .Copyright > .BottomNav { width:100%; height:auto; overflow:hidden; float:left;}
.Footer > .Copyright > .BottomNav ul { display:inline-block; width:auto; height:auto; overflow:hidden; float:left;}
.Footer > .Copyright > .BottomNav ul li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; position:relative;}
.Footer > .Copyright > .BottomNav ul li:before { content:''; display:block; width:1px; height:20px; background:rgba(255,255,255,.9); position:absolute; right:0px; top:50%; margin-top:-10px;}
.Footer > .Copyright > .BottomNav ul li a { display:block; width:100%; height:auto; overflow:hidden; float:left; padding:10px; position:relative; line-height:1.5rem;}
.Footer > .Copyright > .ThemeSwitch { width:100%; height:auto; overflow:hidden; float:left; padding:0 10px; margin-bottom:0.25rem;}
.Footer > .Copyright > .ThemeSwitch p { width:100%; height:auto; overflow:hidden; float:left;}
.Footer > .Copyright > .ThemeSwitch p > * { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; font-size:1rem; line-height:1.5rem;}
.Footer > .Copyright > .ThemeSwitch p > a { padding:0 5px; position:relative;}
.Footer > .Copyright > .ThemeSwitch p > a:before { content:''; display:block; width:1px; height:10px; background:rgba(255,255,255,.9); position:absolute; right:0px; top:50%; margin-top:-5px;}
.Footer > .Copyright > .CopyrightText { width:100%; height:auto; overflow:hidden; float:left; padding:0 10px;}
.Footer > .Copyright > .CopyrightText p { width:100%; height:auto; overflow:hidden; float:left; line-height:1rem;}
.Footer > .Copyright > .CopyrightText p > * { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:10px;}
.Footer > .Copyright > .CopyrightText p > * > span { display:inline-block; width:auto; height:auto; overflow:hidden; float:left;}
.Footer > .Copyright > .CopyrightText p > small > span { margin-right:5px;}

.Footer > .Copyright > .Mark { width:170px; height:auto; overflow:hidden; padding:0 10px; position:absolute; top:10px; right:0;}
.Footer > .Copyright > .Mark > a { display:block; height:auto; overflow:hidden;}
.Footer > .Copyright > .Mark > a img { display:block; max-width:100%; height:auto; float:left;}
.Footer > .Copyright > .Mark > a:nth-child(1) { width:50px; float:left;}
.Footer > .Copyright > .Mark > a:nth-child(1) { width:88px; float:right;}

.Footer > .Copyright > .BottomNav > .RSS { display:block; padding:10px; width:44px; height:44px; overflow:hidden; float:left;}
.Footer > .Copyright > .BottomNav > .RSS img { display:block; max-width:100%; height:auto; float:left;}
/*FooterFB*/
.Footer > .FooterFB { position:absolute; width:500px; height:440px; overflow:hidden; top:30px; right:10px;}
.Footer > .FooterFB > img { max-width:100%; height:auto; opacity:0; position:relative; z-index:0; float:left; display:none;}
.Footer > .FooterFB > .fb-page.fb_iframe_widget,
.Footer > .FooterFB > .fb-page.fb_iframe_widget > span,
.Footer > .FooterFB > .fb-page.fb_iframe_widget > span > iframe { position:absolute; top:0; right:0; width:100%; height:100%; min-width:100%; min-height:100%;}
.Footer > .FooterFB > a { display:block; width:calc( 100% - 20px ); height:auto; overflow:hidden; background:#27579c; line-height:1.875rem; padding:15px 10px; color:#fff; font-size:1rem; position:relative; padding-right:45px; padding-left:110px; margin:10px;
border-radius: 10px;
display: flex;
align-items:center;
 justify-content:flex-start;
flex-wrap:wrap;
box-shadow:         0px 0px 10px 0px rgba(255, 255, 255, 0.5);}
.Footer > .FooterFB > a > img { display:block; width:100px; height:auto; overflow:hidden; float:left; position:absolute; top:50%; margin-top:-30px; left:10px;


border-radius:100%;}
.Footer > .FooterFB > a > span { display:block; width:100%; height:auto; overflow:hidden; float:left; padding:10px;}
.Footer > .FooterFB > a > span > span { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:10px;}
.Footer > .FooterFB > a:after { content:''; display:block; width:35px; height:35px; overflow:hidden; float:right; background:url(/TW/images/Layout/Icon_Share_Facebook.png) center center no-repeat; position:absolute; left:auto; right:10px; top:50%; margin-top:-18.5px; opacity:1;}
.Footer > .FooterFB > a:first-child { margin-bottom:10px;}

.Footer > .FooterFB2 { width:500px; height:auto; overflow:hidden; float:right;}
.Footer > .FooterFB2 > a { display:block; width:100%; height:auto; overflow:hidden; margin-bottom:20px;
border-radius: 10px;}
.Footer > .FooterFB2 > a > img,
.Footer > .FooterFB2 > a > picture > img{ display:block; width:100%; height:auto; float:left;}
.Content > .Ani-Content2 > * > *:nth-child(1).guide { display:block; width:100%; height:auto; overflow:hidden; float:none; margin:0 auto; padding:0;
/*flex*/
display: flex; justify-content: center; flex-wrap:wrap;}
.Content > .Ani-Content2 > * > *:nth-child(1).guide * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Content > .Ani-Content2 > * > *:nth-child(1).guide li { width:10rem; height:10rem; margin:0 10px; overflow:hidden; float:left; border-radius:100%; margin-bottom:10px;
/*flex*/
display: flex; align-items: center;flex-wrap:wrap;}
.Content > .Ani-Content2 > * > *:nth-child(1).guide li a { display:block; width:100%; height:10rem; line-height:10rem; text-align:center;
 border-radius:100%;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.Content > .Ani-Content2 > * > *:nth-child(1).guide li a:link,
.Content > .Ani-Content2 > * > *:nth-child(1).guide li a:visited {  background:var(--main-color); color:rgba(255,255,255,1);}
.Content > .Ani-Content2 > * > *:nth-child(1).guide li a:hover,
.Content > .Ani-Content2 > * > *:nth-child(1).guide li a:active { background:rgba(250,190,0,1); color:#333;}
/*針對無障礙設定*/
.Content > .Ani-Content2 > * > *:nth-child(1).guide li a:focus{ color:darkblue; background:yellow;}

	.Font-Large .Home .DefNews .abgne_tab .tab_container .tab_content > span { line-height:2.91666667rem;}
	.Font-Medium .Home .DefNews .abgne_tab .tab_container .tab_content > span { line-height:3.5rem;}
	.Font-Small .Home .DefNews .abgne_tab .tab_container .tab_content > span { line-height:4.375rem;}

/*==========================1680==========================*/
@media screen and (max-width:105rem) and (min-height: 0) {
	html { font-size:1rem; line-height:inherit;}
	.Footer { /*padding-right:430px;*/ min-height:420px;}
	.Footer > .FooterMain { padding-left:100px; width:calc( 100% - 430px );}
	.Footer > .FooterFB2 { width:400px;}
	.Footer > .FooterMain > .FooterLink { width:100px;}
	.Footer > .FooterFB { width:400px; height:380px;}
	.Footer > .Copyright > .ThemeSwitch p,
	.Footer > .Copyright > .CopyrightText p { line-height:1.2rem;}
	.Header .Nav > ul > li > a { padding:10px 0;}
	}
/*==========================1600==========================*/
@media screen and (max-width:100rem) and (min-height: 0) {
	.Header { padding-left:380px;}
	.Header .Logo { position:absolute; top:5px; left:10px; width:370px; height:80px;}
	.Header .Logo a { width:100%; height:80px;}
	.Header .Nav > ul > li { width:15%; width:18%;}
	.Header .Nav > ul > li:last-child { width:10%;}
	.Footer { /*padding-right:330px;*/}
	.Footer > .FooterMain { width:calc( 100% - 330px );}
	.Footer > .FooterFB2 { width:300px;}
	.Footer > .FooterFB { width:300px;}
	}
/*==========================1440==========================*/
@media screen and (max-width:90rem) and (min-height: 0) {
	.Header .Nav { width:100%;}
	/*.Footer { padding-right:280px;}*/
	.Footer > .FooterFB { width:250px;}
	.Footer > .FooterMain { padding-right:150px;}
	.Footer > .FooterMain { width:calc( 100% - 250px );}
	.Footer > .FooterFB2 { width:250px;}
	.Footer > .FooterMain > .FooterQRcode { width:150px;}
	}
/*==========================1280==========================*/
@media screen and (max-width:80rem) and (min-height: 0) {
	.Header { padding-left:300px; height:80px;}
	.Header .Logo { width:280px; height:60px;}
	.Header .Logo a { height:60px;}
	.Header .Nav { padding-left:0; height:80px;}
	.Header .Nav > ul { height:80px;}
	.Header .Nav > ul > li { height:80px; line-height:5rem;}
	.Header .Nav > ul > li > a { height:80px; padding:0;}
	.Header .Search { top:15px;}
	.Header .SearchBox { top:80px;}
	.Header .Nav > ul > li > .SubNav { top:80px;}
	.Footer { padding:10px; min-height:0; padding-top:30px;}
	.Footer > .FooterFB { position:relative; top:auto; right:auto; width:100%; height:300px; float:left; margin-bottom:20px;}
	.Footer > .FooterFB > .fb-page.fb_iframe_widget { right:auto; left:10px;}
	}
/*==========================1024==========================*/
@media screen and (max-width:64rem) and (min-height: 0) {
	.Font-Small .Header .Nav > ul > li > a { font-size:1.25rem !important;}
	.Font-Medium .Header .Nav > ul > li > a { font-size:1rem !important;}
	.Font-Large .Header .Nav > ul > li > a { font-size:0.85rem !important;}
	.Font-Small .Header .Search i { font-size:2rem !important;}
	.Font-Medium .Header .Search i { font-size:1.6rem !important;}
	.Font-Large .Header .Search i { font-size:1.33333333333rem !important;}
	/*針對無障礙設定*/
	*:not(body):focus{ background:none; border:none; color:inherit;}
	/*平日*/
	.Default .slicknav_nav { background:var(--main-color);}
	/*春節*/
	.Spring .slicknav_nav {background:rgba(215,60,100,.9);}
	/*端午*/
	.Festival .slicknav_nav { background:rgba(60,110,80,.9);}
	/*中秋*/
	.MidMoon .slicknav_nav { background:rgba(0,60,150,.9);}
	/*靛藍*/
	.Blue .slicknav_nav { background:rgba(15,40,100,.9);}
	/*夜黑*/
	.Dark .slicknav_nav { background:rgba(60,50,40,.9);}
	
	.Header .Nav > ul > li > .SubNav { width:150%;}

	.Footer > .FooterMain { padding-right:0; width:100%;}
	.Footer > .FooterMain > .FooterQRcode { display:none;}
	.Footer > .FooterFB2 { width:100%;}
	.Footer > .FooterFB2 > a { width:49%; float:left;margin-right:0;}
	.Footer > .FooterFB2 > a:first-child { margin-right:2%;}
	.Footer > .FooterFB2 > a:last-child { margin-right:0;}
	}
/*==========================960==========================*/
@media screen and (max-width:60rem) and (min-height: 0) {
	html, body { /*解決手機溢位隱藏的問題*/position:relative;}
	.Header .Nav { display:none;}
	.icon-sitemap { font-size:10px;}
	}
/*==========================840==========================*/
@media screen and (max-width:52.5rem) and (min-height: 0) {
	.Footer > .FooterMain { padding-left:0;}
	.Footer > .FooterMain > .FooterLink { position:static; top:auto; left:auto; width:100%;margin-bottom:20px;}
	.Footer > .FooterMain > .FooterLink li { width:19%; float:left;}
	.Footer > .FooterMain > .FooterLink li:nth-child(2) { width:24%;}
	.Footer > .FooterMain > .FooterLink li a { padding:5px 0; text-align:center; border:1px solid rgba(255,255,255,1); border-right:0;}
	.Footer > .FooterMain > .FooterLink li:last-child a { border-right:1px solid rgba(255,255,255,1);}
	.Footer > .Copyright { padding-right:0;}
	.Footer > .Copyright > .Mark { position:static; top:auto; right:auto; margin-top:10px; float:left;}
	}
/*==========================768==========================*/
@media screen and (max-width:48rem) and (min-height: 0) {
	.Content { padding-top:200px;}
	.Content > div.FontSize { top:150px;}
	.Footer > .FooterMain > .FooterSiteMap > dl { width:33.33%; margin-bottom:20px; padding-right:10px;}
	.Footer > .FooterMain > .FooterSiteMap > dl:nth-child(3n+1) { clear:both;}
	}

/*==========================600==========================*/
@media screen and (max-width:37.5rem) and (min-height: 0) {
	.Footer > .FooterMain > .FooterLink ul { border-top:1px solid rgba(255,255,255,1); border-right:1px solid rgba(255,255,255,1);}
	.Footer > .FooterMain > .FooterLink li,
	.Footer > .FooterMain > .FooterLink li:nth-child(2){ width:33.33%; width:50%;}
	.Footer > .FooterMain > .FooterLink li:nth-child(2n+1) { clear:both;}
	.Footer > .FooterMain > .FooterLink li a,
	.Footer > .FooterMain > .FooterLink li:last-child a{ border:1px solid rgba(255,255,255,1); border-top:0; border-right:0;}
	.Footer > .FooterMain > .FooterLink li:last-child { width:100%;}
	.Accesskey_C { text-align:left; padding-left:10px;}
	}
/*==========================512==========================*/
@media screen and (max-width:32rem) and (min-height: 0) {
	html { font-size:1rem;}
	.Footer > .FooterMain > .FooterLink li { width:50%;}
	.Footer > .FooterMain > .FooterLink li:nth-child(3n+1) { clear:none; float:left;}
	.Footer > .FooterMain > .FooterLink li:nth-child(2n+1) { clear:both;}
	.Footer > .FooterMain > .FooterSiteMap > dl { width:50%;}
	.Footer > .FooterMain > .FooterSiteMap > dl:nth-child(3n+1) { clear:none; float:left;}
	.Footer > .FooterMain > .FooterSiteMap > dl:nth-child(2n+1) { clear:both;}
	.Footer > .FooterFB { height:auto;}
	.Footer > .FooterFB > img { display:block;}
	.Footer > .FooterFB > .fb-page.fb_iframe_widget { left:0;}
	
	}
/*==========================480==========================*/
@media screen and (max-width:30rem) and (min-height: 0) {
	.Header { padding-left:82px;}
	.Header .Logo { width:186px; height:40px; top:15px;}
	.Header .Logo a { height:40px;}
	.Footer > .Copyright > .BottomNav ul li a { padding:5px 10px;}
	.Footer > .Copyright > .BottomNav > .RSS { padding:5px 10px; height:34px;}
	.Footer > .FooterFB2 > a { width:100%; margin-right:0;}
	.Footer > .FooterFB2 > a:last-child { margin-right:0;}
	}
/*==========================400==========================*/
@media screen and (max-width:25rem) and (min-height: 0) {
	.Footer > .FooterMain > .FooterLink li,
	.Footer > .FooterMain > .FooterLink li:nth-child(2){ width:100%;}
	}

/*==========================各節慶主題設定START===========================*/
/*body設定*/
/*平日*/
body.Default { background:var(--main-color);}
/*春節*/
body.Spring { --main-color:rgba(215,60,100,1); background:rgba(215,60,100,1);}
/*端午*/
body.Festival { --main-color:rgba(60,110,80,1); background:rgba(60,110,80,1);}
/*中秋*/
body.MidMoon { --main-color:rgba(0,40,75,1); background:rgba(0,60,150,1); background:rgba(0,40,75,1);}
/*靛藍*/
body.Blue { --main-color:rgba(15,40,100,1); background:rgba(15,40,100,1);}
/*夜黑*/
body.Dark { --main-color:rgba(60,50,40,1); background:rgba(60,50,40,1);}

/*FixedAds */
/*平日*/
.Default .FixedAds span { background:var(--main-color);}
/*春節*/
.Spring .FixedAds span { background:rgba(215,60,100,1);}
/*端午*/
.Festival .FixedAds span { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .FixedAds span { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .FixedAds span { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .FixedAds span { background:rgba(60,50,40,1);}

/*無障礙設定*/
/*平日*/
.Default .Accesskey_C:link,
.Default .Accesskey_C:visited,
.Default .Accesskey_C:hover,
.Default .Accesskey_C:active { color:var(--main-color);}
.Default .Accesskey_C:focus { color:darkblue;}
/*春節*/
.Spring .Accesskey_C:link,
.Spring .Accesskey_C:visited,
.Spring .Accesskey_C:hover,
.Spring .Accesskey_C:active { color:rgba(215,60,100,1);}
.Spring .Accesskey_C:focus { color:darkblue;}
/*端午*/
.Festival .Accesskey_C:link,
.Festival .Accesskey_C:visited,
.Festival .Accesskey_C:hover,
.Festival .Accesskey_C:active { color:rgba(60,110,80,1);}
.Festival .Accesskey_C:focus { color:darkblue;}
/*中秋*/
.MidMoon .Accesskey_C:link,
.MidMoon .Accesskey_C:visited,
.MidMoon .Accesskey_C:hover,
.MidMoon .Accesskey_C:active { color:rgba(0,60,150,1);}
.MidMoon .Accesskey_C:focus { color:darkblue;}
/*靛藍*/
.Blue .Accesskey_C:link,
.Blue .Accesskey_C:visited,
.Blue .Accesskey_C:hover,
.Blue .Accesskey_C:active { color:rgba(15,40,100,1);}
.Blue .Accesskey_C:focus { color:darkblue;}
/*夜黑*/
.Dark .Accesskey_C:link,
.Dark .Accesskey_C:visited,
.Dark .Accesskey_C:hover,
.Dark .Accesskey_C:active { color:rgba(255,255,255,1);}
.Dark .Accesskey_C:focus { color:darkblue;}

/*Header設定*/
/*平日*/
.Default .Header,
.Default .Home .Header{ background:var(--main-color);}
/*春節*/
.Spring .Header,
.Spring .Home .Header{background:url(../Images/Layout/Header_Spring.jpg) top left no-repeat, rgba(215,60,100,.9);}
/*新年*/
.NewYear .Header,
.NewYear .Home .Header{background:url(../Images/Layout/Header_NewYear.jpg) top left no-repeat, rgba(215,60,100,.9);}
/*端午*/
.Festival .Header,
.Festival .Home .Header{ background:url(../Images/Layout/Header_Festival.jpg) top left no-repeat, top left no-repeat, rgba(60,110,80,.9);}
/*中秋*/
.MidMoon .Header,
.MidMoon .Home .Header{background:url(../Images/Layout/Header_MidMoon.jpg) top left no-repeat, rgba(0,60,150,.9);}
/*814空軍節*/
.A814 .Header,
.A814 .Home .Header{ background:url(../Images/Layout/Header_814.jpg) top left no-repeat, top left no-repeat, var(--main-color);}
/*93軍人節*/
.A93 .Header,
.A93 .Home .Header{ background:url(../Images/Layout/Header_93.jpg) top left no-repeat, top left no-repeat, var(--main-color);}
/*靛藍*/
.Blue .Header,
.Blue .Home .Header{ background:rgba(15,40,100,.9);}
/*夜黑*/
.Dark .Header,
.Dark .Home .Header{ background:rgba(60,50,40,.9);}

/*SubNav設定*/
/*平日*/
.Default .Nav > ul > li > .SubNav { background:var(--main-color);}

/*春節*/
.Spring .Nav > ul > li > .SubNav { background:rgba(215,60,100,.9);}
/*端午*/
.Festival .Nav > ul > li > .SubNav { background:rgba(60,110,80,.9);}
/*中秋*/
.MidMoon .Nav > ul > li > .SubNav { background:rgba(0,60,150,.9);}
/*靛藍*/
.Blue .Nav > ul > li > .SubNav { background:rgba(15,40,100,.9);}
/*夜黑*/
.Dark .Nav > ul > li > .SubNav { background:rgba(60,50,40,.9);}

/*SubNav ul設定*/
/*平日*/
.Default .Nav > ul > li > .SubNav li > ul { background:var(--main-color);}
/*春節*/
.Spring .Nav > ul > li > .SubNav li > ul { background:rgba(215,60,100,.9);}
/*端午*/
.Festival .Nav > ul > li > .SubNav li > ul { background:rgba(60,110,80,.9);}
/*中秋*/
.MidMoon .Nav > ul > li > .SubNav li > ul { background:rgba(0,60,150,.9);}
/*靛藍*/
.Blue .Nav > ul > li > .SubNav li > ul { background:rgba(15,40,100,.9);}
/*夜黑*/
.Dark .Nav > ul > li > .SubNav li > ul { background:rgba(60,50,40,.9);}

/*SearchBox設定*/
/*平日*/
.Default .SearchBox { background:var(--main-color);}
/*春節*/
.Spring .SearchBox { background:rgba(215,60,100,1);}
/*端午*/
.Festival .SearchBox { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .SearchBox { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .SearchBox { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .SearchBox { background:rgba(255,255,255,1);}

/*SearchBox i, SearchBox a設定*/
/*夜黑*/
.Dark .SearchBox i,
.Dark .SearchBox a{ color:rgba(60,50,40,1);}

/*placeholder設定*/
/*夜黑*/
.Dark ::placeholder { color:rgba(60,50,40,1);}
.Dark :-ms-input-placeholder { color:rgba(60,50,40,1);}
.Dark ::-ms-input-placeholder  { color:rgba(60,50,40,1);}
.Dark :-ms-input-placeholder { color:rgba(60,50,40,1);}

.Dark .Header .SearchBox input {color:rgba(60,50,40,1);}


/*Content設定*/
/*夜黑*/
.Dark .Content  {  background:url(../Images/Layout/Content_Dark.jpg) top center no-repeat, rgba(60,50,40,1);}
.Dark .Content:after { display:none;}

/*ListHeader h2設定*/
/*平日*/
.Default .Content .Ani-Content .ListHeader > h1 { color:var(--main-color);}
/*春節*/
.Spring .Content .Ani-Content .ListHeader > h1 { color:rgba(215,60,100,1);}
/*端午*/
.Festival .Content .Ani-Content .ListHeader > h1 { color:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Content .Ani-Content .ListHeader > h1 { color:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Content .Ani-Content .ListHeader > h1 { color:rgba(15,40,100,1);}
/*夜黑*/
.Dark .Content .Ani-Content .ListHeader > h1 { color:rgba(255,255,255,1);}

/*ListHeader p設定*/
/*夜黑*/
.Dark .Content .Ani-Content .ListHeader p > * { color:rgba(255,255,255,1);}

/*ListCategory設定*/
/*平日*/
.Default .Content .Ani-Content .ListCategory ul li.Active { background:var(--main-color); border:1px solid var(--main-color);}
/*春節*/
.Spring .Content .Ani-Content .ListCategory ul li.Active { background:rgba(215,60,100,1); border:1px solid rgba(215,60,100,1);}
/*端午*/
.Festival .Content .Ani-Content .ListCategory ul li.Active { background:rgba(60,110,80,1); border:1px solid rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Content .Ani-Content .ListCategory ul li.Active { background:rgba(15,40,100,1); border:1px solid rgba(0,60,150,1);}
/*靛藍*/
.Blue .Content .Ani-Content .ListCategory ul li.Active { background:rgba(15,40,100,1); border:1px solid rgba(15,40,100,1);}
/*夜黑*/
.Dark .Content .Ani-Content .ListCategory ul li { border:1px solid rgba(255,255,255,.1);}
.Dark .Content .Ani-Content .ListCategory ul li.Active { background:rgba(255,255,255,1); border:1px solid rgba(255,255,255,1);}
.Dark .Content .Ani-Content .ListCategory ul li a:link,
.Dark .Content .Ani-Content .ListCategory ul li a:visited,
.Dark .Content .Ani-Content .ListCategory ul li a:hover,
.Dark .Content .Ani-Content .ListCategory ul li a:active { color:rgba(255,255,255,1);}
.Dark .Content .Ani-Content .ListCategory ul li a:focus { color:darkblue;}
.Dark .Content .Ani-Content .ListCategory ul li.Active a:link,
.Dark .Content .Ani-Content .ListCategory ul li.Active a:visited,
.Dark .Content .Ani-Content .ListCategory ul li.Active a:hover,
.Dark .Content .Ani-Content .ListCategory ul li.Active a:active { color:rgba(60,50,40,1);}
.Dark .Content .Ani-Content .ListCategory ul li.Active a:focus { color:darkblue;}

/*ListContent li設定*/
/*夜黑*/
.Dark .Content .ListContent li { border:1px solid rgba(255,255,255,.3);}
.Dark .Content .ListContent li a:link,
.Dark .Content .ListContent li a:visited { color:rgba(255,255,255,.9);}
.Dark .Content .ListContent li a:hover,
.Dark .Content .ListContent li a:active { color:rgba(255,255,255,1);}
.Dark .Content .ListContent li a:focus { color:darkblue;}

/*ListPages設定*/
/*夜黑*/
.Dark .ListPages ul li a:link,
.Dark .ListPages ul li a:visited { color:rgba(255,255,255,.5);}
.Dark .ListPages ul li a:hover,
.Dark .ListPages ul li a:active { color:rgba(255,255,255,.7);}
.Dark .ListPages ul li a:focus { color:darkblue;}

/*NowNumber設定*/
/*平日*/
.Default .ListPages ul li.NowNumber { background:var(--main-color);}
/*春節*/
.Spring .ListPages ul li.NowNumber { background:rgba(215,60,100,1);}
/*端午*/
.Festival .ListPages ul li.NowNumber { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .ListPages ul li.NowNumber { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .ListPages ul li.NowNumber { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .ListPages ul li.NowNumber { background:rgba(255,255,255,.3);}

/*電子投票設定*/
/*平日*/
.Default .Vote_List ~ .Ani-Content2 .LinkList li:first-child { background:var(--main-color);}
/*春節*/
.Spring .Vote_List ~ .Ani-Content2 .LinkList li:first-child { background:rgba(215,60,100,1);}
/*端午*/
.Festival .Vote_List ~ .Ani-Content2 .LinkList li:first-child { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Vote_List ~ .Ani-Content2 .LinkList li:first-child { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Vote_List ~ .Ani-Content2 .LinkList li:first-child { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .Vote_List ~ .Ani-Content2 .LinkList li:first-child { background:rgba(255,255,255,.3);}
.Dark .Vote_List ~ .Ani-Content2 .LinkList li,
.Dark .Vote_List ~ .Ani-Content2 .LinkList li > *:nth-child(5) { color:rgba(255,255,255,1);}

/*平日*/
.Default .Vote_View > *:nth-child(3) li:first-child { background:var(--main-color);}
/*春節*/
.Spring .Vote_View > *:nth-child(3) li:first-child { background:rgba(215,60,100,1);}
/*端午*/
.Festival .Vote_View > *:nth-child(3) li:first-child { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Vote_View > *:nth-child(3) li:first-child { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Vote_View > *:nth-child(3) li:first-child { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .Vote_View > *:nth-child(3) li:first-child { background:rgba(255,255,255,.3);}
.Dark .Vote_View > *:nth-child(3) li,
.Dark .Vote_View > *:nth-child(3) li > *:nth-child(5) { color:rgba(255,255,255,1);}


/*ContentHeader設定*/
/*夜黑*/
.Dark .Content .Ani-Content .ContentHeader p > * { color:rgba(255,255,255,1);}
.Dark .Content .Ani-Content .ContentHeader > div h1 { color:rgba(255,255,255,1);}

/*ContentHeader h2 設定*/
/*平日*/
.Default .Content .Ani-Content .ContentHeader > div h1:before { background:var(--main-color);}
/*春節*/
.Spring .Content .Ani-Content .ContentHeader > div h1:before { background:rgba(215,60,100,1);}
/*端午*/
.Festival .Content .Ani-Content .ContentHeader > div h1:before { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Content .Ani-Content .ContentHeader > div h1:before { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Content .Ani-Content .ContentHeader > div h1:before { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .Content .Ani-Content .ContentHeader > div h1:before { background:rgba(255,255,255,1);}

/*Share 設定*/
/*夜黑*/
.Dark .Content .Ani-Content .ContentHeader > div h1 ~ .Share > div:nth-child(1) a { background:none;}
.Dark .Content .Ani-Content .ContentHeader > div h1 ~ .Share > div:nth-child(2) a { background:none;}
.Dark .Content .Ani-Content .ContentHeader > div h1 ~ .Share > div:nth-child(3) a { background:none;}
.Dark .Content .Ani-Content .ContentHeader > div h1 ~ .Share > div:nth-child(1) a:focus,
.Dark .Content .Ani-Content .ContentHeader > div h1 ~ .Share > div:nth-child(2) a:focus,
.Dark .Content .Ani-Content .ContentHeader > div h1 ~ .Share > div:nth-child(3) a:focus{ background:rgba(255,240,0,1);color:darkblue;}

/*.Des 設定*/
.Dark .Content > .Ani-Content.Ani-Content2,
.Dark .Content > .Ani-Content.Ani-Content2 *:not(a) { color:rgba(255,255,255,1);}
.Dark .Content > .Ani-Content.Ani-Content2 * a * { color:rgba(255,255,255,1);}
.Dark .Content .ListContent.Leadership.Category li > span > a,
.Dark .Content .ListContent.Leadership.Category li > span > a * { color:rgba(255,255,255,1);}
.Dark .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a span b{ color:rgba(255,255,255,1);}

.Dark .Vote_View > div:nth-child(1) { color:rgba(255,255,255,1);}

/*.FAQ  設定*/
.Dark .FAQ .FaqQroup { border:1px solid rgba(255,255,255,.3);}
.Dark .FAQ .FaqQroup > div.Q:before { color:rgba(255,255,255,1);}
.Dark .FAQ .FaqQroup > div > .No { color:rgba(255,255,255,1);}
.Dark .FAQ .FaqQroup > div > .Text { color:rgba(255,255,255,1);}

/*.GoBack 設定*/
.Dark .GoBack a,
.Dark .GoBack input{ border:3px solid rgba(255,255,255,.1); color:rgba(255,255,255,.5);}
.Dark .GoBack a:link,
.Dark .GoBack a:visited { color:rgba(255,255,255,.5);}
.Dark .GoBack *:hover,
.Dark .GoBack *:active { color:rgba(255,255,255,.7); border:3px solid rgba(255,255,255,.3);}

/*搜尋結果*/
/*平日*/
.Default .SearchResult ul li.Title { background:var(--main-color);}
/*春節*/
.Spring .SearchResult ul li.Title { background:rgba(215,60,100,1);}
/*端午*/
.Festival .SearchResult ul li.Title { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .SearchResult ul li.Title { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .SearchResult ul li.Title { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .SearchResult ul li.Title { background:rgba(255,255,255,.3);}
.Dark .SearchResult ul a:link,
.Dark .SearchResult ul a:visited,
.Dark .SearchResult ul a:hover,
.Dark .SearchResult ul a:active { color:rgba(255,255,255,.5); }
/*針對無障礙設定*/
.Dark .SearchResult ul a:focus { background:rgba(255,240,0,1); color:darkblue;}

/*Footer設定*/
/*春節*/
.Spring .Footer { background:url(../Images/Layout/Footer_Spring.jpg) top center no-repeat, rgba(215,60,100,1);}
/*端午*/
.Festival .Footer { background:url(../Images/Layout/Footer_Festival.jpg) top center no-repeat, rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Footer { background:url(../Images/Layout/Footer_MidMoon.jpg) top center no-repeat, rgba(0,43,77,1);}

/*==========================網站導覽==========================*/

/*平日*/
.Default .SiteMap > ul > li > a { background:var(--main-color);}
/*春節*/
.Spring .SiteMap > ul > li > a { background:rgba(215,60,100,1);}
/*針對無障礙設定*/
.Spring .SiteMap > ul > li a:focus { background:rgba(255,240,0,1); color:darkblue; border:2px solid darkblue;}
/*端午*/
.Festival .SiteMap > ul > li > a { background:rgba(60,110,80,1);}
/*針對無障礙設定*/
.Festival .SiteMap > ul > li a:focus { background:rgba(255,240,0,1); color:darkblue; border:2px solid darkblue;}
/*中秋*/
.MidMoon .SiteMap > ul > li > a { background:rgba(0,60,150,1);}
/*針對無障礙設定*/
.MidMoon .SiteMap > ul > li a:focus { background:rgba(255,240,0,1); color:darkblue; border:2px solid darkblue;}
/*靛藍*/
.Blue .SiteMap > ul > li > a { background:rgba(15,40,100,1);}
/*針對無障礙設定*/
.Blue .SiteMap > ul > li a:focus { background:rgba(255,240,0,1); color:darkblue; border:2px solid darkblue;}
/*夜黑*/
.Dark .SiteMap * { color:rgba(255,255,255,1);}
.Dark .SiteMap > ul > li > a { background:rgba(255,255,255,.1);}
.Dark .SiteMap > ul > li a,
.Dark .SiteMap > ul > li > a:link,
.Dark .SiteMap > ul > li > a:visited,
.Dark .SiteMap > ul > li > a:hover,
.Dark .SiteMap > ul > li > a:active { color:rgba(255,255,255,1);}
/*針對無障礙設定*/
.Dark .SiteMap > ul > li a:focus { background:rgba(255,240,0,1); color:darkblue; border:2px solid darkblue;}

/*==========================1680==========================*/
@media screen and (max-width:105rem) and (min-height: 0) {
/*Header設定*/
/*春節*/
.Spring .Header {background:url(../Images/Layout/Header_Spring_m.jpg) left center no-repeat, rgba(215,60,100,.9);}
/*新年*/
.NewYear .Header {background:url(../Images/Layout/Header_NewYear_m.jpg) left center no-repeat, rgba(215,60,100,.9);}
/*端午*/
.Festival .Header { background:url(../Images/Layout/Header_Festival_m.jpg) left center no-repeat, rgba(60,110,80,.9);}
/*中秋*/
.MidMoon .Header { background:url(../Images/Layout/Header_MidMoon_m.jpg) left center no-repeat, rgba(0,60,150,.9);}
}

/*==========================1600==========================*/
@media screen and (max-width:100rem) and (min-height: 0) {
/*814空軍節*/
.A814 .Header { background:url(../Images/Layout/Header_814_m.jpg) top left no-repeat, top left no-repeat, var(--main-color);}
/*814空軍節*/
.A814 .Home.WrapperFixed .Header { background:url(../Images/Layout/Header_814_m.jpg) top left no-repeat, top left no-repeat, var(--main-color);}
}

/*==========================各節慶主題設定END===========================*/


div.FontSize { position:absolute; width:150px; height:auto; line-height:1.25rem; overflow:hidden; top:110px; right:0; color:rgba(0,0,0,0.5); font-size:0.75rem; font-size:1rem; width:11rem; height:auto; line-height:1.75rem;}
div.FontSize * { float:left; color:rgba(0,0,0,1);}
div.FontSize a { display:block; width:20px; height:20px; line-height:1.125rem; 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; font-size:1rem; width:1.75rem; height:1.75rem; line-height:1.75rem;}
div.FontSize a:last-child { margin-right:0;}

.Content.HomeContent div.FontSize { top:0; z-index:1; padding:10px 0;padding:4.5px 0;}

.Dark div.FontSize { color:rgba(255,255,255,0.5);}
.Dark div.FontSize * { color:rgba(255,255,255,1);}
.Dark div.FontSize a { border:1px solid rgba(255,255,255,.5); color:rgba(255,255,255,0.5); background:none;}
.Dark div.FontSize a:focus {background:rgba(255,240,0,1); border:2px solid darkblue; outline:0; color:darkblue;}

/*字級大小切換*/
.Font-Small { font-size:1rem;}
.Font-Small div.FontSize { width:10rem; font-size:1em; line-height:1.5rem;}
.Font-Small div.FontSize a { font-size:1rem; height:1.5rem; line-height:1.5rem;}
.Font-Small .Content > .Ani-Content.Ani-Content2 .FighterWing_Content { margin-bottom:200px;}
.Font-Small .Header .Nav > ul > li > a { line-height:6.25rem;}
.Font-Small .Content.HomeContent div.FontSize { padding:10px 0; width:auto;}
.Font-Medium { font-size:1.25rem;}
.Font-Medium div.FontSize { font-size:1rem; width:11rem;height:1.75rem; line-height:1.75rem;}
.Font-Medium div.FontSize a { font-size:1rem; width:1.75rem; height:1.75rem; line-height:1.75rem;}
.Font-Medium .Content.HomeContent div.FontSize { padding:4.5px 0; height:auto; }
.Font-Medium .Header .Nav > ul > li > a { padding:0;}
.Font-Large{ font-size:1.5rem;}
.Font-Large .Header .Nav > ul > li > a { line-height:4.25rem;}
.Font-Large div.FontSize { font-size:0.75rem; width:11rem;line-height:2rem;height:2rem; width:auto;}
.Font-Large div.FontSize a { font-size:0.75rem; width:2rem; height:2rem; line-height:2rem;}
.Font-Large .Content.HomeContent div.FontSize { padding:4px 0; line-height:1.75rem;}
.Font-Large .Content.HomeContent div.FontSize a { width:1.75rem; height:1.75rem; line-height:1.75rem;}

/*==========================1680==========================*/
@media screen and (max-width:105rem) and (min-height: 0) {
.Font-Small .Header .Nav > ul > li > a { padding:0;}
.Font-Medium .Header .Nav > ul > li > a { padding:0;}
.Font-Large .Header .Nav > ul > li > a { padding:0;}
	}
/*==========================1280==========================*/
@media screen and (max-width:80rem) and (min-height: 0) {
.Font-Small .Header .Nav > ul > li > a { line-height:5rem;}
.Font-Medium .Header .Nav > ul > li > a { line-height:4rem; font-size:1rem;}
.Font-Large .Header .Nav > ul > li > a { line-height:3.5rem; font-size:0.9rem;}
	}