@charset "utf-8";
/*=====================全域屬性======================*/
*, *: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;}
html {
/*針對 Safiri Mobile 旋轉時自動放大做的調整*/
-webkit-text-size-adjust: 100%;
font-size:1.25rem; line-height:1.5rem;}
html.font-small {font-size:1rem; line-height:1.25rem;}
html.font-medium {font-size:1.25rem; line-height:1.5rem;}
html.font-large {font-size:1.5rem; line-height:1.75rem;}
body { font-family:'Arial','Helvetica','微軟正黑體', sans-serif; background:#f7f7f7;}
body *[lang="en"] { letter-spacing:1px;}
body > form { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto;}
.vjs-fullscreen-control {display: none !important;}
/*Icon 動畫預設*/
i { 
/*基礎動畫*/
transition:all .5s;}
i:before { }

a {
/*基礎動畫*/
transition:color .5s;}
a:link, a:visited { color:black;}
a:hover, a:active { color:rgb(25,120,240);}
.btn-popuup-close { cursor:pointer;}

/*-----START : 針對無障礙設定-----*/
*: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:rgba(255,240,0,1);}
input[type="radio"]:focus{  min-width:13px; min-height:13px;
/*圓角*/
border-radius:100%;}

/*跳到主要內容區塊*/
.access-key-jump-c { display:block; width:100%; height:15px; overflow:hidden; font-size:0.5rem; text-align:center; line-height:15px; position:absolute; top:0; left:0; opacity:0; text-decoration:none;}
.access-key-jump-c:focus{ color:blue; opacity:1; line-height:10px;}
/*-----END : 針對無障礙設定-----*/

.Wrapper { width:100%; height:auto; overflow:hidden; position:relative;}
#wpVideoPlayer { display:none;}
.DivW1280 { width:100%; max-width:1600px; height:auto; margin:0 auto; padding:0 10px;}
.PageArticle * { word-wrap:break-word;}
.PageArticle .social-network-share ~ .wp-first-img { width:800px; margin:0 auto; max-width:100%;}
.PageArticle .social-network-share ~ .wp-first-img figure { margin:0 auto;}
.PageArticle .social-network-share ~ .wp-first-img img { border-radius: 10px;}
div.NoData { width:100%; height:auto; overflow:hidden; margin-bottom:1rem;}
.PageArticle .editor-content table { max-width:calc( 100% - 7px );}
.PageArticle .table-wrap { width:100%; overflow-x:auto;}

