/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 13 2026 | 08:33:10 */
/* Add your CSS code here.

For example:
.example {
    color: red;

:root{
 --chp-navy:#071f31;
 --chp-navy-2:#0b3148;
 --chp-blue:#087eaf;
 --chp-cyan:#45c9ef;
 --chp-ink:#102b3c;
 --chp-muted:#647985;
 --chp-line:#dce7ec;
 --chp-soft:#f4f8fa;
 --chp-white:#ffffff;
 --chp-radius:18px;
 --chp-shadow:0 16px 46px rgba(8,35,51,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--chp-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
body p{color:var(--chp-muted);line-height:1.85}
body a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
h1,h2,h3,h4,h5,h6,.elementor-heading-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Helvetica Neue",Arial,sans-serif;color:var(--chp-ink);letter-spacing:-.025em}
h1.elementor-heading-title{font-size:clamp(44px,5.7vw,76px);line-height:1.05;font-weight:750}
h2.elementor-heading-title{font-size:clamp(30px,3.2vw,48px);line-height:1.16;font-weight:720}
h3.elementor-heading-title{font-size:clamp(22px,2vw,30px);line-height:1.25;font-weight:700}
.elementor-widget-text-editor{color:var(--chp-muted)}
.elementor-widget-text-editor p:last-child{margin-bottom:0}

/* Header */
#masthead,.site-header,.ast-primary-header-bar{background:rgba(7,31,49,.97)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 6px 24px rgba(4,18,28,.14)}
#masthead .main-header-bar,.site-header .main-header-bar{background:transparent!important}
#masthead a,.site-header a{color:#fff}
#masthead .menu-link,.site-header .menu-link,.elementor-location-header .elementor-nav-menu--main .elementor-item{font-weight:600;letter-spacing:.01em}
#masthead .menu-link:hover,.site-header .menu-link:hover,.elementor-location-header .elementor-nav-menu--main .elementor-item:hover{color:var(--chp-cyan)!important}
#masthead .current-menu-item>.menu-link,.site-header .current-menu-item>.menu-link{color:var(--chp-cyan)!important}
.ast-header-break-point .main-navigation ul .menu-item .menu-link{border-color:rgba(255,255,255,.09)}

/* Controls */
.elementor-button,.wp-block-button__link,input[type=submit],button[type=submit]{
 border-radius:999px!important;
 padding:14px 26px!important;
 font-weight:700!important;
 letter-spacing:.01em;
 background:var(--chp-blue)!important;
 color:#fff!important;
 border:1px solid var(--chp-blue)!important;
 box-shadow:0 8px 22px rgba(8,126,175,.20);
 transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important
}
.elementor-button:hover,.wp-block-button__link:hover,input[type=submit]:hover,button[type=submit]:hover{
 background:#066c97!important;border-color:#066c97!important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,126,175,.28)
}
input[type=text],input[type=email],input[type=tel],textarea,select{
 border:1px solid var(--chp-line)!important;border-radius:12px!important;background:#fff!important;padding:13px 15px!important;color:var(--chp-ink)!important
}
input:focus,textarea:focus,select:focus{border-color:var(--chp-blue)!important;box-shadow:0 0 0 3px rgba(8,126,175,.10)!important;outline:none}

/* Core layout */
.elementor-top-section{position:relative}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1180px}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:16px}
.elementor-widget-image img{max-width:100%;height:auto;border-radius:var(--chp-radius);transition:transform .35s ease,box-shadow .35s ease}
.elementor-widget-image a{display:block;overflow:hidden;border-radius:var(--chp-radius)}
.elementor-widget-image a:hover img{transform:scale(1.018)}
.elementor-image-box-wrapper,.elementor-widget-icon-box .elementor-widget-container{border-radius:var(--chp-radius)}
.elementor-widget-image-box .elementor-image-box-title,.elementor-widget-icon-box .elementor-icon-box-title{font-weight:720;color:var(--chp-ink)}
.elementor-divider-separator{border-color:var(--chp-line)!important}

/* Inner pages */
body:not(.home) .elementor-top-section:first-of-type{overflow:hidden}
body:not(.home) .elementor-top-section:first-of-type:after{
 content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(69,201,239,.12);border-radius:50%;right:-180px;top:-180px;pointer-events:none
}
body:not(.home) .elementor-top-section:nth-of-type(n+2){padding-top:36px;padding-bottom:36px}
body:not(.home) .elementor-widget-heading+.elementor-widget-text-editor{margin-top:6px}
body:not(.home) .elementor-widget-image img{box-shadow:0 12px 36px rgba(8,35,51,.08)}
body:not(.home) .elementor-widget-image-box .elementor-widget-container,
body:not(.home) .elementor-widget-icon-box .elementor-widget-container{
 padding:22px;border:1px solid var(--chp-line);background:#fff;box-shadow:0 10px 30px rgba(8,35,51,.05)
}

