*{font-family:"Noto Sans TC",Poppins,Arimo sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}
:root{--color-font-grey-10:#262626;--color-font-grey-20:#494949;--color-white:#ffffff;--color-font-grey-40:#ededed;--color-font-grey-50:#f2f2f2;--primary-color-blue-30:#003168;--primary-color-blue-20:#1888f0}
@media screen and (max-width:1280px){.show-pc{display:none!important}
}
@media screen and (max-width:600px){.hide-mobile{display:none!important}
}
@media screen and (min-width:601px){.show-mobile{display:none!important}
}
.container{width:100%;max-width:1280px;margin:0 auto}
header{height:80px;padding-left:80px;padding-right:80px;justify-content:space-between;position:fixed;display:flex;left:0;right:0;top:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:solid 1px var(--color-white);background-color:rgba(255,255,255,.6);border-bottom:1px solid #fff;transition:.2s}
header.open{border-bottom:none;background-color:var(--color-white)}
header .overlay{position:absolute;top:80px;left:0;right:0;height:100vh;background-color:rgba(0,0,0,.3);z-index:-1}
header .overlay:not(.show){display:none!important}
header>a{align-self:center}
header>a img{height:60px;width:200px}
header>nav{display:flex}
header>nav>a,header>nav>span{display:flex;align-items:center;cursor:pointer;font-size:18px;color:var(--color-font-grey-20);border-top:2px solid transparent;border-bottom:2px solid transparent}
header>nav>span.active{border-bottom-color:var(--primary-color-blue-20)}
header>nav *+*{margin-left:40px}
header>.submenu{position:fixed;top:100%;left:0;right:0;background-color:rgba(0,0,0,.3)}
header>.submenu:not(.show){display:none}
header>.submenu>nav{width:100%;display:flex;box-shadow:0 8px 15px 0 rgba(0,0,0,.15);border-top:solid 1px var(--color-font-grey-40);background-color:var(--color-white)}
header>.submenu>nav>a{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:32px 80px}
header>.submenu>nav>a>img{align-self:flex-start;width:100px}
header>.submenu>nav>a>div{display:flex;align-items:center;justify-content:space-between}
header>.submenu>nav>a>div>div{margin-top:8px;display:flex;flex-direction:column}
header>.submenu>nav>a>div>div>span:nth-child(1){font-size:28px;font-weight:700;color:var(--color-font-grey-10)}
header>.submenu>nav>a>div>div>span:nth-child(2){margin-top:8px;font-family:Poppins;font-size:16px;color:var(--color-font-grey-20)}
header>.submenu>nav>a>div>img{height:40px}
header>.submenu>nav>a+a{border-left:1px solid var(--color-font-grey-40)}
footer{background-color:#eff7ff;padding-top:80px;padding-bottom:76px}
footer>.container>a>img{height:60px;width:200px}
footer>.container>div{margin-top:20px;display:flex;align-items:center;justify-content:space-between;position:relative}
footer>.container>div>h2{font-family:Poppins;font-size:32px;line-height:normal;color:var(--color-font-grey-10)}
footer>.container>div>h2 em{margin-bottom:2px;color:var(--primary-color-blue-20);text-transform:uppercase}
footer>.container>div>address{width:600px;display:flex;flex-direction:column;justify-content:space-between;padding:43px 60px;background-color:var(--color-white);border-radius:20px}
footer>.container>div>address>.line{position:absolute;right:0;bottom:calc(100% + 32px)}
footer>.container>div>address>ul>li>a{display:flex;align-items:center;font-family:"Noto Sans TC";font-size:16px;text-align:left;color:var(--color-font-grey-10)}
footer>.container>div>address>ul>li>a>img{margin-right:10px;width:24px}
footer>.container>div>address>ul>li+li{margin-top:20px}
footer>.container>nav{margin-top:68px;display:flex}
footer>.container>nav>a,footer>.container>nav>p{font-family:"Noto Sans TC";font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;opacity:.6;color:var(--primary-color-blue-30)}
footer>.container>nav>a+a{margin-left:40px}
footer>.container>nav>p{margin-left:auto}
#splash{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-white)}
#splash:not(.show){display:none}
#splash>p{font-family:Poppins;font-size:40px;font-weight:700;line-height:1.8;text-align:left;color:var(--color-font-grey-10);text-align:center;overflow:hidden}
#splash>p span{display:inline-block}
#splash>img{width:202px}
@media screen and (max-width:1280px){.container{width:auto;margin-left:40px;margin-right:40px}
header{padding-left:40px;padding-right:40px}
header>.submenu>nav>a{padding:32px}
header>.submenu>nav>a>img{width:80px}
header>.submenu>nav>a>div>div>span:nth-child(1){font-size:20px}
header>.submenu>nav>a>div>div>span:nth-child(2){margin-top:4px;font-size:12px}
header>.submenu>nav>a>div>img{height:32px}
footer{padding-bottom:40px;position:relative}
footer>.container>a>img{margin-left:40px}
footer>.container>div{margin-top:68px;flex-direction:column;align-items:stretch;position:static}
footer>.container>div>h2{margin-left:40px}
footer>.container>div>address{margin-top:68px;width:auto;border-radius:20px;background-color:var(--color-white);padding:40px 60px}
footer>.container>div>address>.line{right:40px;top:92px;bottom:auto}
footer>.container>div>address>a>img{margin-right:8px}
footer>.container>div>address>a+a{margin-top:21px}
footer>.container>nav>a+a{margin-left:20px}
}
@media screen and (min-width:600px){
	header>nav{
		height: 79px;
	}
}

@media screen and (max-width:600px){
	.container{margin-left:24px;margin-right:24px}
	header .overlay{top:60px}
	header>a img{height:48px}
	header>img{margin-top:auto;margin-bottom:auto;margin-left:auto;height:40px;cursor:pointer}
	header>nav{display:none;position:absolute;left:0;right:0;top:60px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px 24px 40px;background-color:var(--color-white);z-index:999}
	header>nav.show{display:flex}
	header>nav>span{border-top:none;border-bottom:none}
	header>nav>span.active{display:flex;align-items:center}
	header>nav>span.active::before{content:"";margin-right:8px;display:block;width:4px;height:17px;background-color:var(--primary-color-blue-20)}
	header>nav *+*{margin-left:0}
	header>.submenu{top:calc(100% + 160px)}
	header>.submenu>nav{display:grid;grid-template-columns:1fr 1fr}
	header>.submenu>nav>a>img{width:60px}
	header>.submenu>nav>a>div>div>span:nth-child(1){font-size:18px}
	header>.submenu>nav>a+a{border-left:none}
	header>.submenu>nav>a:nth-child(odd){border-right:1px solid var(--color-font-grey-40)}
	header>.submenu>nav>a:not(.no-border-bottom){border-bottom:1px solid var(--color-font-grey-40)}
	footer{padding-top:60px;padding-bottom:40px}
	footer>.container>a>img{margin-left:4px}
	footer>.container>div{flex-direction:column;align-items:stretch}
	footer>.container>div>h2{margin-left:4px;font-size:26px}
	footer>.container>div>address{margin-top:40px;width:auto;background-color:var(--color-white);padding:40px 20px}
	footer>.container>div>address>.line{right:32px;top:72px}
	footer>.container>div>address>a>img{margin-right:8px}
	footer>.container>div>address>a+a{margin-top:21px}
	footer>.container>nav{flex-wrap:wrap;justify-content:space-between}
	footer>.container>nav>a+a{margin-left:28px}
	footer>.container>nav>p{flex:1 0 100%;margin-left:0;margin-top:24px;text-align:center}
}
img.show-mobile.menu{width:50px}
.white{color: white !important;}
a {text-decoration: none !important;}