@import url("ugC_layout.css");
@charset "utf-8";

/*==========================Content===========================*/
/*FixedAds */
.FixedAds { width:15%; min-width:280px; height:auto; overflow:hidden; position:fixed; right:0; bottom:0; z-index:1; padding:10px; right:auto; left:0; }
.FixedAds span { width:30px; height:25px; display:block; overflow:hidden; float:right; float:left; background:var(--main-color);
/*陰影*/box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);
/*圓角*/
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.FixedAds span i { display:block; width:100%; height:auto; overflow:hidden; text-align:center; line-height:1.5625rem;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.FixedAds span.AdClose i{
/*旋轉*/transform: rotate(-180deg);
transform-origin: center;}
.FixedAds a { display:block; width:100%; height:auto; overflow:hidden;
/*陰影*/box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.FixedAds a img { display:block; max-width:100%; height:auto;}
.Home .Header { background:none;
/*陰影*/
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0);}
.Home.WrapperFixed .Header { background:var(--main-color);
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.Home .Content.HomeContent { padding-top:0px; padding-bottom:0;background:rgba(255,255,255,1);
/*設定基本動畫效果*/
}
.Home .Content.HomeContent > div { position:static; z-index:0;}

/*WelcomeWrap*/
.Home > div.WelcomeWrap { display:none;}
.Home > div.WelcomeWrap.newcomer { display:block; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8); z-index:9999999999999999999999999999999999;
display: flex;
align-items:center;
justify-content:center;}
.Home > div.WelcomeWrap.newcomer > div { width:auto; height:auto; position:relative; overflow:hidden; display:inline-block; max-width:100%; max-height:100vh;}
.Home > div.WelcomeWrap.newcomer > div > p { display:block; width:100%; height:auto; overflow:hidden; text-align:center; color:#fff; margin:0; padding:0; font-weight:bold;}
.Home > div.WelcomeWrap.newcomer > div > picture { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; position:relative;}
.Home > div.WelcomeWrap.newcomer > div > picture:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;
background:none;
animation:WelcomeWrap_Ani 10s forwards linear;
animation-delay:0;
background-size:contain;}
@keyframes WelcomeWrap_Ani{
0%{ background:none;}
15%{ background:url(../Images/Layout/Welcome/Welcome_01.png) center center no-repeat;background-size:contain;}
30%{ background:url(../Images/Layout/Welcome/Welcome_02.png) center center no-repeat;background-size:contain;}
45%{ background:url(../Images/Layout/Welcome/Welcome_03.png) center center no-repeat;background-size:contain;}
60%{ background:url(../Images/Layout/Welcome/Welcome_04.png) center center no-repeat;background-size:contain;}
85%{ background:url(../Images/Layout/Welcome/Welcome_05.png) center center no-repeat;background-size:contain;}
90%{ background:url(../Images/Layout/Welcome/Welcome_06.png) center center no-repeat;background-size:contain;}
100%{ background:url(../Images/Layout/Welcome/Welcome_06.png) center center no-repeat;background-size:contain;}
}
.Home > div.WelcomeWrap.newcomer > div > a { display:block; width:30px; overflow:hidden; float:right; text-align:center; font-size:1.5em; font-weight:bold; background:#000; color:#fff; line-height:1.875rem; height:30px; text-decoration:none; position:absolute; top:0; right:0; z-index:2;}
.Home > div.WelcomeWrap.newcomer > div > picture > img { float:left; display:block; max-width:100%; max-height:100vh; position:relative; z-index:0;}

.Home .Content.HomeContent:after { display:none;}
.Home .Content.HomeContent > .Ani-Content { position:relative; overflow:hidden;}
/*DefBanner*/
.Home .Content.HomeContent > .Ani-Content .DefBanner { width:100%; height:auto; overflow:hidden; position:relative; z-index:0;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide { position:relative; overflow:hidden;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide img { display:block; width:100%; height:auto; float:left;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide .Iframe { width:100%; height:auto; position:relative; overflow:hidden; float:left;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide .Iframe > iframe { position:absolute; width:130%; height:130%; top:-15%; left:-15%;}

/*首頁廣告動畫一*/
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_1 a { display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_1 a img { display:block; width:100%; height:auto;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_1 a img:not(.Ani_BG) { position:absolute; top:0; left:0; height:100%;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_1 a img.Ani_02 { opacity:1; left:0;
animation: DefBannerAni_2 5.5s infinite; }
@keyframes DefBannerAni_2{
0%{ opacity:0; left:-50%; top:20%;}
20%{ opacity:0; left:-50%; top:20%;}
30%{ opacity:1; left:0%; top:0;}
85%{ opacity:1; left:0%; top:-3%;}
95%{ opacity:0; left:0%; top:-30%; left:100%;}
100%{ opacity:0; left:0%; top:-30%; left:100%;}
}

.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_1 a img.Ani_03 { opacity:1; left:0;
animation: DefBannerAni_3 5.5s infinite; }
@keyframes DefBannerAni_3{
0%{ opacity:0; left:-50%; top:20%;}
30%{ opacity:0; left:-50%; top:20%;}
40%{ opacity:1; left:0%; top:0;}
85%{ opacity:1; left:0%; top:-3%;}
95%{ opacity:0; left:0%; top:-3%; left:100%;}
100%{ opacity:0; left:0%; top:-3%; left:100%;}
}

.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_1 a img.Ani_04 { opacity:1; left:0;
animation: DefBannerAni_4 5.5s infinite; }
@keyframes DefBannerAni_4{
0%{ opacity:0;}
45%{ opacity:0;}
50%{ opacity:0;}
70%{ opacity:1;}
95%{ opacity:1;}
100%{ opacity:0;}}

.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_1 a img.Ani_05 { opacity:1; left:0;
animation: DefBannerAni_5 5.5s infinite; }
@keyframes DefBannerAni_5{
0%{ opacity:0;}
55%{ opacity:0;}
65%{ opacity:0;}
85%{ opacity:1;}
95%{ opacity:1;}
100%{ opacity:0;}}

/*首頁廣告動畫二*/
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_2 a { display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_2 a img { display:block; width:100%; height:auto;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_2 a img:not(.Ani_BG) { position:absolute; top:0; left:0; height:100%;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_2 a img.Ani_01 { opacity:1; left:0;
animation: DefBannerAni_21 5.5s infinite; }
@keyframes DefBannerAni_21{
0%{ opacity:0;}
10%{ opacity:0;}
50%{ opacity:1;}
95%{ opacity:1;}
100%{ opacity:0;}}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_2 a img.Ani_02 { opacity:1; left:0;
animation: DefBannerAni_22 5.5s infinite; }
@keyframes DefBannerAni_22{
0%{ opacity:0; left:-50%; top:20%;}
30%{ opacity:0; left:-50%; top:20%;}
40%{ opacity:1; left:0%; top:0;}
90%{ opacity:1; left:0%; top:-3%;}
100%{ opacity:0; left:0%; top:-20%; left:100%;}}

/*首頁廣告動畫三*/
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_3 a { display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_3 a img { display:block; width:100%; height:auto;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_3 a img:not(.Ani_BG_1) { position:absolute; top:0; left:0; height:100%;}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_3 a img.Ani_BG_2 { opacity:1; left:0;
animation: DefBannerAni_31 5.5s infinite; }
@keyframes DefBannerAni_31{
0%{ opacity:0;}
10%{ opacity:0;}
50%{ opacity:1;}
95%{ opacity:1;}
100%{ opacity:0;}}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_3 a img.Ani_01 { opacity:1; left:0;
animation: DefBannerAni_32 5.5s infinite; }
@keyframes DefBannerAni_32{
0%{ opacity:0; left:-50%;}
10%{ opacity:0; left:-50%;}
20%{ opacity:1; left:0%;}
90%{ opacity:1; left:0%;}
100%{ opacity:0; left:0%;}}
.Home .Content.HomeContent > .Ani-Content .DefBanner .swiper-slide.DefBannerAni_3 a img.Ani_02  { opacity:1; right:0; left:auto;
animation: DefBannerAni_33 5.5s infinite; }
@keyframes DefBannerAni_33{
0%{ right:-100%; top:20%;opacity:0; }
20%{ right:-100%; top:20%;opacity:1; }
60%{ right:0%; top:10%;opacity:1; }
100%{ right:100%; top:0;opacity:0;}}
/*DefHotNews*/
.Home .Content.HomeContent > .Ani-Content .DefHotNews * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Home .Content.HomeContent > .Ani-Content .DefHotNews { width:100%; height:60px; overflow:hidden; background:url(../Images/Layout/HotNews.jpg) center center no-repeat; background:var(--main-color); position:relative; padding-left:200px;}
.Home .Content.HomeContent > .Ani-Content .DefHotNews > span { width:200px; height:60px; line-height:3rem; overflow:hidden; position:absolute; top:0; left:0; padding-right:60px; background:url(../Images/Layout/HotNewsIcon.png) right center no-repeat; text-align:left; padding-left:20px; font-size:1.5rem; color:#fff;}

.Font-Small .Home .Content.HomeContent > .Ani-Content .DefHotNews > span { line-height:3.75rem;}
.Font-Medium .Home .Content.HomeContent > .Ani-Content .DefHotNews > span { line-height:3rem;}
.Font-Large .Home .Content.HomeContent > .Ani-Content .DefHotNews > span { line-height:2.5rem; padding-left:5px; font-size:1.3rem;}

.Home .Content.HomeContent > .Ani-Content .DefHotNews #abgne_marquee { width:100%; height:60px; overflow:hidden; position:relative;}
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul { width:100%; height:auto; overflow:hidden; position:absolute;}
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li { width:100%; height:auto; overflow:hidden;}
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a { display:block; width:100%; height:auto; overflow:hidden; text-decoration:none; font-size:1.25rem; line-height:2rem; padding:10px; white-space: nowrap; text-overflow: ellipsis; position:relative; padding-right:150px;}
.Font-Small .Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a { line-height:2.5rem;}
.Font-Medium .Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a { line-height:2rem;}
.Font-Large .Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a { line-height:1.66666667rem;}
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a:link,
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a:visited,
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a:hover,
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a:active { color:rgba(255,255,255,1); }
/*針對無障礙設定*/
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a:focus { color:darkblue;}
.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a .Time { position:absolute; top:10px; right:10px;}

/*.Home .Ani-Content2*/
.Home .Ani-Content2 { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; padding-top:40px;}
.Home .Ani-Content2 .Accesskey_C { top:0;}
.Home .Ani-Content2 .DefContent { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Home .Ani-Content2 .DefContent * { padding:0; margin:0; list-style:none; text-decoration:none;}
/*DefNews*/
.Home .DefNews { width:100%; height:auto; overflow:hidden; margin:0 auto; float:left;}
.Home .DefNews a { display:block; width:100%; height:auto; overflow:hidden;}
/*tab*/
.Home .DefNews .abgne_tab { width:100%; height:auto; overflow:hidden; opacity:0;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .Ani_o .DefNews .abgne_tab { opacity:1;}
.Home .DefNews .abgne_tab .tabs { width:100%; height:auto; overflow:hidden; position:relative; z-index:0; padding-bottom:10px; text-align:center;}
.Home .DefNews .abgne_tab .tabs:after { content:''; width:100%; height:1px; display:block; position:absolute; z-index:1; left:0; bottom:10px; background:#ccc;}
.Home .DefNews .abgne_tab .tabs li { display:inline-block; width:250px; height:70px; position:relative; z-index:2;}
.Home .DefNews .abgne_tab .tabs > li:nth-child(4),
.Home .DefNews .abgne_tab .tabs > li:nth-child(5) { display:none;}
.Home .DefNews .abgne_tab .tabs li:after { content:''; width:160px; height:8px; background:#ccc; position:absolute; left:50%; margin-left:-80px; bottom:-7px; display:block; opacity:0;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tabs li:hover:after {opacity:1; }
.Home .DefNews .abgne_tab .tabs li.active:after,
.Home .DefNews .abgne_tab .tabs li.active:hover:after{ background:var(--main-color); opacity:1; }
.Home .DefNews .abgne_tab .tabs li a { width:100%; height:70px; line-height:4.375rem; font-size:2rem; color:rgba(0,0,0,1); display:block; text-decoration:none; position:relative;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tabs li a:link,
.Home .DefNews .abgne_tab .tabs li a:visited { color:rgba(0,0,0,1);}
.Home .DefNews .abgne_tab .tabs li a:hover,
.Home .DefNews .abgne_tab .tabs li a:active { color:rgba(0,0,0,1);}
.Home .DefNews .abgne_tab .tabs li.active a:link,
.Home .DefNews .abgne_tab .tabs li.active a:visited,
.Home .DefNews .abgne_tab .tabs li.active a:hover,
.Home .DefNews .abgne_tab .tabs li.active a:active { color:rgba(0,0,0,1);}
.Home .DefNews .abgne_tab .tabs li:not(:last-child) a:after { content:''; position:absolute; z-index:2; display:block; width:1px; height:30px; right:0; top:50%; margin-top:-15px; background:#ccc;}
/*tab_container*/
.Home .DefNews .abgne_tab .tab_container { width:100%; height:auto; overflow:hidden; max-width:110rem; margin:40px auto;}
.Home .DefNews .abgne_tab .tab_container .tab_content { width:100%; height:auto; overflow:hidden; position:relative; padding-left:580px; min-height:18rem;}
.Home .DefNews .abgne_tab .tab_container .tab_content.HideDiv { height:0; min-height:0; overflow:hidden; opacity:0;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews { position:absolute; top:0; left:0; width:580px; height:auto; overflow:hidden;}
.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews {animation: MainNews_Animation 2s forwards linear; display:none;}
@keyframes MainNews_Animation{
0%{ opacity:0;}
100%{ opacity:1;}}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a { display:block; width:100%; height:auto; overflow:hidden; position:relative; float:left;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a img { display:block; width:100%; height:auto; opacity:.4; float:left;
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a span { position:absolute; width:100%; height:auto; padding:20px; left:0; bottom:0; z-index:2; color:#fff; font-size:1rem; padding-top:60px;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
transition:all .5s, transform .5s; text-align:left;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a span strong { display:inline-block; height:40px; line-height:1.875rem; position:absolute; top:10px; left:0; z-index:3;background:#a26400; padding:5px 10px; font-weight:normal;
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a span b { font-weight:normal; position:relative; z-index:3;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a span:after { content:''; left:0; bottom:0; position:absolute; z-index:2; display:block; width:100%; height:0; background:#0f89d4; opacity:1;
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a:hover span { padding-top:20px;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a:hover span:after { height:100%;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a:hover span strong { opacity:0; left:-100%;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul { width:100%; height:auto; overflow:hidden; padding-left:40px; display:none;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li { width:100%; height:auto; overflow:hidden; position:relative; font-size:1.25rem; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc; padding-left:140px; padding-left:170px;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews .swiper-pagination { bottom:0;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews .swiper-pagination-bullet { width:10px; height:10px; margin:0 2.5px;}
.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(1) {animation: MainNews_Animation_1 2s forwards linear;}
@keyframes MainNews_Animation_1{
0%{ opacity:0;}
20%{ opacity:0;}
100%{ opacity:1;}}
.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(2) {animation: MainNews_Animation_2 2s forwards linear;}
@keyframes MainNews_Animation_2{
0%{ opacity:0;}
35%{ opacity:0;}
100%{ opacity:1;}}
.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(3) {animation: MainNews_Animation_3 2s forwards linear;}
@keyframes MainNews_Animation_3{
0%{ opacity:0;}
50%{ opacity:0;}
100%{ opacity:1;}}
.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(4) {animation: MainNews_Animation_4 2s forwards linear;}
@keyframes MainNews_Animation_4{
0%{ opacity:0;}
65%{ opacity:0;}
100%{ opacity:1;}}
.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(5) {animation: MainNews_Animation_5 2s forwards linear;}
@keyframes MainNews_Animation_5{
0%{ opacity:0;}
80%{ opacity:0;}
100%{ opacity:1;}}
.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(6) {animation: MainNews_Animation_6 2s forwards linear;}
@keyframes MainNews_Animation_6{
0%{ opacity:0;}
95%{ opacity:0;}
100%{ opacity:1;}}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a { text-decoration:none; line-height:2.5rem; padding:0 10px;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag { width:140px; width:170px; height:40px; height:2.5rem; line-height:2.5rem; padding:0; text-align:center; background:#a26400; color:#fff; position:absolute; top:0; left:0;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag,
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:hover,
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:active { background:var(--main-color);}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText { display:block; position:relative; padding-left:190px;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText .Time { color:#999; display:block; width:190px; position:absolute; top:0; left:0; text-align:center;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText .Time ~ span { color:#444; display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time,
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time ~ span { color:var(--main-color);}
.Home .DefNews .abgne_tab .tab_container .tab_content > a.More { font-size:1.25rem; color:#666; text-decoration:none; text-align:right; background:url(../Images/Layout/More.png) right center no-repeat; padding-right:30px; display:none;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}

.Home .DefNews .abgne_tab .tab_container .tab_content > a.More:hover,
.Home .DefNews .abgne_tab .tab_container .tab_content > a.More:active { color:#0f89d4;}

/*20181127結構修改*/
.Home .DefNews .abgne_tab .tab_container { width:100%; height:auto; overflow:hidden; position:relative; z-index:0; padding-bottom:10px; text-align:center; min-height:30rem; margin-top:0; max-width:110rem;}
.Home .DefNews .abgne_tab .tab_container:before{ content:''; position:absolute; z-index:0; display:block; width:100%; height:1px; left:0; top:74px; background:#ccc;}
.Home .DefNews .abgne_tab .tab_container .tab_content{ display:inline-block; width:250px; width:auto; min-width:260px; height:70px; position:static; z-index:2; overflow:visible; padding:0; padding:0; text-align:center; min-height:0; min-width:0;}
.Home .DefNews .abgne_tab .tab_container .tab_content > span { width:100%; padding:0 20px; height:70px; line-height:4.375rem; font-size:2rem; color:rgba(0,0,0,1); display:block; text-decoration:none; position:relative;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content.Active > span { color:rgba(0,0,0,1);}
.Home .DefNews .abgne_tab .tab_container .tab_content:not(:last-child) > span:before{ content:''; position:absolute; z-index:2; display:block; width:1px; height:30px; right:0; top:50%; margin-top:-15px; background:#ccc;}
.Home .DefNews .abgne_tab .tab_container .tab_content > span:after{ content:''; width:160px; height:8px; background:#ccc; position:absolute; left:50%; margin-left:-80px; bottom:-7px; display:block; opacity:0;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .DefNews .abgne_tab .tab_container .tab_content.Active > span:after{ background:var(--sub-color); opacity:1; }
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews { top:7rem;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul { width:calc(100% - 580px); position:absolute; top:7rem; right:0;}
.Home .DefNews .abgne_tab .tab_container .tab_content > a.More { width:calc(100% - 580px); position:absolute; right:0; bottom:0;}
.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText .Time ~ span { text-align:left;}

/*DefAds*/
.Home .Ani-Content2 .DefContent .DefAds { width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; padding-left:50%; opacity:0;}
.Home .Ani-Content2 .DefContent .DefAds > div { width:50%; height:auto; overflow:hidden; float:left; position:relative;}
.Home .Ani-Content2 .DefContent .DefAds > div iframe { position:absolute; width:100%; height:100%; z-index:2;}

.Home .Ani-Content2 .DefContent .DefAds > div:nth-child(5n+2),
.Home .Ani-Content2 .DefContent .DefAds > div:nth-child(5n+4) { clear:both;}
.Home .Ani-Content2 .DefContent .DefAds > div img { display:block; width:100%; height:auto; float:left; opacity:0;}
.Home .Ani-Content2 .DefContent .DefAds > div a { display:block; width:100%; height:auto; overflow:hidden; position:relative;}
.Home .Ani-Content2 .DefContent .DefAds > div a span.Title { position:absolute; width:auto; height:50px; display:inline-block; padding:10px; left:0; top:10px; z-index:2; color:#fff; font-size:1rem; border-bottom:2px solid #fff; padding-left:20px;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .Ani-Content2 .DefContent .DefAds > div a:hover span.Title { left:-100%;}
.Home .Ani_o .DefAds { opacity:1;}
.Home .Ani_o .DefAds > div a:before{ content:''; position:absolute; z-index:1; width:0; height:0; top:0; left:0; margin-top:50%; margin-left:50%; opacity:0; background:rgba(15,140,210,.9); z-index:2;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .Ani_o .DefAds > div a:hover:before { width:100%; height:100%; margin-top:0; margin-left:0;   opacity:1;}
.Home .Ani_o .DefAds > div a:after{ content:''; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; background: url(../Images/Layout/LogoSingle.png) center center no-repeat; z-index:2;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .Ani_o .DefAds > div a:hover:after { opacity:1;}
.Home .Ani-Content2 .DefContent .DefAds > div .iframe { position:absolute; width:100%; height:100%; z-index:1; opacity:1; top:0; left:0;}
.Home .Ani_o .DefAds > div:nth-child(1) iframe,
.Home .Ani_o .DefAds > div:nth-child(1) .iframe{animation: DefAds_Animation_1 1s forwards linear; width:100%; height:100%;}
@keyframes DefAds_Animation_1{
0%{ top:50%; left:50%; width:0; height:0;}
100%{ top:0; left:0; width:100%; height:100%;}}

.Home .Ani_o .DefAds > div:nth-child(2) iframe,
.Home .Ani_o .DefAds > div:nth-child(2) .iframe{animation: DefAds_Animation_2 1s forwards linear; width:100%; height:100%;}
@keyframes DefAds_Animation_2{
0%{ top:50%; left:50%; width:0; height:0;}
30%{ top:50%; left:50%; width:0; height:0;}
100%{ top:0; left:0; width:100%; height:100%;}}

.Home .Ani_o .DefAds > div:nth-child(3) iframe,
.Home .Ani_o .DefAds > div:nth-child(3) .iframe{animation: DefAds_Animation_3 1s forwards linear; width:100%; height:100%;}
@keyframes DefAds_Animation_3{
0%{ top:50%; left:50%; width:0; height:0;}
50%{ top:50%; left:50%; width:0; height:0;}
100%{ top:0; left:0; width:100%; height:100%;}}

.Home .Ani_o .DefAds > div:nth-child(4) iframe,
.Home .Ani_o .DefAds > div:nth-child(4) .iframe{animation: DefAds_Animation_4 1.5s forwards linear; width:100%; height:100%;}
@keyframes DefAds_Animation_4{
0%{ top:50%; left:50%; width:0; height:0;}
60%{ top:50%; left:50%; width:0; height:0;}
100%{ top:0; left:0; width:100%; height:100%;}}

.Home .Ani_o .DefAds > div:nth-child(5) iframe,
.Home .Ani_o .DefAds > div:nth-child(5) .iframe{animation: DefAds_Animation_5 1.5s forwards linear; width:100%; height:100%;}
@keyframes DefAds_Animation_5{
0%{ top:50%; left:50%; width:0; height:0;}
70%{ top:50%; left:50%; width:0; height:0;}
100%{ top:0; left:0; width:100%; height:100%;}}
.Home .Ani-Content2 .DefContent .DefAds > div:first-child { width:50%; position:absolute; top:0; left:0;}

/*DefLinks*/
.Home .Ani-Content2 .DefContent .DefLinks { width:100%; height:auto; overflow:hidden; margin:0 auto; float:left; padding:20px 0; background:rgba(255,255,255,1);}
.Home .Ani-Content2 .DefContent .DefLinks ul { width:100%; height:auto; max-width:81.25rem; padding:10px; overflow:hidden; margin:0 auto;
/*flex*/
display: flex; align-items: center;justify-content: center;}
.Home .Ani-Content2 .DefContent .DefLinks ul li { width:25%; height:auto; overflow:hidden;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .Ani-Content2 .DefContent .DefLinks ul li a { display:block; width:100%; height:auto; overflow:hidden; text-align:center; padding:20px;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;}
.Home .Ani-Content2 .DefContent .DefLinks ul li a:link,
.Home .Ani-Content2 .DefContent .DefLinks ul li a:visited { color:rgba(0,0,0,1);}
.Home .Ani-Content2 .DefContent .DefLinks ul li a:hover,
.Home .Ani-Content2 .DefContent .DefLinks ul li a:active { color:rgba(0,0,0,.9);}
/*針對無障礙設定*/
.Home .Ani-Content2 .DefContent .DefLinks ul li a:focus { color:darkblue;}
.Home .Ani-Content2 .DefContent .DefLinks ul li a > span { display:block; width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:20px; padding:30px;
/*圓角*/border-radius:100%;}
.Home .Ani-Content2 .DefContent .DefLinks ul li a > span:before { content:''; display:block; width:120%; height:20px; overflow:hidden; background:rgba(255,255,255,1); position:absolute; top:50%; margin-top:-10px; left:-10%; z-index:1;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;
/*旋轉*/
transform: rotate(-45deg);
transform-origin: center;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:hover a > span:before {
/*旋轉*/
transform: rotate(45deg);
transform-origin: center;}
.Home .Ani-Content2 .DefContent .DefLinks ul li a:focus > span:before { background:rgba(255,240,0,1);}
.Home .Ani-Content2 .DefContent .DefLinks ul li a > span:after { content:''; display:block; width:100%; height:100%; overflow:hidden; border:5px solid rgba(0,0,0,.1); position:absolute; top:0; left:0; z-index:0;
/*設定基本動畫效果*/
transition:all .5s, transform .5s;
/*圓角*/border-radius:100%;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:hover a > span:after { border:5px solid rgba(0,0,0,1);}
.Home .Ani-Content2 .DefContent .DefLinks ul li a > span > span  { display:block; max-width:100%; height:auto; position:relative; z-index:1;
/*圓角*/border-radius:100%;}
.Home .Ani-Content2 .DefContent .DefLinks ul li a > span > span img { display:block; max-width:100%; height:auto; position:relative;
/*圓角*/border-radius:100%;}
.Home .Ani-Content2.Ani_o .DefContent .DefLinks ul li:nth-child(1) {animation: MainNews_Animation_1 2s forwards linear;}
.Home .Ani-Content2.Ani_o .DefContent .DefLinks ul li:nth-child(2) {animation: MainNews_Animation_2 2s forwards linear;}
.Home .Ani-Content2.Ani_o .DefContent .DefLinks ul li:nth-child(3) {animation: MainNews_Animation_3 2s forwards linear;}

.Home .Ani-Content2.Ani_o .DefContent .DefLinks ul li:nth-child(4) {animation: MainNews_Animation_4 2s forwards linear;}
.Home .Ani-Content2.Ani_o .DefContent .DefLinks ul li:nth-child(5) {animation: MainNews_Animation_5 2s forwards linear;}
.Home .Ani-Content2.Ani_o .DefContent .DefLinks ul li:nth-child(6) {animation: MainNews_Animation_6 2s forwards linear;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(1) a > span > span { background:url(../Images/Layout/DefLink-1.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(2) a > span > span { background:url(../Images/Layout/DefLink-2.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(3) a > span > span { background:url(../Images/Layout/DefLink-3.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(4) a > span > span { background:url(../Images/Layout/DefLink-4.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(5) a > span > span { background:url(../Images/Layout/DefLink-5.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(6) a > span > span { background:url(../Images/Layout/DefLink-6.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Home .Ani-Content2 .DefContent .DefLinks ul li a span ~ p { font-size:1.5rem;}

.quick { display:inline-block; width:auto; height:auto; overflow:hidden; position:fixed; right:10px; bottom:10px; z-index:2; width:0; height:0; opacity:0; right:-200px; bottom:-20px; max-width:calc( 50vw - 10px );
transition:all .5s, transform .5s;
/*圓角*/
border-radius:5px;
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.3);
animation: quick_Ani 0.5s forwards linear;
animation-delay:3s;}
.quick > a { display:inline-block; width:auto; height:auto; overflow:hidden; float:right; padding:5px; background:#f8dc5e; color:#333; border:1px solid #999; text-decoration:none;/*圓角*/
border-radius:5px;
transition:all .5s, transform .5s;}
.quick > a:link,
.quick > a:visited { color:rgba(0,0,0,1);}
.quick > a:hover,
.quick > a:active { color:rgba(0,0,0,.9); background:yellow;}
/*針對無障礙設定*/
.quick > a:focus { color:darkblue; background:yellow;}
form[action="./guide.aspx"] .quick { display:none;}
.quick > .guide { display:block; width:100%; max-width:6.5rem; height:auto; overflow:hidden; float:left; margin:0 auto; padding:0; margin-left:calc( 100% - 6.5rem );
/*flex*/
display: flex; justify-content: center; flex-wrap:wrap;}
.quick > .guide * { padding:0; margin:0; list-style:none; text-decoration:none;}
.quick > .guide li { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; clear:both; border-radius:100%; margin-bottom:0;
/*flex*/
display: flex; align-items: center;flex-wrap:wrap;}
.quick > .guide li a { display:block; width:100%; text-align:center; font-size:0.8em;
 border-radius:100%;
/*基礎動畫設定*/
transition:all .5s, transform .5s;}
.quick > .guide li:nth-child(1) { width:5.5rem; height:5.5rem; line-height:5.5rem; margin-right:1rem;}
.quick > .guide li:nth-child(1) a { width:5.5rem; height:5.5rem; line-height:5.5rem;}
.quick > .guide li:nth-child(1) a:link,
.quick > .guide li:nth-child(1) a:visited {  background:#e95377; color:#fff;}
.quick > .guide li:nth-child(1) a:hover,
.quick > .guide li:nth-child(1) a:active { background:var(--main-color); color:#fff;}
/*針對無障礙設定*/
.quick > .guide li:nth-child(1) a:focus{ color:darkblue; background:yellow;}
.quick > .guide li:nth-child(2) { width:4.5rem; height:4.5rem; line-height:4.5rem; margin-left:2rem;}
.quick > .guide li:nth-child(2) a { width:4.5rem; height:4.5rem; line-height:4.5rem;}
.quick > .guide li:nth-child(2) a:link,
.quick > .guide li:nth-child(2) a:visited {  background:#0081c0; color:#fff;}
.quick > .guide li:nth-child(2) a:hover,
.quick > .guide li:nth-child(2) a:active { background:var(--main-color); color:#fff;}
/*針對無障礙設定*/
.quick > .guide li:nth-child(2) a:focus{ color:darkblue; background:yellow;}
.quick > .guide li:nth-child(3) { width:5rem; height:5rem; line-height:5rem; margin-right:1.5em;}
.quick > .guide li:nth-child(3) a { width:5rem; height:5rem; line-height:5rem;}
.quick > .guide li:nth-child(3) a:link,
.quick > .guide li:nth-child(3) a:visited {  background:#e46b02; color:#fff;}
.quick > .guide li:nth-child(3) a:hover,
.quick > .guide li:nth-child(3) a:active { background:var(--main-color); color:#fff;}
/*針對無障礙設定*/
.quick > .guide li:nth-child(3) a:focus{ color:darkblue; background:yellow;}
.quick > .guide li:nth-child(4) { width:3.5rem; height:3.5rem; line-height:3.5rem; margin-left:3rem;}
.quick > .guide li:nth-child(4) a { width:3.5rem; height:3.5rem; line-height:3.5rem;}
.quick > .guide li:nth-child(4) a:link,
.quick > .guide li:nth-child(4) a:visited {  background:#009481; color:#fff;}
.quick > .guide li:nth-child(4) a:hover,
.quick > .guide li:nth-child(4) a:active { background:var(--main-color); color:#fff;}
/*針對無障礙設定*/
.quick > .guide li:nth-child(4) a:focus{ color:darkblue; background:yellow;}
.quick > .guide li:nth-child(5) { width:4rem; height:4rem; line-height:4rem; margin-right:2.5rem;}
.quick > .guide li:nth-child(5) a { width:4rem; height:4rem; line-height:4rem;}
.quick > .guide li:nth-child(5) a:link,
.quick > .guide li:nth-child(5) a:visited {  background:#4d4586; color:#fff;}
.quick > .guide li:nth-child(5) a:hover,
.quick > .guide li:nth-child(5) a:active { background:var(--main-color); color:#fff;}
/*針對無障礙設定*/
.quick > .guide li:nth-child(5) a:focus{ color:darkblue; background:yellow;}

.quick > .guide + a { width:4rem; height:4rem; line-height:4rem; margin-left:2.5rem; font-size:0.8em; text-align:center;
 border-radius:100%;}
.quick > .guide + a:link,
.quick > .guide + a:visited {  background:#390912; color:#fff;}
.quick > .guide + a:hover,
.quick > .guide + a:active { background:var(--main-color); color:#fff;}
/*針對無障礙設定*/
.quick > .guide + a:focus{ color:darkblue; background:yellow;}

.quick.close .guide,
.quick.close > .guide + a,
.quick .guide,
.quick > .guide + a{ display:none;}

.quick.open .guide,
.quick.open > .guide + a{ display:block;}
.quick.open .quick-open{ display:none;}

@keyframes quick_Ani{
0%{  width:0; height:0; opacity:0; right:-200px; bottom:-20px;}
100%{  width:auto; height:auto; opacity:1; right:10px; bottom:10px;}}

.Home .Ani-Content2 .DefContent .DefGuide { display:block; width:100%; height:auto; overflow:hidden; background:#eee;}
.Home .Ani-Content2 .DefContent .DefGuide h2 { display:block; width:100%; height:auto; overflow:hidden; text-align:center; margin:0; margin-top:20px; position:relative; padding-bottom:14px;}
.Home .Ani-Content2 .DefContent .DefGuide h2:before { content:''; display:block; width:120px; position:absolute; left:50%; margin-left:-60px; height:4px; bottom:0; background:var(--main-color);}
.Home .Ani-Content2 .DefContent .DefGuide > ul { display:block; width:100%; height:auto; overflow:hidden; max-width:81.25rem; margin:20px auto; padding:0 10px;
display: flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li { display:block; width:calc( 33.33% - 10px ); height:auto; overflow:hidden;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li a { display:block; width:100%; height:auto; overflow:hidden; background:var(--main-color); padding:20px; font-size:1.5rem; line-height:1;
transition:all .5s;
/*圓角*/
border-radius:20px;
display: flex;
align-items:center;
flex-wrap:wrap;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li a:link,
.Home .Ani-Content2 .DefContent .DefGuide > ul > li a:visited { color:#fff;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li a:hover,
.Home .Ani-Content2 .DefContent .DefGuide > ul > li a:active { background:var(--sub-color); color:#fff;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li a:before { content:''; display:block; width:5vw; height:5vw; overflow:hidden; float:left; margin-right:10px;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li:nth-child(1) a:before { background:url(../Images/Layout/DefGuide.png) left top no-repeat; background-size:auto 100%;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li:nth-child(2) a:before { background:url(../Images/Layout/DefGuide.png) center top no-repeat; background-size:auto 100%;}
.Home .Ani-Content2 .DefContent .DefGuide > ul > li:nth-child(3) a:before { background:url(../Images/Layout/DefGuide.png) right top no-repeat; background-size:auto 100%;}

/*==========================1280==========================*/
@media screen and (max-width:80rem) and (min-height: 0) {
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul { padding-left:20px;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li { padding-left:0; font-size:1.25rem; padding-bottom:0;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag { display:none;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText { padding-left:0;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText .Time { /*display:none;*/ position:static; font-size:0.6em; width:auto; height:auto; top:auto; left:auto; line-height:0.9375rem; text-align:left;}
	.Home .Ani-Content2 .DefContent .DefAds > div a span.Title { top:0;}
	}
/*==========================1024==========================*/
@media screen and (max-width:64rem) and (min-height: 0) {
	.Home .DefNews .abgne_tab .tab_container .tab_content > span { font-size:1rem;}
	.Home .DefNews .abgne_tab .tab_container { min-height:62rem;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews { left:50%; margin-left:-290px;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul { width:100%; top:32rem;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul { padding:0 20px; margin-bottom:20px;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li { padding:10px 0; margin-bottom:0;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText { padding:0;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li a.Tag ~ .NewsText .Time { position:static; width:100%; top:auto; left:auto; text-align:left; font-size:1rem; line-height:1.5rem; display:block;}
	.Home .DefNews .abgne_tab .tab_container .tab_content > a.More { width:100%;}
	.Home .Content > .Ani-Content2 { opacity:1;}
	.Home .Ani_o .DefAds > div:nth-child(1) iframe,
	.Home .Ani_o .DefAds > div:nth-child(1) .iframe,
	.Home .Ani_o .DefAds > div:nth-child(2) iframe,
	.Home .Ani_o .DefAds > div:nth-child(2) .iframe,
	.Home .Ani_o .DefAds > div:nth-child(3) iframe,
	.Home .Ani_o .DefAds > div:nth-child(3) .iframe,
	.Home .Ani_o .DefAds > div:nth-child(4) iframe,
	.Home .Ani_o .DefAds > div:nth-child(4) .iframe,
	.Home .Ani_o .DefAds > div:nth-child(5) iframe,
	.Home .Ani_o .DefAds > div:nth-child(5) .iframe{animation:none; top:0; left:0;}
	.Home .Ani-Content2 .DefContent .DefAds > div a span.Title { border:0; padding:10px;}
	.Home .Ani-Content2 .DefContent .DefLinks ul li a > span { padding:10px;}
	
	.FixedAds { min-width:0; width:20%; width:200px;}
    .FixedAds ~ .Wrapper { padding-bottom:140px;}
    .FixedAds[style="display:none;"] ~ .Wrapper { padding-bottom:0;}
    .FixedAds ~ .Wrapper.WrapperClose { padding-bottom:45px;}

	}
/*==========================960==========================*/
@media screen and (max-width:60rem) and (min-height: 0) {
	.Home .Ani-Content2 .DefContent .DefAds { padding-left:0;}
	.Home .Ani-Content2 .DefContent .DefAds > div:first-child { width:100%; position:static; top:auto; left:auto;}
	}
/*==========================840==========================*/
@media screen and (max-width:52.5rem) and (min-height: 0) {
	.Content > .Ani-Content2 > * > *:nth-child(1).guide { max-width:calc( 80vw + 20px ) ;}
	.Content > .Ani-Content2 > * > *:nth-child(1).guide li { width:40vw; height:40vw; margin:0 5px; margin-bottom:10px;}
	.Content > .Ani-Content2 > * > *:nth-child(1).guide li a { width:100%; height:40vw; line-height:40vw; font-size:1.2em;}
	}
/*==========================768==========================*/
@media screen and (max-width:48rem) and (min-height: 0) {
	/*Header設定*/
	.Home .Header { background:var(--main-color);}
	.Home .Content.HomeContent { padding-top:80px;}	
	.Home .Content.HomeContent > .Ani-Content .DefHotNews { padding-left:120px;}
	.Home .Content.HomeContent > .Ani-Content .DefHotNews > span { width:120px; text-align:center; padding:0; background:none;}
	.Home .DefNews .abgne_tab { opacity:1;}	
	.Home .DefNews .abgne_tab .tabs li { width:auto; height:50px;}
	.Home .DefNews .abgne_tab .tabs li a { height:50px; line-height:3.125rem; font-size:1rem; padding:0 10px;}
	.Home .DefNews .abgne_tab .tabs li:after { bottom:-6px; height:4px; width:100%; left:0; margin:0;}
	.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews {animation:none;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul { padding:0 10px;}
	.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(1),
	.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(2),
	.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(3),
	.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(4),
	.Home .Ani_o .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:nth-child(5) {animation:none;}
	.Home .Ani-Content2 .DefContent .DefLinks { padding:10px 0;}
	.Home .Ani-Content2 .DefContent .DefLinks ul li a { padding:0.5rem;}
	.Home .Ani-Content2 .DefContent .DefLinks ul li a span ~ p { font-size:1rem;}
	.FixedAds {width:30%; padding:5px; width:210px;}
    .FixedAds ~ .Wrapper { padding-bottom:140px;}
    .FixedAds[style="display:none;"] ~ .Wrapper { padding-bottom:0;}
    .FixedAds ~ .Wrapper.WrapperClose { padding-bottom:45px;}
	.Home .DefNews .abgne_tab .tab_container:before { top:54px;}
	.Home .DefNews .abgne_tab .tab_container { min-height:52rem;}
	.Home .DefNews .abgne_tab .tab_container .tab_content { width:100px; width:130px; width:auto;}
	.Home .DefNews .abgne_tab .tab_container .tab_content > span{ height:50px; line-height:3.125rem; font-size:1rem; padding:0 10px;}
	.Font-Large .Home .DefNews .abgne_tab .tab_container .tab_content > span { line-height:2.08333333rem;}
	.Font-Medium .Home .DefNews .abgne_tab .tab_container .tab_content > span { line-height:2.5rem;}
	.Font-Small .Home .DefNews .abgne_tab .tab_container .tab_content > span { line-height:3.215rem;}
	.Home .DefNews .abgne_tab .tab_container .tab_content > span:after { bottom:-6px; height:4px; width:100%; left:0; margin:0;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews { width:320px; margin-left:-160px;}
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul { top:22rem;}
	}
/*==========================600==========================*/
@media screen and (max-width:37.5rem) and (min-height: 0) {
	.Home .DefNews .abgne_tab .tab_container .tab_content .MainNews a span { padding:10px; padding-top:60px;}
	.Home .Ani-Content2 .DefContent .DefAds > div a span.Title { font-size:0.75rem;}
	.Home .Ani-Content2 .DefContent .DefLinks ul { display:block; padding:10px 40px;}
	.Home .Ani-Content2 .DefContent .DefLinks ul li { width:50%; display:block; margin-bottom:10px; float:left;}
	.Home .DefNews .abgne_tab .tab_container .tab_content > span{ font-size:0.7rem;}
	.Font-Large .Home .DefNews .abgne_tab .tab_container .tab_content > span{ font-size:0.6rem;}
	
	.Home .Ani-Content2 .DefContent .DefGuide > ul > li {width: calc( 33.33% - 5px );}
	.Home .Ani-Content2 .DefContent .DefGuide > ul > li a { padding:10px;}
	.Home .Ani-Content2 .DefContent .DefGuide > ul > li a:before { margin-right:5px;}
	
	}
/*==========================512==========================*/
@media screen and (max-width:32rem) and (min-height: 0) {
	.Home .Content.HomeContent > .Ani-Content .DefHotNews { padding-left:0;}
	.Home .Content.HomeContent > .Ani-Content .DefHotNews > span { display:none;}
	.Home .DefNews .abgne_tab .tabs li:after { width:100%; left:0; margin:0;}
	.FixedAds {width:40%; width:150px;}
	.FixedAds ~ .Wrapper { padding-bottom:110px;}
    .FixedAds[style="display:none;"] ~ .Wrapper { padding-bottom:0;}
    .FixedAds ~ .Wrapper.WrapperClose { padding-bottom:45px;}
	
	
	.Home .Ani-Content2 .DefContent .DefGuide > ul { padding:10px 40px ;}
	.Home .Ani-Content2 .DefContent .DefGuide > ul > li {width:100%; margin-bottom:10px;}
	.Home .Ani-Content2 .DefContent .DefGuide > ul > li:last-child { margin-bottom:0;}
	.Home .Ani-Content2 .DefContent .DefGuide > ul > li a { padding:20px;}
	.Home .Ani-Content2 .DefContent .DefGuide > ul > li a:before { margin-right:10px;}
	}
/*==========================420==========================*/
@media screen and (max-width:26.25rem) and (min-height: 0) {
	.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a { padding-right:10px;}
	.Home .Content.HomeContent > .Ani-Content .DefHotNews ul li a .Time { display:none;}
}
/*==========================400==========================*/
@media screen and (max-width:25rem) and (min-height: 0) {
	.Home .Ani-Content2 .DefContent .DefLinks ul { padding:20px;}
	}
/*==========================360==========================*/
@media screen and (max-width:22.5rem) and (min-height: 0) {
	.Home .DefNews .abgne_tab .tab_container .tab_content > span{ padding:0 5px;}
	}
/*==========================HOME各節慶主題設定START===========================*/
/*平日*/
.Default .Home .Header { background:none;
/*陰影*/
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0);}
/*春節*/
.Spring .Home .Header {
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
/*端午*/
.Festival .Home .Header {
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
/*中秋*/
.MidMoon .Home .Header {
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
/*靛藍*/
.Blue .Home .Header {
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
/*夜黑*/
.Dark .Home .Header {
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
*Home.WrapperFixed Header*/
/*平日*/
.Default .Home.WrapperFixed .Header { background:var(--main-color);
/*陰影*/box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
/*春節*/
.Spring .Home.WrapperFixed .Header { background:url(../Images/Layout/Header_Spring.jpg) top left no-repeat, rgba(215,60,100,.9);}
/*端午*/
.Festival .Home.WrapperFixed .Header { background:url(../Images/Layout/Header_Festival.jpg) top left no-repeat, rgba(60,110,80,.9);}
/*中秋*/
.MidMoon .Home.WrapperFixed .Header { background:url(../Images/Layout/Header_MidMoon.jpg) top left no-repeat,  rgba(0,60,150,.9);}
/*814空軍節*/
.A814 .Home.WrapperFixed .Header { background:url(../Images/Layout/Header_814.jpg) top left no-repeat, top left no-repeat, var(--main-color);}
/*93軍人節*/
.A93 .Home.WrapperFixed .Header { background:url(../Images/Layout/Header_93.jpg) top left no-repeat, top left no-repeat, var(--main-color);}
/*靛藍*/
.Blue .Home.WrapperFixed .Header { background:rgba(15,40,100,.9);}
/*夜黑*/
.Dark .Home.WrapperFixed .Header { background:rgba(60,50,40,.9);}


/*Home .Content.HomeContent*/
.Spring .Home .Content.HomeContent,
.Festival .Home .Content.HomeContent,
.MidMoon .Home .Content.HomeContent,
.Blue .Home .Content.HomeContent,
.Dark .Home .Content.HomeContent,
.A814 .Home .Content.HomeContent,
.A93 .Home .Content.HomeContent{ padding-top:100px;}

/*DefHotNews*/
/*平日*/
.Default .Home .Content.HomeContent > .Ani-Content .DefHotNews { background:url(../Images/Layout/HotNews.jpg) center center no-repeat, var(--main-color);}
/*春節*/
.Spring .Home .Content.HomeContent > .Ani-Content .DefHotNews { background:url(../Images/Layout/HotNews_Spring.jpg) center center no-repeat, rgba(215,60,100,1);}
/*端午*/
.Festival .Home .Content.HomeContent > .Ani-Content .DefHotNews { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Home .Content.HomeContent > .Ani-Content .DefHotNews { background:url(../Images/Layout/HotNews_DarkBlue.jpg) center center no-repeat, rgba(0,60,150,1);}
/*靛藍*/
.Blue .Home .Content.HomeContent > .Ani-Content .DefHotNews { background:url(../Images/Layout/HotNews_DarkBlue.jpg) center center no-repeat, rgba(15,40,100,1);}
/*夜黑*/
.Dark .Home .Content.HomeContent > .Ani-Content .DefHotNews { background:rgba(60,50,40,1);}

/*tab*/
/*平日*/
.Default .Home .DefNews .abgne_tab .tabs li.active:after,
.Default .Home .DefNews .abgne_tab .tabs li.active:hover:after { background:var(--main-color);}
/*春節*/
.Spring .DefNews .abgne_tab .tabs li.active:after,
.Spring .Home .DefNews .abgne_tab .tabs li.active:hover:after{ background:rgba(215,60,100,1);}
/*端午*/
.Festival .Home .DefNews .abgne_tab .tabs li.active:after,
.Festival .Home .DefNews .abgne_tab .tabs li.active:hover:after { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Home .DefNews .abgne_tab .tabs li.active:after,
.MidMoon .Home .DefNews .abgne_tab .tabs li.active:hover:after { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Home .DefNews .abgne_tab .tabs li.active:after,
.Blue .Home .DefNews .abgne_tab .tabs li.active:hover:after { background:rgba(15,40,100,1);}

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

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

/*平日*/
.Default .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag,
.Default .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:hover,
.Default .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:active { background:var(--main-color);}
/*春節*/
.Spring .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag,
.Spring .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:hover,
.Spring .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:active { background:rgba(215,60,100,1);}
/*端午*/
.Festival .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag,
.Festival .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:hover,
.Festival .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:active { background:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag,
.MidMoon .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:hover,
.MidMoon .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:active { background:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag,
.Blue .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:hover,
.Blue .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:active { background:rgba(15,40,100,1);}
/*夜黑*/
.Dark .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag,
.Dark .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:hover,
.Dark .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag:active { background:rgba(255,255,255,1); color:rgba(60,50,40,1);}

/*平日*/
.Default .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time,
.Default .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time ~ span { color:var(--main-color);}
/*春節*/
.Spring .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time,
.Spring .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time ~ span { color:rgba(215,60,100,1);}
/*端午*/
.Festival .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time,
.Festival .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time ~ span { color:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time,
.MidMoon .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time ~ span { color:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time,
.Blue .Home .DefNews .abgne_tab .tab_container .tab_content .MainNews ~ ul li:hover a.Tag ~ .NewsText .Time ~ span { color:rgba(15,40,100,1);}

/*平日*/
.Default .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:hover,
.Default .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:active  { color:var(--main-color);}
/*春節*/
.Spring .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:hover,
.Spring .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:active  { color:rgba(215,60,100,1);}
/*端午*/
.Festival .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:hover,
.Festival .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:active  { color:rgba(60,110,80,1);}
/*中秋*/
.MidMoon .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:hover,
.MidMoon .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:active  { color:rgba(0,60,150,1);}
/*靛藍*/
.Blue .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:hover,
.Blue .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:active  { color:rgba(15,40,100,1);}
/*夜黑*/
.Dark .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:hover,
.Dark .Home .DefNews .abgne_tab .tab_container .tab_content > a.More:active { color:rgba(255,255,255,.7);}

/*DefAds*/
/*平日*/
.Default .Home .Ani_o .DefAds > div a:before  { background: url(../Images/Layout/LogoSingle.png) center center no-repeat, rgba(0,115,190,.7);}
/*春節*/
.Spring .Home .Ani_o .DefAds > div a:before  { background: url(../Images/Layout/LogoSingle.png) center center no-repeat, rgba(215,60,100,.7);}
/*端午*/
.Festival .Home .Ani_o .DefAds > div a:before  { background: url(../Images/Layout/LogoSingle.png) center center no-repeat, rgba(60,110,80,.7);}
/*中秋*/
.MidMoon .Home .Ani_o .DefAds > div a:before  { background: url(../Images/Layout/LogoSingle.png) center center no-repeat, rgba(0,60,150,.7);}
/*靛藍*/
.Blue .Home .Ani_o .DefAds > div a:before  { background: url(../Images/Layout/LogoSingle.png) center center no-repeat, rgba(15,40,100,.7);}
/*夜黑*/
.Dark .Home .Ani_o .DefAds > div a:before { background: url(../Images/Layout/LogoSingle.png) center center no-repeat, rgba(60,50,40,.7);}

/*DefAds*/
/*平日*/
.Default .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(1) a > span > span { background:url(../Images/Layout/DefLink-1.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Default .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(2) a > span > span { background:url(../Images/Layout/DefLink-2.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Default .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(3) a > span > span { background:url(../Images/Layout/DefLink-3.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Default .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(4) a > span > span { background:url(../Images/Layout/DefLink-4.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Default .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(5) a > span > span { background:url(../Images/Layout/DefLink-5.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Default .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(6) a > span > span { background:url(../Images/Layout/DefLink-6.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}

/*春節*/
.Spring .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(1) a > span > span { background:url(../Images/Layout/DefLink_S-1.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Spring .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(2) a > span > span { background:url(../Images/Layout/DefLink_S-2.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Spring .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(3) a > span > span { background:url(../Images/Layout/DefLink_S-3.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Spring .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(4) a > span > span { background:url(../Images/Layout/DefLink_S-4.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Spring .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(5) a > span > span { background:url(../Images/Layout/DefLink_S-5.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Spring .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(6) a > span > span { background:url(../Images/Layout/DefLink_S-6.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
/*端午*/
.Festival .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(1) a > span > span { background:url(../Images/Layout/DefLink_F-1.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Festival .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(2) a > span > span { background:url(../Images/Layout/DefLink_F-2.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Festival .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(3) a > span > span { background:url(../Images/Layout/DefLink_F-3.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Festival .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(4) a > span > span { background:url(../Images/Layout/DefLink_F-4.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Festival .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(5) a > span > span { background:url(../Images/Layout/DefLink_F-5.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Festival .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(6) a > span > span { background:url(../Images/Layout/DefLink_F-6.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
/*中秋*/
.MidMoon .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(1) a > span > span { background:url(../Images/Layout/DefLink_M-1.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.MidMoon .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(2) a > span > span { background:url(../Images/Layout/DefLink_M-2.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.MidMoon .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(3) a > span > span { background:url(../Images/Layout/DefLink_M-3.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.MidMoon .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(4) a > span > span { background:url(../Images/Layout/DefLink_M-4.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.MidMoon .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(5) a > span > span { background:url(../Images/Layout/DefLink_M-5.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.MidMoon .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(6) a > span > span { background:url(../Images/Layout/DefLink_M-6.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
/*靛藍*/
.Blue .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(1) a > span > span { background:url(../Images/Layout/DefLink_B-1.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Blue .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(2) a > span > span { background:url(../Images/Layout/DefLink_B-2.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Blue .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(3) a > span > span { background:url(../Images/Layout/DefLink_B-3.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Blue .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(4) a > span > span { background:url(../Images/Layout/DefLink_B-4.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Blue .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(5) a > span > span { background:url(../Images/Layout/DefLink_B-5.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Blue .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(6) a > span > span { background:url(../Images/Layout/DefLink_B-6.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
/*夜黑*/
.Dark .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(1) a > span > span { background:url(../Images/Layout/DefLink_D-1.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Dark .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(2) a > span > span { background:url(../Images/Layout/DefLink_D-2.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Dark .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(3) a > span > span { background:url(../Images/Layout/DefLink_D-3.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Dark .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(4) a > span > span { background:url(../Images/Layout/DefLink_D-4.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Dark .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(5) a > span > span { background:url(../Images/Layout/DefLink_D-5.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
.Dark .Home .Ani-Content2 .DefContent .DefLinks ul li:nth-child(6) a > span > span { background:url(../Images/Layout/DefLink_D-6.png) center center no-repeat;
/*背景圖片尺寸*/
background-size:contain;}
/*==========================1280==========================*/
@media screen and (max-width:80rem) and (min-height: 0) {
	.Spring .Home .Content.HomeContent,
	.Festival .Home .Content.HomeContent,
	.MidMoon .Home .Content.HomeContent,
	.Blue .Home .Content.HomeContent,
	.Dark .Home .Content.HomeContent,
	.A814 .Home .Content.HomeContent,
	.A93 .Home .Content.HomeContent{ padding-top:80px;}
}
/*==========================768==========================*/
@media screen and (max-width:48rem) and (min-height: 0) {
	/*平日*/
	.Default .Home .Header { background:var(--main-color);}
	/*春節*/
	.Spring .Home .Header,
	.Spring .Home.WrapperFixed .Header{background:url(../Images/Layout/Header_Spring_m.jpg) left center no-repeat, rgba(215,60,100,.9);}
	/*端午*/
	.Festival .Home .Header,
	.Festival .Home.WrapperFixed .Header{ background:url(../Images/Layout/Header_Festival_m.jpg) left center no-repeat, rgba(60,110,80,.9);}
	/*中秋*/
	.MidMoon .Home .Header,
	.MidMoon .Home.WrapperFixed .Header{ background:url(../Images/Layout/Header_MidMoon_m.jpg) left center no-repeat, rgba(0,60,150,.9);}
	/*靛藍*/
	.Blue .Home .Header { background:rgba(15,40,100,.9);}
	/*夜黑*/
	.Dark .Home .Header { background:rgba(60,50,40,.9);}
}