@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans TC,sans-serif,Arial,Microsoft JhengHei}*:focus{outline:none}html,body{width:100%;height:100%;letter-spacing:normal;-webkit-font-smoothing:antialiased;color:#0c0e1f;background-color:#fff}body{overflow-x:hidden;overflow-y:auto}img{display:block}a{text-decoration:none;color:var(--color-main);display:inline-block;cursor:pointer}button{cursor:pointer}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{vertical-align:baseline;font-size:100%;font-size:16px;font-stretch:normal;font-style:normal;line-height:normal;line-height:1.42857143;letter-spacing:normal;border:0;outline:none;-webkit-user-select:text;user-select:text;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}ol,ul{outline:none}input,select,button,textarea{display:inline-block;vertical-align:middle;white-space:normal;background:none;border:0;appearance:none;margin:0;padding:0}input[type=search],select[type=search],button[type=search],textarea[type=search]{-webkit-appearance:textfield}input::-ms-clear,select::-ms-clear,button::-ms-clear,textarea::-ms-clear{display:none}input::-ms-reveal,select::-ms-reveal,button::-ms-reveal,textarea::-ms-reveal{display:none}textarea{overflow:auto}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none}select::-ms-expand{display:none}input[type=date],input[type=time]{-moz-appearance:textfield}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{opacity:0}:root{--color-bg-black: #1d1d1d;--color-bg-white: #ffffff;--color-accent: #c6a560;--color-gray: #EAEAEA;--color-text-black: #222222;--color-text-white: #ffffff;--color-link-hover: #b07c55}:root{--nav-height: 94px;--content-max-width: 1200px;--reading-max-width: 720px}html{scroll-padding-top:var(--nav-height, 94px);scroll-behavior:smooth}body{margin:0;background:var(--color-bg-white, #FFFFFF);color:var(--color-text-black, #1d1d1d)}body.no-scroll{overflow:hidden}h2,p,ul{margin:0}h1,h2,h3{font-weight:700}p{font-weight:400}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}swiper-container.media_carousel{display:block;width:100%;height:315px;margin-inline:auto;box-sizing:border-box}swiper-container.media_carousel swiper-slide{position:relative;display:flex;align-self:center;align-items:center;justify-content:center;width:350px;height:215px}swiper-container.media_carousel swiper-slide .media-card{position:relative}swiper-container.media_carousel swiper-slide .media-card:after{position:absolute;content:"";width:52px;height:52px;background:url(/img/playIcon.svg) no-repeat center center/contain;transition:all .5s}swiper-container.media_carousel swiper-slide.swiper-slide-prev{justify-content:flex-end}swiper-container.media_carousel swiper-slide.swiper-slide-next{justify-content:flex-start}swiper-container.media_carousel .media-card_frame{position:relative;width:230px;height:141px;overflow:hidden;border-radius:12px;transition:width .65s cubic-bezier(.22,1,.36,1),height .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}swiper-container.media_carousel .media-card_frame app-media-card{display:block;width:100%;height:100%}swiper-container.media_carousel .media-card_frame .media-card{position:relative}swiper-container.media_carousel .media-card_frame .media-card:after{width:34px;height:34px}swiper-container.media_carousel .media-card_frame:after{position:absolute;inset:0;z-index:2;content:"";pointer-events:none;background:#00000073;transition:opacity .65s ease}swiper-container.media_carousel swiper-slide.swiper-slide-active{z-index:1;justify-content:center}swiper-container.media_carousel swiper-slide.swiper-slide-active .media-card_frame{width:350px;height:215px}swiper-container.media_carousel swiper-slide.swiper-slide-active .media-card_frame:after{opacity:0}swiper-container.media_carousel swiper-slide.swiper-slide-active .media-card_frame .media-card:after{width:52px;height:52px}swiper-container.media_carousel::part(button-next),swiper-container.media_carousel::part(button-prev){width:32px;height:32px;color:transparent;background:url(/img/next.svg) no-repeat center/contain;transition:opacity .25s ease,transform .25s ease}swiper-container.media_carousel::part(button-next){right:3%}swiper-container.media_carousel::part(button-prev){left:3%}swiper-container.media_carousel::part(pagination){display:flex;align-items:center;justify-content:center;gap:6px;z-index:5}swiper-container.media_carousel::part(button-prev){transform:rotate(180deg)}swiper-container.media_carousel::part(button-next):hover{transform:scale(1.08)}swiper-container.media_carousel::part(button-prev):hover{transform:rotate(180deg) scale(1.08)}swiper-container.media_carousel::part(bullet){width:8px;height:8px;box-sizing:border-box;border:1px solid #d7bdab;background:transparent;opacity:1;transform:none;transition:background-color .25s ease,opacity .25s ease;margin:0}swiper-container.media_carousel::part(bullet-active){background:#b07c55b3;margin:0}@media screen and (max-width:1000px){swiper-container.media_carousel::part(button-next),swiper-container.media_carousel::part(button-prev){width:24px;height:24px;bottom:0;margin:auto 0 4px;z-index:6}swiper-container.media_carousel::part(button-next){right:30%}swiper-container.media_carousel::part(button-prev){left:30%}}@media(max-width:767px){swiper-container.media_carousel{width:100vw;height:255px;margin:0 -24px}swiper-container.media_carousel swiper-slide{width:300px;height:185px}swiper-container.media_carousel swiper-slide.swiper-slide-active .media-card_frame{width:300px;height:185px}swiper-container.media_carousel::part(button-next),swiper-container.media_carousel::part(button-prev){width:19px;height:19px}}@media(prefers-reduced-motion:reduce){swiper-container.media_carousel .media-card_frame{transition:none}}.web{display:block}.mobile{display:none}.m_menu{position:fixed;left:0;top:0;background:var(--color-bg-black, #1d1d1d);width:100%;z-index:50}.m_menu .mask{opacity:0;position:fixed;inset:70px 0 0;z-index:98;background-color:#000000b3;pointer-events:none;transition:all .5s}.m_menu .controlBox{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px}.m_menu .controlBox .leftBox{display:flex;align-items:center;gap:10px}.m_menu .controlBox .leftBox h1{font-size:18px;font-weight:initial;color:#fff;letter-spacing:1px;margin-top:3px}.m_menu .controlBox .leftBox .m_logo{position:relative;left:0;transition:all .2s}.m_menu .controlBox .leftBox .m_logo:hover{left:-2px;opacity:.7}.m_menu .m_logo{width:39px;height:36px}.m_menu .m_logo img{width:100%;display:block;backface-visibility:hidden;height:auto}.m_menu .m_menuBtn{position:relative;opacity:.8;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:38px;height:38px;transition:all .3s}.m_menu .m_menuBtn span{position:absolute;display:block;width:25px;height:1px;background:#fff;transition:all .5s}.m_menu .m_menuBtn span:nth-of-type(1){top:10px}.m_menu .m_menuBtn span:nth-of-type(2){opacity:1}.m_menu .m_menuBtn span:nth-of-type(3){bottom:10px}.m_menu .m_menuBtn:hover{opacity:1}.m_menu .nav{overflow:hidden;height:0px;pointer-events:none;list-style-type:none;position:fixed;z-index:99;top:70px;left:0;right:0;display:flex;flex-direction:column;gap:0;align-items:center;background:var(--color-bg-black, #1d1d1d);margin:0;padding:0;transition:all .5s}.m_menu .nav li{width:100%;opacity:.7;transition:all .2s}.m_menu .nav li a{display:flex;width:100%;justify-content:center;text-decoration:none;font-size:17px;font-weight:400;letter-spacing:1.5px;line-height:50px;color:var(--color-bg-whit, #FFFFFF)}.m_menu .nav li:not(:nth-last-of-type(1)) a{border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s}.m_menu .nav li:hover{opacity:1}.m_menu .nav li:hover:not(:nth-last-of-type(1)) a{border-bottom:1px solid rgba(255,255,255,.2)}.m_menu.open .mask{opacity:1}.m_menu.open .nav{height:203px;pointer-events:initial}.m_menu.open .m_menuBtn span:nth-of-type(1){top:auto;transform:rotate(45deg)}.m_menu.open .m_menuBtn span:nth-of-type(2){width:0;opacity:0}.m_menu.open .m_menuBtn span:nth-of-type(3){bottom:auto;transform:rotate(-45deg)}main{width:100vw;min-height:calc(100vh - 239.35px);display:flex;flex-direction:column;gap:30px;padding:70px 0 0}section{position:relative;min-height:60vh;padding:24px;scroll-margin-top:var(--nav-height, 94px)}section .position{pointer-events:none;position:absolute;top:-100px;height:100px;left:0;right:0}section-title{opacity:.6}.section-reveal-ready{opacity:0;transition:opacity .8s ease-out;will-change:opacity}.section-reveal-ready>:first-child{transform:translateY(48px);transition:transform .8s cubic-bezier(.22,1,.36,1);will-change:transform}.section-reveal-ready.is-visible{opacity:1;will-change:auto}.section-reveal-ready.is-visible>:first-child{transform:translateY(0);will-change:auto}@keyframes scrollLineElastic{0%{height:13px}to{height:32px}}.blockTitle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.blockTitle>img{height:45px}.blockTitle .sub{display:flex;align-items:center;justify-content:center;gap:6px}.blockTitle .sub img{height:20px}app-interactive-hero .scroll{position:absolute;z-index:6;left:47%;bottom:10px;height:86px;display:flex;flex-direction:column;align-items:center}app-interactive-hero .scroll p{transform:rotate(-90deg);margin-bottom:25px;color:#4e6c85;font-size:11px;letter-spacing:2px}app-interactive-hero .scroll div{display:flex;flex-direction:column;align-items:center;justify-content:center}app-interactive-hero .scroll div .scroll-line{width:1px;background:#4e6c85;animation:scrollLineElastic 1.2s ease-in-out infinite alternate}app-interactive-hero .scroll div img{width:20px;height:14px}@media(max-width:500px){app-recommended-articles app-article-card{padding-bottom:30px}app-recommended-articles app-article-card .card{border-bottom:0!important}}@media(prefers-reduced-motion:reduce){.section-reveal-ready{opacity:1;transition:none}.section-reveal-ready>:first-child{transform:none;transition:none}app-interactive-hero .scroll{display:none}}@media(max-width:1180px){main{min-height:calc(100vh - 333.5px)}}@media screen and (max-width:900px){app-article-card{max-width:initial}app-article-card:nth-of-type(2n) .card{flex-direction:row-reverse}app-article-card:nth-of-type(2n) .card .card_body button{margin:0!important}}@media screen and (max-width:768px){.web{display:none}.mobile{display:block}.blockTitle{gap:10px}.blockTitle>img{height:28px}.blockTitle .sub{flex-direction:column;gap:10px}.blockTitle .sub img{height:15px}app-media-section{height:370px}}@media screen and (max-width:500px){app-interactive-hero .scroll{left:42%}}
