﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--header-h: 64px;--sticky-offset: var(--header-h)}@media screen and (min-width: 1260px){:root{--header-h: 90px}}@media screen and (max-width: 1023px){:root:has(#sub_menu){--sticky-offset: calc(var(--header-h) + 48px)}}.menu_locked{overflow:hidden}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}html,body{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--sticky-offset)}body{position:relative;font-family:"微軟正黑體","Microsoft JhengHei","Adobe 繁黑體 Std B","儷黑 Pro",Arial}@media(prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}}#header_wrap{position:fixed;left:0;top:0;right:0;height:var(--header-h);z-index:999;transition:background-color .5s ease}#header_wrap.scroll,#header_wrap.menu_open{background-color:#000}#header_panel{position:relative;height:var(--header-h);border-bottom:1px solid #fff;margin-left:16px;margin-right:16px}.scroll #header_panel,.menu_open #header_panel{border-bottom:0}@media screen and (min-width: 1260px){#header_panel{margin-left:30px;margin-right:30px;min-width:1200px}}.home_link{position:absolute;display:block;width:128px;height:41px;top:calc((var(--header-h) - 41px)/2);left:0;background:url(/images/header_logo.png) 0 0 no-repeat;text-indent:-999px;overflow:hidden}@media screen and (min-width: 1260px){.home_link{top:24px}}.menu_toggle{position:absolute;right:-10px;top:50%;width:44px;height:44px;margin-top:-22px;padding:0;border:0;background:rgba(0,0,0,0);cursor:pointer}.menu_toggle span{display:block;width:24px;height:2px;margin:5px auto;background:#fff;transition:transform .2s ease,opacity .2s ease}.menu_open .menu_toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu_open .menu_toggle span:nth-child(2){opacity:0}.menu_open .menu_toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media screen and (min-width: 1260px){.menu_toggle{display:none}}@media screen and (max-width: 1259px){#site_nav{display:none;position:fixed;left:0;right:0;top:var(--header-h);bottom:0;padding:8px 16px 32px;overflow-y:auto;overscroll-behavior:contain;background:#000}.menu_open #site_nav{display:block}}.main_menu li a{font-size:15px;color:#fff;font-weight:bold;text-decoration:none}.main_menu li a:hover,.main_menu li a.active{color:#82c5f5}@media screen and (max-width: 1259px){.main_menu li a{display:block;padding:16px 0;font-size:18px;border-bottom:1px solid rgba(255,255,255,.15)}}@media screen and (min-width: 1260px){.main_menu{position:absolute;right:131px;top:39px}.main_menu li{float:left;margin-left:35px}.main_menu li:first-child{margin-left:0}}.lang_menu{height:30px;width:86px}.lang_menu li{float:left;width:38px;height:30px}.lang_menu li:first-child{margin-right:10px}.lang_menu li a{display:block;text-align:center;height:30px;font-size:13px;color:#fff;line-height:30px;text-decoration:none;border-radius:5px;border:2px solid #fff}.lang_menu li a:hover,.lang_menu li a.active{background-color:#b6b5b5;color:#333}@media screen and (max-width: 1259px){.lang_menu{margin-top:24px}}@media screen and (min-width: 1260px){.lang_menu{position:absolute;right:0;top:30px}}#footer_panel_warp{background-color:#333}@media screen and (min-width: 1260px){#footer_panel_warp{height:242px}}#back_top_panel{position:relative;height:120px;background:url(/images/footer_bg.jpg) 50% 50% no-repeat;background-size:cover}#back_top_panel a.back_top{position:absolute;width:94px;height:94px;display:block;background:url(/images/footer_page_top.png) 0 0 no-repeat;left:50%;top:13px;margin-left:-47px;text-indent:-999px;overflow:hidden}#back_top_panel a.back_top:hover{background-position:0 -94px}@media screen and (min-width: 1260px){#back_top_panel{height:188px}#back_top_panel a.back_top{top:47px}}#footer_panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 16px}#footer_panel a.logo{display:block;width:104px;height:34px;background:url(/images/footer_logo.png) 0 0 no-repeat;text-indent:-999px;overflow:hidden}#footer_panel .copyright{color:#fff;font-size:12px;line-height:1.5;text-align:center}@media screen and (min-width: 768px){#footer_panel{flex-direction:row;justify-content:space-between;height:54px;padding:0 30px}#footer_panel .copyright{font-size:13px}}@media screen and (min-width: 1260px){#footer_panel{display:block;width:1200px;margin:0 auto;padding:0}#footer_panel a.logo{position:absolute;top:10px;left:0px}#footer_panel .copyright{position:absolute;right:0;height:54px;line-height:54px}}#banner_panel{position:relative;width:100%;height:clamp(220px,56vw,378px);background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}#banner_panel .mask{position:absolute;inset:0;background:url(/images/page_banner_mask.png) 50% 50% no-repeat;background-size:cover}@media screen and (min-width: 1260px){#banner_panel{height:378px;background-size:auto}#banner_panel .mask{position:static;width:100%;height:378px;background-size:auto}}.banner_main_title{position:absolute;display:block;width:100%;box-sizing:border-box;padding:0 16px;text-align:center;top:calc(50% + var(--header-h)/2);left:0;transform:translateY(-50%);font-size:clamp(26px,6.5vw,50px);font-weight:bold;color:#fff;text-shadow:1px 1px 10px rgba(0,0,0,.8)}@media screen and (min-width: 1260px){.banner_main_title{top:185px;padding:0;transform:none;font-size:50px}}:where(:lang(en)) .banner_main_title{font-size:clamp(24px,5.5vw,42px);line-height:1.12}@media screen and (min-width: 1260px){:where(:lang(en)) .banner_main_title{font-size:42px;width:700px;left:50%;margin-left:-350px;top:170px;line-height:47px;display:table}}@media screen and (min-width: 1260px){:where(:lang(en)) .banner_main_title span{display:table-cell;vertical-align:middle;height:94px}}.banner_sub_title{display:block;width:100%;text-align:center;margin-top:12px;font-size:clamp(14px,3.6vw,18px);color:#fff;font-weight:normal;text-shadow:1px 1px 10px rgba(0,0,0,.8)}@media screen and (min-width: 1260px){.banner_sub_title{margin-top:25px;font-size:18px}}#content_panel{position:relative;background:#f7f8f9}@media screen and (min-width: 1024px){#content_panel{display:grid;grid-template-columns:252px minmax(0, 1fr)}}#full_content_panel_wrap{position:relative;padding-top:32px;padding-bottom:48px;background-color:#f7f8f9}#full_content_panel_wrap .panel{max-width:1260px;margin:0 auto;padding:0 16px}#full_content_panel_wrap .panel h1{font-size:clamp(24px,6vw,32px);font-weight:bold;letter-spacing:1px;color:#3282bc;padding-bottom:24px;text-align:center}#full_content_panel_wrap .panel p{font-size:16px;line-height:28px;letter-spacing:1px;font-weight:bold;color:#818181}@media screen and (min-width: 1260px){#full_content_panel_wrap{padding-top:60px;padding-bottom:80px}#full_content_panel_wrap .panel{width:1260px;padding:0}#full_content_panel_wrap .panel h1{font-size:32px;padding-bottom:32px}#full_content_panel_wrap .panel p{font-size:18px;line-height:32px}}#sub_menu{position:sticky;top:var(--header-h);z-index:998}#sub_menu .page_name{font-size:20px;color:#181818;font-weight:bold;letter-spacing:1px;margin-bottom:32px}:where(:lang(en)) #sub_menu .page_name{letter-spacing:0px}#sub_menu ul li a{display:block;font-size:15px;letter-spacing:1px;color:#818181;text-decoration:none;font-weight:bold}:where(:lang(en)) #sub_menu ul li a{letter-spacing:0px}#sub_menu ul li a:hover,#sub_menu ul li a.active{color:#181818}@media screen and (max-width: 1023px){#sub_menu{background:#fff;border-bottom:1px solid #dedede}#sub_menu .page_name{display:none}#sub_menu>ul{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 8px}#sub_menu>ul::-webkit-scrollbar{display:none}#sub_menu li:has(>ul),#sub_menu ul ul{display:contents}#sub_menu li:has(>ul)>a{display:none}#sub_menu li{flex:0 0 auto}#sub_menu ul li a{height:48px;line-height:48px;padding:0 12px;white-space:nowrap;border-bottom:2px solid rgba(0,0,0,0);box-sizing:border-box}#sub_menu ul li a.active{border-bottom-color:#3282bc}}@media screen and (min-width: 1024px){#sub_menu{align-self:start;width:202px;padding:60px 0px 60px 50px}#sub_menu ul{width:100%}#sub_menu ul li{min-height:40px}#sub_menu ul li a{border-left:1px solid #dedede;height:40px;line-height:40px;padding-left:23px}#sub_menu ul li a:hover,#sub_menu ul li a.active{border-left:1px solid #181818}#sub_menu ul ul li a{padding-left:51px;background:url(/images/sub_menu_icon.png) 35px -25px no-repeat}#sub_menu ul ul li a:hover,#sub_menu ul ul li a.active{border-left:1px solid #181818;color:#181818;background-position:35px 15px}:where(:lang(en)) #sub_menu{width:222px;padding:60px 0px 60px 30px}:where(:lang(en)) #sub_menu ul ul li a{font-size:13px;padding-left:48px;background:url(/images/sub_menu_icon.png) 32px -25px no-repeat}:where(:lang(en)) #sub_menu ul ul li a:hover,:where(:lang(en)) #sub_menu ul ul li a.active{background-position:32px 15px}}#main_panel_wrap{position:relative;background:#fff}#main_content{position:relative;max-width:760px;margin:0 auto;padding:32px 16px 48px}#main_content h1{font-size:clamp(24px,6vw,32px);font-weight:bold;letter-spacing:1px;color:#3282bc;padding-bottom:24px}:where(:lang(en)) #main_content h1{letter-spacing:0px}#main_content p{font-size:16px;line-height:28px;letter-spacing:1px;font-weight:bold;color:#818181}:where(:lang(en)) #main_content p{letter-spacing:0}@media screen and (min-width: 1024px){#main_content{padding:60px 18px 80px 18px}#main_content h1{font-size:32px;padding-bottom:40px}#main_content p{font-size:18px;line-height:32px}}@media screen and (min-width: 1260px){#main_content{width:760px}}.hr{height:1px;background:#dedede;width:100%}.hr.about_hr{margin:40px 0}
