:root{--section-color: rgba(255, 255, 255, 1);--text-color: #333;--container-padding-inline: 20px;--container-width: 1200;--container-font-size: 16;--header-height: 80;--master-color: #832728;--special-color: #994339;--sub-title-color: #832728;--aside-width: 240px;--gap-width: 55px;--main-padding: 65px 90px}@media(max-width: 1300px){:root{--aside-width: 200px;--gap-width: 40px;--main-padding: 50px 65px}}@media(max-width: 767px){:root{--gap-width: 30px;--main-padding: 50px 30px 40px 30px}}*{box-sizing:border-box}html,body{width:100%;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none}html{min-height:100vh;min-height:100lvh;font-family:"Noto Sans TC","黑體-繁","Apple LiGothic Medium","PingFang","微軟正黑體","Microsoft JhengHei","WenQuanYi Zen Hei",helvetica,"Arial",sans-serif;touch-action:manipulation;scroll-behavior:smooth}body{margin:0 auto;padding:0;min-width:300px;min-height:100vh;min-height:calc(var(--vh, 1vh)*100);min-height:100lvh;overflow-x:hidden}a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a,button{cursor:pointer}figure,figcaption{display:block;margin:0;padding:0}iframe{display:block}img{display:block;margin:0;padding:0;max-width:100%;width:auto;height:auto;border-style:none}img[usemap],map area{outline:none}button,input,select,textarea{vertical-align:middle}button:focus,input:focus,select:focus,textarea:focus{outline:none}h1,h2,h3,h4,h5,h6{display:block;margin:0;padding:0}p{position:relative;display:block;margin:0;padding:0}[v-cloak]{display:none !important}@keyframes gotop_in{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(-2px)}}@keyframes gotop_out{from{opacity:1;transform:translateY(-2px)}to{opacity:0;transform:translateY(-50px)}}@keyframes loading{0%,25%{content:"loading"}50%{content:"loading ."}75%{content:"loading .."}100%{content:"loading ..."}}@keyframes apply_in{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(-2px)}}@keyframes apply_out{from{opacity:1;transform:translateY(-2px)}to{opacity:0;transform:translateY(-50px)}}@keyframes sectionHeaderTriangle{0%{mask-position:center -30px}100%{mask-position:center 0px}}@keyframes sectionHeaderBorder{0%{width:50px}100%{width:100%}}#container{position:relative;overflow-x:hidden}#container:before{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;background-image:url("../img/bg.webp");background-position:center top;background-repeat:no-repeat;background-size:100% auto;background-color:#d7f2fd;z-index:-1}@media(orientation: portrait)and (max-width: 1023px){#container:before{background-image:url("../img/bg_m.webp")}}#gotop{position:fixed;right:30px;bottom:100px;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:99em;opacity:0;animation:.8s forwards;background-color:#96daff;box-shadow:0 0 0 1px hsla(0,0%,100%,.2);transition:background-color .3s ease,box-shadow .3s ease}@media all and (orientation: portrait)and (max-width: 767px){#gotop{right:10px;bottom:90px}}#gotop:hover{background-color:#64c1f3}#gotop:before{content:"";display:inline-block;width:100%;height:100%;mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='arrow5-right' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='48px' height='48px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48;' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M1,34.9978858L24.9541045,11.6462169l22.0458955,23.3516689-1.205243,1.2554618L24.9038857,14.2073475,2.2052416,36.3537831l-1.2052416-1.3558974Z'/%3E%3C/svg%3E%0A");mask-size:18px 18px;mask-position:center;mask-repeat:no-repeat;background-color:#fff;transform:translateY(-1px)}#gotop.gotop_in{pointer-events:auto;animation-name:gotop_in}#gotop.gotop_out{pointer-events:none;animation-name:gotop_out}.cover{position:relative;display:block;width:100%;padding-top:clamp(60px,18.75vw,280px)}.cover_inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;max-width:1020px;width:calc(100% - 40px);height:auto}.cover_logo{aspect-ratio:370/98;display:block;margin:0 auto;max-width:clamp(125px,39.0625vw,370px);width:100%;height:auto}.cover_button{position:relative;display:inline-block;margin:clamp(30px,9.375vw,50px) auto 0;padding:10px 20px;border-radius:clamp(12px,3.75vw,16px);background-color:var(--cover-button-color, #96daff);color:#000;font-size:clamp(16px,5vw,40px);font-weight:700;line-height:1.2;border:none;box-shadow:none;transition:background-color .3s}.cover_button:focus{outline:none;border:none;box-shadow:none}.cover_button:hover,.cover_button:active{background-color:var(--cover-button-color-active, #64c1f3)}.cover_title{position:relative;display:block;margin:1em auto;font-size:clamp(18px,5.625vw,40px);font-weight:500;line-height:1.2;text-align:center;color:#000}.cover_description{position:relative;display:block;margin:0 auto;font-size:clamp(14px,4.375vw,18px);font-weight:500;line-height:1.5;text-align:left;color:#333}.wrapper{position:relative;margin:40px auto;padding:var(--main-padding);max-width:calc(var(--container-width, 1200)*1px);width:calc(100% - 120px);color:var(--step-color, black);text-align:center;overflow:hidden;border-radius:clamp(40px,12.5vw,90px);background-color:var(--section-color);z-index:2;isolation:isolate}@media(max-width: 767px){.wrapper{margin:30px auto;width:calc(100% - 20px)}}.wrapper:before{content:"";mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);position:absolute;inset:0;border-radius:inherit;padding:2px;box-sizing:border-box;background:linear-gradient(90deg, #8ee6ff, #ffc494);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.wrapper_title{position:relative;margin-bottom:clamp(20px,6.25vw,40px);font-size:clamp(20px,6.25vw,24px);font-weight:500}.section{position:relative;color:var(--text-color);margin:var(--section-margin-top, clamp(20px, 6.25vw, 40px)) auto 0;text-align:left}@media(max-width: 1023px){.section{max-width:680px}}.section:not(:last-child){margin-bottom:clamp(20px,6.25vw,40px)}.section>.container{display:flex;gap:var(--gap-width)}.section_title{position:relative;display:grid;grid-template-columns:max-content 1fr;grid-template-rows:1fr;grid-template-areas:"icon text";gap:10px;padding:10px;border-radius:16px;background:#8ee6ff;background:-moz-linear-gradient(left, #8ee6ff 0%, #f8fad4 100%);background:-webkit-linear-gradient(left, #8ee6ff 0%, #f8fad4 100%);background:linear-gradient(to right, #8ee6ff 0%, #f8fad4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8ee6ff", endColorstr="#f8fad4",GradientType=0 )}.section_title:not(:has(.section_title_icon)){margin-bottom:20px;padding-block:20px}.section_title_icon{grid-area:icon;aspect-ratio:9/7;display:block;width:clamp(50px,6.518904824vw,90px);height:auto}.section_title_icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.section_title_text{grid-area:text;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%;color:#000;font-size:clamp(16px,2.0860495437vw,24px);font-weight:500}.section_title_text_note{color:#3a64a3}.section_content{font-size:16px;line-height:1.5;color:var(--text-color)}.section_content_screenshot{position:relative;margin:30px auto;display:block;width:100%;height:auto;border:1px solid #b2b2b2}.section_content_screenshot img{display:block;margin:0 auto;width:100%;height:auto;object-fit:contain;object-position:center center}.section_content_text{display:block;margin:var(--section-content-text-margin-top, 10px) auto 10px;padding-inline:var(--section-content-padding-inline, 0);max-width:var(--section-content-max-width, 920px);width:100%;font-size:clamp(16px,2.0860495437vw,18px)}.section_content_text_note{color:#2f80ed}.section_content_text a{color:inherit;text-decoration:underline;text-underline-offset:4px}.section_content_text a:hover{text-decoration:none}.section_content_list{list-style:none;display:block;margin:var(--section-content-text-margin-top, 10px) auto 10px;padding-block:0;padding-inline:var(--section-content-padding-inline, 0);max-width:var(--section-content-max-width, 920px);width:100%;font-size:clamp(16px,2.0860495437vw,18px)}.section_content_list+.section_content_list{margin-top:30px}.section_content_list_item{display:flex;align-items:flex-start;justify-content:flex-start;gap:5px}.section_content_list_item:not(:last-child){margin-bottom:10px}.section_content_list_item a{display:inline-block;margin-inline:3px;color:inherit;text-decoration:underline;text-underline-offset:4px}.section_content_list_item a:hover{text-decoration:none}.section_content_list_number{flex-shrink:0;display:inline-block;width:20px;height:20px;text-align:left;font-weight:bolder}.section_content_list_dt{display:inline-block;white-space:nowrap}.section_content_list_text{position:relative;display:inline-block;width:100%;text-align:left;word-break:break-all}.section_content_list_text_note{margin-block:5px;display:block;width:100%;color:#eb5757}.section_content_list_text_point{margin-block:5px;display:block;width:100%;color:#2d9cdb}.section_content_note{position:relative;display:grid;grid-template-columns:max-content 1fr;grid-template-rows:1fr;grid-template-areas:"icon text";gap:0;margin:20px auto;max-width:var(--section-content-max-width, 920px);width:100%}@media(max-width: 767px){.section_content_note{max-width:560px}}.section_content_note_icon{grid-area:icon;aspect-ratio:1/1;display:inline-block;width:30px;height:30px;object-fit:contain;object-position:center center}.section_content_note_text{grid-area:text;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin:0;padding:2px 10px;font-size:14px;color:var(--text-color);text-align:left;background-color:#d2f2ff}.cover{--cover-button-color: #96daff;--cover-button-color-active: #64c1f3}.section{--section-content-max-width: 920px;--section-content-text-margin-top: 10px}@media(max-width: 767px){.section{--section-content-max-width: 560px}}