/*=====================Header======================*/
.Header { position:relative; z-index:2;}
.Header *:not(.DivW1280) { padding:0; margin:0; list-style:none; text-decoration:none;}
.Header img { display:block; max-width:100%; height:auto;}
.Header > div { display:flex;}
/*=====================header-top======================*/
.Header .header-top { justify-content:space-between; flex-wrap:wrap; align-items:center; padding:15px 0; position:relative;}
/*Logo*/
.Header .Logo { width:155px; height:44px;}
.Header .Logo a { display:block; overflow:hidden; position:relative;}
.Header .Logo a:focus {}
.Header .Logo a img { display:block; max-width:100%; height:auto; position:relative; z-index:1;}
.Header .Logo h1 { position:absolute; top:0; left:0; z-index:0; opacity:0;}
/*Search*/
.Header .Search { width:300px; height:44px; position:absolute; left:50%; margin-left:-150px; top:50%; margin-top:-22px; background:white; overflow:hidden; padding-right:44px;
/*圓角*/
border-radius:100px;
/*陰影*/
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);}
.Header .Search input { width:100%; height:44px; border:0; outline:none; padding:10px 0 10px 20px; font-size:0.9em; display:flex; align-items:center;
/*圓角*/
border-radius:100px 0 0 100px;}
.Header .Search input:focus { border:2.5px dashed blue;}
.Header .Search input + .SearchBtn { position:absolute; top:0; right:0; width:44px; height:44px; background:url(../Images/Layout/search.png) center center no-repeat; overflow:hidden; white-space:nowrap; text-indent:100%;
/*圓角*/
border-radius:0 100px 100px 0;}
.Header .Search input + .SearchBtn:focus { background:url(../Images/Layout/search.png) center center no-repeat, rgba(255,240,0,1);}
/*TopMenu*/
.Header .TopMenu { display:inline-flex; height:40px; gap:10px;}
.Header .TopMenu > li { display:block; width:40px; height:40px;
/*圓角*/
border-radius:100%;}
.Header .TopMenu > li a { display:block; width:40px; height:40px; white-space:nowrap; text-indent:100%; overflow:hidden; position:relative;
/*圓角*/
border-radius:100%;}
.Header .TopMenu > li.icon-sitemap a { background:url(../Images/Layout/icon-sitemap.png) center center no-repeat, #786c60;}
.Header .TopMenu > li.icon-sitemap a:focus { background:url(../Images/Layout/icon-sitemap_o.png) center center no-repeat, rgba(255,240,0,1);}
.Header .TopMenu > li.facebook a { background:url(../Images/Layout/icon-fb.png) center center no-repeat, #1877f2;}
.Header .TopMenu > li.facebook a:focus { background:url(../Images/Layout/icon-fb_o.png) center center no-repeat, rgba(255,240,0,1);}
.Header .TopMenu > li.line a { background:url(../Images/Layout/icon-line.png) center center no-repeat, #39ae41;}
.Header .TopMenu > li.line a:focus { background:url(../Images/Layout/icon-line_o.png) center center no-repeat, rgba(255,240,0,1);}
.Header .TopMenu > li.youtube a { background:url(../Images/Layout/icon-yt.png) center center no-repeat, #ce1312;}
.Header .TopMenu > li.youtube a:focus { background:url(../Images/Layout/icon-yt_o.png) center center no-repeat, rgba(255,240,0,1);}
.Header .TopMenu > li.instagram a { background:url(../Images/Layout/icon-ig.png) center center no-repeat, linear-gradient(45deg, #ff9a41 0%, #fc2e7e 50%, #a63bab 100%);}
.Header .TopMenu > li.instagram a:focus { background:url(../Images/Layout/icon-ig_o.png) center center no-repeat, rgba(255,240,0,1);}
.Header .TopMenu > li.icon-member a { background:url(../Images/Layout/icon-member.png) center center no-repeat, #3f3f54; border:1px solid #3f3f54;}
.Header .TopMenu > li.icon-member a:focus { background:url(../Images/Layout/icon-member_o.png) center center no-repeat, rgba(255,240,0,1); border:2.5px dashed blue;}
/*=====================header-middle======================*/
.Header .header-middle { justify-content:center; padding:5px 0;}
.Header .header-middle ul { display:flex; flex-direction:row; gap:0 25px;}
.Header .header-middle li { width:80px; font-size:0.6em; display:flex;}
.Header .header-middle li a { display:block; overflow:hidden;}
.Header .header-middle li a:hover { text-decoration:underline;}
.Header .header-middle li a:focus {
/*圓角*/
border-radius:20px;}
.Header .header-middle li img { width:70px; height:70px; object-fit:cover; margin:0 auto; margin-bottom:5px;
/*圓角*/
border-radius:20px;
/*陰影*/
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.Header .header-middle li .name { display:block; width:100%; text-align:center; line-height:1.4;}
.Header .header-middle > a { display:block; overflow:hidden; width:70px; height:70px; background:url(../Images/Layout/Default/NoImage_arrow.png) center center no-repeat,#f7f7f7; white-space:nowrap; text-indent:100%;
/*圓角*/
border-radius:20px;}
.Header .header-middle > a:focus { background:url(../Images/Layout/Default/NoImage_arrow.png) center center no-repeat, rgba(255,240,0,1);}

/*=====================header-middle======================*/
.Header .header-bottom { justify-content:space-between; flex-wrap:wrap; align-items:center; padding:10px 0; position:relative;}
.Header .header-bottom .access-key-u { display:block; width:100%; height:15px; overflow:hidden; font-size:0.7em; text-align:center; position:absolute; top:0; left:0; opacity:0; text-decoration:none;}
.Header .header-bottom .access-key-u:focus{ color:blue; opacity:1;}
.Header .header-bottom .Nav { display:inline-block; width:auto; height:auto; white-space:nowrap; margin:5px 0;}
.Header .header-bottom .Nav .navbar-nav { display:flex; width:100%; height:40px; align-items:center; gap:0 2.5px;}
.Header .header-bottom .Nav .navbar-nav > li { position:relative; min-width:60px;}
.Header .header-bottom .Nav .navbar-nav > li.mobile { display:none;}
.Header .header-bottom .Nav .navbar-nav > li > a { display:block; width:100%; font-size:0.8em; padding:10px; line-height:1.2; text-align:center; font-weight:bold;
/*基礎動畫*/
transition:color .5s;
/*圓角*/
border-radius:20px;}
.Header .header-bottom .Nav .navbar-nav > li > a:link,
.Header .header-bottom .Nav .navbar-nav > li > a:visited { color:#333;}
.Header .header-bottom .Nav .navbar-nav > li:hover > a:link,
.Header .header-bottom .Nav .navbar-nav > li:hover > a:visited,
.Header .header-bottom .Nav .navbar-nav > li:hover > a:hover,
.Header .header-bottom .Nav .navbar-nav > li:hover > a:active { color:rgb(25,120,240);}
.Header .header-bottom .Nav .navbar-nav > li > a:focus { border:2.5px dashed blue; color:blue; background:rgba(255,240,0,1);}
.Header .header-bottom .Nav .navbar-nav > li.active > a:link,
.Header .header-bottom .Nav .navbar-nav > li.active > a:visited,
.Header .header-bottom .Nav .navbar-nav > li.active > a:hover,
.Header .header-bottom .Nav .navbar-nav > li.active > a:active { background:white; color:rgb(25,120,240);
/*陰影*/
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.Header .header-bottom .Nav .navbar-nav > li.active > a:focus { border:2.5px dashed blue; color:blue; background:rgba(255,240,0,1);}
.Header .header-bottom .Nav .navbar-nav > li > a + .nav-submenu { position:absolute; left:0; top:100%; background:rgb(25,120,240); font-size:0.8em;
/*圓角*/
border-radius:5px;
display:none;
/*陰影*/
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.Header .header-bottom .Nav .navbar-nav > li > a + .nav-submenu li a { display:block; width:100%; height:auto; overflow:hidden; padding:10px; line-height:1;}
.Header .header-bottom .Nav .navbar-nav > li > a + .nav-submenu li a:link,
.Header .header-bottom .Nav .navbar-nav > li > a + .nav-submenu li a:visited { color:white;}
.Header .header-bottom .Nav .navbar-nav > li > a + .nav-submenu li a:hover,
.Header .header-bottom .Nav .navbar-nav > li > a + .nav-submenu li a:active { color:white; background:rgba(0,0,0,0.2);}
.Header .header-bottom .Nav .navbar-nav > li > a + .nav-submenu li a:focus { border:2.5px dashed blue; color:blue; background:rgba(255,240,0,1);}

.Header .header-bottom .marquee-container { display:flex; width:390px; height:40px; overflow:hidden; font-size:0.7em; border:1px solid #333; align-items:center; position:relative; padding-left:55px; margin:5px 0;
/*圓角*/
border-radius:30px;}
.Header .header-bottom .marquee-container:before { content:''; display:block; width:10px; height:38px; border-right:10px solid #f7f7f7; position:absolute; z-index:1; top:0; right:0;}
.Header .header-bottom .marquee-container .marquee-control { position:absolute; top:0; left:0; padding:5px 5px 5px 10px; width:55px; background:#f7f7f7; z-index:2;}
.Header .header-bottom .marquee-container .marquee-control .btn { width:20px; cursor:pointer; display:block; overflow:hidden; white-space:nowrap; text-indent:100%;}
.Header .header-bottom .marquee-container .marquee-control .btn.disabled { opacity:0.2;}
.Header .header-bottom .marquee-container .marquee-control .btn.disabled:focus { opacity:1;}
.Header .header-bottom .marquee-container .marquee-control .btn#btnPause { background:url(../Images/Layout/marquee-pause.png) center center no-repeat; background-size:contain;}
.Header .header-bottom .marquee-container .marquee-control .btn#btnPause:focus { background:url(../Images/Layout/marquee-pause.png) center center no-repeat, rgba(255,240,0,1); background-size:contain;}
.Header .header-bottom .marquee-container .marquee-control .btn#btnPlay { background:url(../Images/Layout/marquee-play.png) center center no-repeat; background-size:contain;}
.Header .header-bottom .marquee-container .marquee-control .btn#btnPlay:focus { background:url(../Images/Layout/marquee-play.png) center center no-repeat, rgba(255,240,0,1); background-size:contain;}
.Header .header-bottom .marquee-container .marquee-content .marquee-item { margin-right:20px;}
.Header .header-bottom .marquee-container .marquee-content { z-index:0; position:absolute;display: inline-block;white-space: nowrap;animation: scrolling 15s linear infinite; /* 預設動畫 */}
.Header .header-bottom .marquee-container .marquee-content.paused {animation-play-state: paused;}/* 暫停動畫 */
/* CSS 動畫定義 */
@keyframes scrolling {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}
/* 考量用戶偏好：減少動畫 */
@media (prefers-reduced-motion: reduce) {
	.marquee-content {
		animation: none; /* 禁用動畫 */
		white-space: normal; /* 允許換行 */
	}
}

.Footer { width:100%; background:white; position:relative; padding:30px 0; color:#333; z-index:0;}
.Footer *:not(.DivW1280) { margin:0; padding:0; list-style:none; text-decoration:none;}
.Footer .access-key-b { display:block; width:100%; height:20px; overflow:hidden; font-size:1em; line-height:20px; position:absolute; top:0px; left:0; text-decoration:none; text-align:center; opacity:0;}
.Footer .access-key-b:focus{ color:blue; opacity:1; line-height:25px;}
.Footer .DivW1280 { display:flex; gap:0 20px; justify-content:space-between;}
.Footer .DivW1280 .footer-logo { margin-bottom:10px;}
.Footer .DivW1280 .footer-logo img { display:block; max-width:100%; height:auto;}
.Footer .DivW1280 .footer-logo ~ p { font-size:0.8em; line-height:1.6;}
.Footer .DivW1280 .viewed { font-size:0.6em; line-height:1.6;}
.Footer .DivW1280 .SiteMap { display:flex; gap:0 60px; justify-content:space-between; font-size:0.9em;}
.Footer .DivW1280 .SiteMap a { display:block; padding:2.5px;}
.Footer .DivW1280 .SiteMap a:link,
.Footer .DivW1280 .SiteMap a:visited { color:#333;}
.Footer .DivW1280 .SiteMap a:hover,
.Footer .DivW1280 .SiteMap a:active { color:black;}
.Footer .DivW1280 .SiteMap a:focus { color:blue;}
.Footer .DivW1280 .Label { display:inline-flex; gap:0 5px; align-items:flex-start;}
.Footer .DivW1280 .Label img { display:block; max-width:100%; height:auto;}
/*===============================================================Layout===============================================================*/


/*內頁開始*/
.Content { width:100%; position:relative; padding-top:20px; margin-top:-15px; z-index:1;}
.Content .access-key-c { display:block; width:100%; height:20px; overflow:hidden; font-size:1em; line-height:20px; position:absolute; top:0; left:0; text-decoration:none; text-align:center;}
.Content .access-key-c:link,
.Content .access-key-c:visited,
.Content .access-key-c:hover,
.Content .access-key-c:active{ color:#1089d4; font-weight:bold; opacity:0;}
.Content .access-key-c:focus{ color:blue; opacity:1; line-height:16px;}
.Content .PageWrapper-Side { width:100%; max-width:1600px; height:auto; margin:0 auto; padding:0 10px;}
.Content .PageWrapper-Side .editor-content ~ .btn-wrap { align-items:center; justify-content:flex-start;}
.Content .PageWrapper-Side .editor-content ~ .btn-wrap ul,
.Content .PageWrapper-Side .editor-content ~ .btn-wrap ul li { padding:0; margin:0; list-style:none; overflow:hidden;}
.Content .PageWrapper-Side .editor-content ~ .btn-wrap ul li a { float:left;}
/*PageContent-Right*/
.Content .PageContent-Right .PageArticle img { max-width:100%; height:auto;}
/*=====================START : button=====================*/
.go-back { display:block; height:auto; overflow:hidden; text-decoration:none; padding:1rem; width:7rem; width:100%; float:left;}
.go-back:before{ content:'←'; float:left;}
.go-back:link,
.go-back:visited,
.go-back:hover,
.go-back:active { color:black;}
.go-back:focus{ background:rgba(255,240,0,1); color:blue; border:2px dashed blue;}

input.btn { outline:none; border:0; font-family:"微軟正黑體"; font-size:1rem; cursor:pointer;}
.btn{ float:left; height:auto; overflow:hidden; text-decoration:none; padding:1rem; text-align:center;}
input.btn,
.btn:link,
.btn:visited,
.btn:hover,
.btn:active{ background:rgb(25,120,240); color:white; border:1px solid rgb(25,120,240);}
input.btn:focus,
.btn:focus{ background:rgba(255,240,0,1); color:blue; border:2px dashed blue;}

.btn.full{ width:100%;}

/*=====================END : button=====================*/
/*btn-wrap*/
.btn-wrap { width:100%; display:flex; gap:10px; margin-bottom:20px; justify-content:center; flex-wrap:wrap;}
.btn-wrap a { display:inline-block; width:auto; min-width:140px; height:auto; overflow:hidden; padding:10px; border:1px solid #333; text-align:center; line-height:1; text-decoration:none;
/*圓角*/
border-radius:30px;
/*基礎動畫*/
transition:color .5s, background .5s;}
.btn-wrap a:hover,
.btn-wrap a:active{ background:rgb(25,120,240); color:white; border:1px solid rgb(25,120,240);}
.btn-wrap a:focus{ color:blue; background:rgba(255,240,0,1); border:2.5px dashed blue;}

.btn-wrap a.btn:hover,
.btn-wrap a.btn:active{ background:none; color:rgb(25,120,240); border:1px solid rgb(25,120,240);}
.btn-wrap a.btn:focus{ color:blue; background:rgba(255,240,0,1); border:2.5px dashed blue;}

.btn-wrap .btn.reset,
.btn-wrap .btn.reset:link,
.btn-wrap .btn.reset:visited{ background:none; color:#333; border:1px solid #ccc;}
.btn-wrap .btn.reset:hover,
.btn-wrap .btn.reset:active{ background:none; color:rgb(25,120,240); border:1px solid rgb(25,120,240);}
.btn-wrap .btn.reset:focus{ background:rgba(255,240,0,1); color:blue; border:2px dashed blue;}


/*PageMenu*/
.PageMenu { width:100%; height:auto; overflow:hidden;}
.PageMenu * { padding:0; margin:0; list-style:none; text-decoration:none;}
.PageMenu > h2 { display:none;}
.slide-menu { width:100%; height:auto; overflow:hidden; overflow-x:auto; height:40px; position:relative; margin-bottom:20px;}
.slide-menu.slide-menu-1 { margin-bottom:5px;}
.slide-menu > ul { display: flex; gap:0 10px; position:absolute; top:0; left:0;}
.slide-menu > ul li { white-space:nowrap;}
.slide-menu > ul li a { display:block; padding:10px 15px; border:1px solid #ccc; font-size:0.8em; line-height:1;
/*基礎動畫*/
transition:color .5s, background .5s, border .5s;
/*圓角*/
border-radius: 20px;}
.slide-menu > ul li a:link,
.slide-menu > ul li a:visited { color:#333;}
.slide-menu > ul li a:hover,
.slide-menu > ul li a:active { border:1px solid #333;}
.slide-menu > ul li a:focus{ color:blue; border:2px dashed blue; background:rgba(255,240,0,1);}
.slide-menu > ul li.active a:link,
.slide-menu > ul li.active a:visited,
.slide-menu > ul li.active a:hover,
.slide-menu > ul li.active a:active { background:#333; color:white;}
.slide-menu > ul li.active a:focus{ color:blue; border:2px dashed blue; background:rgba(255,240,0,1);}

/*-----START : page title-----*/
.page-title-wrapper { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px;}
.page-title-wrapper * { padding:0; margin:0; list-style:none; text-decoration:none;}
.page-title{ font-size:1.5em; color:#333;}
ul.breadcrumb { font-size:0.7em; color:#555;}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li:empty {display: none;}
ul.breadcrumb li+li:before {padding: 2px; content: "/\00a0";}
ul.breadcrumb li:last-child { color:#555;}
ul.breadcrumb li > a:link,
ul.breadcrumb li > a:visited { color:#555;}
ul.breadcrumb li > a:hover,
ul.breadcrumb li > a:active { color:#333;}
ul.breadcrumb li > a:focus{ color:blue; border:2px dashed blue; background:rgba(255,240,0,1);}
ul.breadcrumb li > a.active { color:#555;}
/*-----END : page title-----*/

/*-----START : pagination-----*/
.pagination { margin: 20px 0;}
.pagination * { padding:0; margin:0; list-style:none; text-decoration:none;}
.pagination > * { width:100%; height:auto; overflow:hidden; padding:0;
display: flex; gap:0 5px;}
.pagination > * > * { display:inline-flex; width:35px; min-width:35px; margin:15px 0; height:35px; justify-content:center; align-items:center; border:1px solid #ccc;
/*圓角*/
border-radius:30px;}
.pagination > * > a:link,
.pagination > * > a:visited {}
.pagination > * > a:hover,
.pagination > * > a:active {}
.pagination > * > a:focus{ color:blue; border:2px dashed blue;}
.pagination > * > *.active { background:#333; color:white;
/*圓角*/
border-radius:30px;}
/*-----END : pagination-----*/

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


.Audio { position:relative; width:300px!important; height:auto; overflow:hidden;}
.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%;}

/*===============================================================UI===============================================================*/

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

.BasicTable { 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 td,
.BasicTable 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 tr:nth-child(odd) { background:rgba(0,0,0,0.05);}
.BasicTable tr:first-child { background:rgba(0,100,180,1); color:white;}
.BasicTable td:nth-child(1) { text-align:left;}
.BasicTable td a { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; text-decoration:none;}
.BasicTable td a img { display:block; max-width:100%; height:auto; margin:0 auto;}


/*=====================START : 編輯器=====================*/
.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;
/*基礎動畫*/
transition:all .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;
/*基礎動畫*/
transition:all .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;}
/*=====================END : 編輯器=====================*/

@media only screen and (min-width:0px) and (max-width:1300px) {
	.Footer .DivW1280 .SiteMap { gap:0 15px;}
}
@media only screen and (min-width:0px) and (max-width:1240px) {
	.Header .header-bottom { justify-content:center; flex-direction:column;	}
	.Header .header-bottom .marquee-container { width:768px; max-width:100%;}
}
@media only screen and (min-width:0px) and (max-width:1130px) {
	.Footer .DivW1280 { gap:0 10px;}
	.Footer .DivW1280 .footer-logo { max-width:260px;}
	.Footer .DivW1280 .SiteMap { gap:0 10px;}
	.Footer .DivW1280 .SiteMap a { font-size:0.9em;}
}
@media only screen and (min-width:0px) and (max-width:1024px) {
	.Header .Search { position:relative;  left:auto; margin:0; top:auto;}
	.Footer .DivW1280 { gap:20px 0; flex-wrap:wrap;}
	.Footer .DivW1280 .SiteMap {order:1; width:100%;}
	.Footer .DivW1280 .wpCopyright {order:2;}
	.Footer .DivW1280 .Label {order:3;}
}
@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;}
}
@media only screen and (min-width:0px) and (max-width:860px) {
	.Header .header-bottom .Nav .navbar-nav > li > a { font-size:0.75em; padding:10px 5px;}
}
@media only screen and (min-width:0px) and (max-width:800px) {
	.Header .Search { width:260px;}
	.Header .header-middle { width:100%;}
	.Header .header-middle > div { width:calc( 100% - 40px ); height:110px; position:relative; overflow-x:auto;}
	.Header .header-middle ul { width:auto; position:absolute; top:0; left:0;}
	.Header .header-middle > a { width:40px;}
}
@media only screen and (min-width:0px) and (max-width:768px) {
	.Wrapper { top:1px;}
	.Header { padding-top:65px; z-index:2;}
	.Header .header-top { padding:7.5px 10px; position:fixed; top:0; left:0; height:65px; background:#f7f7f7; z-index:3; width:100%;}
	.Wrapper.WrapperFixed .header-top {
	/*陰影*/
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2);}
	.Header .Logo { width:176.25px; height:50px; margin-right:5px;}
	.Header .TopMenu { display:none;}
	.Header .Search { margin-right:60px; height:50px; max-width:calc( 100% - ( 176.25px + 60px + 5px ) ); border-radius:10px; padding-right:35px;}
	.Header .Search input { height:50px; padding-left:10px; font-size:0.7em; border-radius:10px 0 0 10px;}
	.Header .Search input + .SearchBtn { height:50px; width:35px; border-radius:0 10px 10px 0;}
	.Header .header-bottom .Nav { display:none;}
	.Header .header-middle ul { gap:0 10px;}

	.slide-menu > ul { gap:0 5px;}
	.page-title-wrapper {flex-direction:column;}
	.PageArticle .editor-content table *{ font-size:0.8em; line-height:1;}
}
@media only screen and (min-width:0px) and (max-width:512px) {
	.Header .header-middle > div { width:calc( 100% - 20px );}
	.Header .header-middle > a { width:20px;}
	.Header .header-middle ul { gap:0 5px;}
	.Header .Search { margin-right:55px; max-width:calc( 100% - ( 176.25px + 55px + 5px ) );}
	
	.PageWrapper-Side .PageContent-Right { min-height:0;}
	
	.Footer .DivW1280 { justify-content:center;}
	.Footer .DivW1280 .SiteMap { flex-wrap:wrap; gap:10px 0;}
	.Footer .DivW1280 .SiteMap dl { width:50%;}
	.Footer .DivW1280 .Label { width:100%; justify-content:center;}
	
	.BasicTable,
	.BasicTable > tbody,
	.BasicTable > tbody > tr,
	.BasicTable > tbody > tr > td { display:block; width:100%; height:auto; overflow:hidden; border:0;}
	.BasicTable > tbody > tr {border:1px solid rgba(0,0,0,0.2); margin-bottom:1rem;}
	.BasicTable > tbody > tr:first-child { display:none;}
	.BasicTable > tbody > tr > td { position:relative; padding-left:5rem; text-align:left;}
	.BasicTable > tbody > tr > td:nth-child(even) { background:rgba(0,0,0,0.05);}
	.BasicTable > 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;}

}
@media only screen and (min-width:0px) and (max-width:380px) {
	.Footer { padding:15px 0;}
	.Footer .access-key-b { height:15px; line-height:15px;}
	.Footer .DivW1280 .SiteMap dl a { text-align:center;}
	}