/* Tables and technical content */
table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--chp-line);border-radius:14px;overflow:hidden;background:#fff}
table th{background:var(--chp-navy);color:#fff;font-weight:700}
table th,table td{padding:14px 16px;border-color:var(--chp-line)}
table tr:nth-child(even) td{background:#f8fbfc}

/* HOME */
.home .elementor-element-beb1dc6{position:relative;overflow:hidden}
.home .elementor-element-beb1dc6 img{border-radius:0;box-shadow:none}
.home .elementor-element-690d0db3{
 background:linear-gradient(125deg,#071f31 0%,#0b3a55 58%,#087eaf 100%)!important;
 padding:108px 0 96px!important;overflow:hidden
}
.home .elementor-element-690d0db3:after{
 content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(69,201,239,.24);border-radius:50%;right:-160px;top:-220px;
 box-shadow:0 0 0 90px rgba(69,201,239,.04),0 0 0 180px rgba(69,201,239,.02);pointer-events:none
}
.home .elementor-element-690d0db3 .elementor-heading-title{color:#fff!important}
.home .elementor-element-690d0db3 .elementor-widget-text-editor,
.home .elementor-element-690d0db3 p{color:#b9ced9!important}

.home .elementor-element-1d2b00e8{
 background:#fff!important;padding:96px 0 104px!important
}
.home .elementor-element-1d2b00e8>.elementor-container>.elementor-column>.elementor-element-populated{
 height:100%;margin:8px!important;padding:26px!important;border:1px solid var(--chp-line);border-radius:20px;background:#fff;
 box-shadow:0 10px 32px rgba(7,31,49,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.home .elementor-element-1d2b00e8>.elementor-container>.elementor-column>.elementor-element-populated:hover{
 transform:translateY(-5px);box-shadow:var(--chp-shadow);border-color:#c6dce5
}
.home .elementor-element-1d2b00e8 img{aspect-ratio:4/3;object-fit:cover;width:100%}

.home .elementor-element-d1162d9{
 background:var(--chp-soft)!important;padding:72px 0!important;border-top:1px solid var(--chp-line);border-bottom:1px solid var(--chp-line)
}

.home .elementor-element-7d1c90e0{
 background:var(--chp-navy)!important;padding:100px 0 108px!important
}
.home .elementor-element-7d1c90e0 .elementor-heading-title{color:#fff!important}
.home .elementor-element-7d1c90e0 .elementor-widget-text-editor,
.home .elementor-element-7d1c90e0 p{color:#aec5d1!important}
.home .elementor-element-7d1c90e0>.elementor-container>.elementor-column>.elementor-element-populated{
 margin:8px!important;padding:24px!important;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035);
 transition:transform .25s ease,border-color .25s ease,background .25s ease
}
.home .elementor-element-7d1c90e0>.elementor-container>.elementor-column>.elementor-element-populated:hover{
 transform:translateY(-4px);border-color:rgba(69,201,239,.35);background:rgba(255,255,255,.06)
}
.home .elementor-element-7d1c90e0 img{aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:none}

.home .elementor-element-1b070e65{
 background:var(--chp-soft)!important;padding:96px 0!important
}
.home .elementor-element-1b070e65>.elementor-container>.elementor-column>.elementor-element-populated{
 padding:22px!important;border-top:2px solid #d7e7ee
}
.home .elementor-element-1b070e65 img{aspect-ratio:16/10;object-fit:cover;width:100%}

.home .elementor-element-65a5013{
 background:linear-gradient(120deg,#071f31,#0d354d)!important;padding:96px 0!important
}
.home .elementor-element-65a5013 .elementor-heading-title{color:#fff!important}
.home .elementor-element-65a5013 .elementor-widget-text-editor,
.home .elementor-element-65a5013 p{color:#b8ccd7!important}
.home .elementor-element-65a5013 img{aspect-ratio:16/10;object-fit:cover;width:100%}

.home .elementor-element-3b71dfa3{
 background:#fff!important;padding:96px 0 104px!important
}
.home .elementor-element-3b71dfa3>.elementor-container>.elementor-column>.elementor-element-populated{
 padding:22px!important;border-top:1px solid var(--chp-line)
}
.home .elementor-element-3b71dfa3 img{aspect-ratio:4/3;object-fit:cover;width:100%}

.home .elementor-element-4b585c4{
 background:linear-gradient(120deg,#087eaf,#065f88)!important;padding:76px 0!important;overflow:hidden
}
.home .elementor-element-4b585c4 .elementor-heading-title,
.home .elementor-element-4b585c4 .elementor-widget-text-editor,
.home .elementor-element-4b585c4 p{color:#fff!important}
.home .elementor-element-4b585c4 .elementor-button{background:#fff!important;color:#075c82!important;border-color:#fff!important}

/* News */
.blog .site-main,.archive .site-main,.single-post .site-main{padding-top:56px;padding-bottom:72px}
article.post{border:1px solid var(--chp-line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(8,35,51,.06);margin-bottom:26px;background:#fff}
article.post .entry-content,article.post .entry-header,article.post .entry-summary{padding-left:26px;padding-right:26px}
article.post .post-thumb img{width:100%;border-radius:0}

/* Footer */
.site-footer,.footer-adv-overlay,.ast-small-footer,.elementor-location-footer{
 background:var(--chp-navy)!important;color:#b6cbd6
}
.site-footer a,.footer-adv-overlay a,.ast-small-footer a,.elementor-location-footer a{color:#d8e8ef}
.site-footer a:hover,.footer-adv-overlay a:hover,.ast-small-footer a:hover,.elementor-location-footer a:hover{color:var(--chp-cyan)}
.site-footer .widget-title,.elementor-location-footer .elementor-heading-title{color:#fff!important}

/* Accessibility and no-op decorations */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(69,201,239,.55)!important;outline-offset:3px}
.home a:not([href]){cursor:default}

/* Tablet */
@media(max-width:1024px){
 h1.elementor-heading-title{font-size:clamp(40px,7vw,60px)}
 h2.elementor-heading-title{font-size:clamp(30px,5vw,42px)}
 .home .elementor-element-690d0db3,
 .home .elementor-element-1d2b00e8,
 .home .elementor-element-7d1c90e0,
 .home .elementor-element-1b070e65,
 .home .elementor-element-65a5013,
 .home .elementor-element-3b71dfa3{padding-top:76px!important;padding-bottom:82px!important}
 body:not(.home) .elementor-top-section:nth-of-type(n+2){padding-top:28px;padding-bottom:28px}
}

/* Mobile */
@media(max-width:767px){
 body{font-size:15.5px}
 h1.elementor-heading-title{font-size:clamp(36px,11vw,48px);line-height:1.08}
 h2.elementor-heading-title{font-size:clamp(28px,8.5vw,38px)}
 h3.elementor-heading-title{font-size:23px}
 .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:12px 20px}
 .elementor-button{width:100%;justify-content:center}
 .elementor-widget-image img{border-radius:14px}
/* Master priority layer */
html body #masthead,html body .site-header,html body .ast-primary-header-bar{background:rgba(7,31,49,.97)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
html body.home .elementor-element-690d0db3{background:linear-gradient(125deg,#071f31 0%,#0b3a55 58%,#087eaf 100%)!important;padding:108px 0 96px!important}
html body.home .elementor-element-1d2b00e8{background:#fff!important;padding:96px 0 104px!important}
html body.home .elementor-element-d1162d9{background:#f4f8fa!important;padding:72px 0!important}
html body.home .elementor-element-7d1c90e0{background:#071f31!important;padding:100px 0 108px!important}
html body.home .elementor-element-1b070e65{background:#f4f8fa!important;padding:96px 0!important}
html body.home .elementor-element-65a5013{background:linear-gradient(120deg,#071f31,#0d354d)!important;padding:96px 0!important}
html body.home .elementor-element-3b71dfa3{background:#fff!important;padding:96px 0 104px!important}
html body.home .elementor-element-4b585c4{background:linear-gradient(120deg,#087eaf,#065f88)!important;padding:76px 0!important}
@media(max-width:1024px){
 html body.home .elementor-element-690d0db3,
 html body.home .elementor-element-1d2b00e8,
 html body.home .elementor-element-7d1c90e0,
 html body.home .elementor-element-1b070e65,
 html body.home .elementor-element-65a5013,
 html body.home .elementor-element-3b71dfa3{padding-top:76px!important;padding-bottom:82px!important}
}
@media(max-width:767px){
 html body.home .elementor-element-690d0db3,
 html body.home .elementor-element-1d2b00e8,
 html body.home .elementor-element-d1162d9,
 html body.home .elementor-element-7d1c90e0,
 html body.home .elementor-element-1b070e65,
 html body.home .elementor-element-65a5013,
 html body.home .elementor-element-3b71dfa3,
 html body.home .elementor-element-4b585c4{padding-top:58px!important;padding-bottom:62px!important}
}

 .home .elementor-element-690d0db3,
 .home .elementor-element-1d2b00e8,
 .home .elementor-element-d1162d9,
 .home .elementor-element-7d1c90e0,
 .home .elementor-element-1b070e65,
 .home .elementor-element-65a5013,
 .home .elementor-element-3b71dfa3,
 .home .elementor-element-4b585c4{padding-top:58px!important;padding-bottom:62px!important}
 .home .elementor-element-1d2b00e8>.elementor-container>.elementor-column>.elementor-element-populated,
 .home .elementor-element-7d1c90e0>.elementor-container>.elementor-column>.elementor-element-populated{margin:8px 0!important;padding:20px!important}
 body:not(.home) .elementor-top-section:nth-of-type(n+2){padding-top:20px;padding-bottom:20px}
 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 table th,table td{min-width:120px;padding:11px 12px}
}
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 



/* Fix: mobile-only nav toggle button (chp-mnav-btn) was showing on desktop because no rule hid it outside the max-width:980px breakpoint. Added 2026-08-13 during performance/QA pass. */
@media (min-width: 981px) {
	.chp-mnav-btn { display: none !important; }
}
}