/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .h2tit {font-size: 23px;text-align: center;letter-spacing: 3px;font-family: "AR One Sans", sans-serif;font-weight: 600;}
section .topic-title p {font-size: 38px;text-transform: uppercase;text-align: center;}
section .topic-title p:first-letter{color:var(--primary)}
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }


section .title_box {position: relative;margin: 0;}
section .title_box p {margin: 0px 0 20px;font-size: 14px;line-height: 1.4;font-weight: 800;letter-spacing: .16em;text-transform: uppercase;position: relative;display: flex;align-items: center;gap: 12px;}
section .sub_title:before { content: ""; display: block; width: 36px; height: 2px; background: var(--site-primary); }
section .title_box p font { color: #e60012; }
section .title_box .page_title {margin: 0;font-size: clamp(24px, 3.5vw, 38px);line-height: 1.18;font-weight: 700;letter-spacing: -.04em;color: #101113;padding-top: 0;padding-bottom: 29px;position: relative;}
section .title_box .page_title::before {content: "";position: absolute;pointer-events: none;display: block;width: 203px;height: 1.5px;border-radius: 1px;background-color: #e4e4e4;bottom: 0;}
section .title_box .page_title::after { content: ""; position: absolute; pointer-events: none; display: block; width: 60.5px; height: 1.5px; border-radius: 1px; background-color: var(--primary); bottom: 0; }




/* area_title_box */
.area_title_box{position:relative;margin-bottom: 20px;}
.area_sub_title{margin: 0 0 10px;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.2em;color:var(--secondary);text-transform:uppercase}
.area_title, .area_title span{margin:0;font-size: clamp(28px,3.3vw,42px);font-weight: 600;line-height: 1.25;color: var(--black);word-spacing: 100vw;display: flex;}
.area_title span{color: var(--primary);}
.area_article{font-size: 16px;font-weight:400;line-height:2;color:#53666e}
.area_article>*:first-child{margin-top:0}
.area_article>*:last-child{margin-bottom:0}
.area_article p{margin:0 0 20px}
.area_article h2,.area_article h3,.area_article h4{margin:32px 0 16px;font-weight:700;line-height:1.5;color:var(--info)}
.area_article h3{font-size:22px}
.area_article h4{font-size:19px}
.area_article strong{font-weight:700;color:var(--secondary)}
.area_article ul,.area_article ol{margin:20px 0;padding-left:1.4em}
.area_article li{margin:8px 0;line-height:1.8}
.area_article a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.more_btn{align-items:center;justify-content:center;gap:18px;min-width: 140px;height: 46px;margin-top:42px;padding:0 18px 0 30px;border-radius:999px;background:var(--secondary);font-size:15px;font-weight:700;letter-spacing:.05em;color:var(--white);transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s ease,box-shadow .4s ease}
.more_btn i{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:rgba(var(--white-rgb),.18);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.more_btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.more_btn:hover{transform:translateY(-4px);background:#dc4c76;box-shadow:0 16px 34px rgba(var(--secondary-rgb),.24)}
.more_btn:hover i{transform:translateX(4px)}


/* about_area */
#about_area{position:relative;background: url(/images/44/img-about-Bg.jpg) no-repeat;background-size: contain;background-position: 50% 50%;overflow:hidden;padding: 0;}

#about_area:after {content: "";position: absolute;left: 0;right: 0;top: 0;height: 35%;background: linear-gradient(to bottom, rgb(255 255 255) 6%, rgba(0, 0, 0, 0) 20%);}

#about_area .about_story{position:relative;margin-bottom: 70px;padding-top: 30px;}
#about_area .workframe{position:relative;width:min(1440px,calc(100% - 120px));margin:0 auto}
#about_area .about_story_grid{display:grid;grid-template-columns: minmax(420px,.82fr) minmax(0,1.18fr);align-items:center;gap: clamp(80px,9vw,100px);)}
#about_area .about_story_content{position:relative;z-index:3;padding-left:30px}
#about_area .about_story_content:before{content:"";position:absolute;left:0;top:4px;width:2px;height:115px;background:linear-gradient(180deg,var(--secondary),rgba(var(--secondary-rgb),0))}
#about_area .about_story_content .area_title{max-width:560px}
#about_area .about_story_content .article{max-width:600px;}
#about_area .about_story_content .article *{
    font-size: 17px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: .5px;
    }

#about_area .about_story_visual{position:relative;min-height:700px}
#about_area .about_story_img{position:absolute;right:0;top:40px;width: 90%;height:580px;overflow:hidden;border-radius:150px 30px 150px 30px;background:var(--bg-blue);box-shadow: 0 17px 30px rgb(50 52 53 / 15%);}
#about_area .about_story_img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
#about_area .about_story_visual:hover .about_story_img img{transform:scale(1.045)}
#about_area .about_story_en{position:absolute;left:-40px;top:60px;z-index:3;font-family:Inter,"Noto Sans TC",sans-serif;font-size:clamp(68px,6vw,108px);font-weight:800;line-height:.84;letter-spacing:-.075em;color:rgba(var(--primary-rgb),.08);white-space:nowrap;transform:rotate(-90deg) translateX(-100%);transform-origin:left top}
#about_area .about_story_quote{position:absolute;left:0;bottom:35px;z-index:5;width: 290px;padding:35px 40px;border-radius:28px;background:rgba(255,255,255,.94);box-shadow: 0 14px 30px rgb(50 52 53 / 10%);backdrop-filter:blur(10px)}
#about_area .about_story_quote span{display:block;margin-bottom:14px;font-size: 13px;font-weight:700;letter-spacing:.22em;color:var(--primary)}
#about_area .about_story_quote strong{display:block;font-size: 22px;font-weight: 600;line-height:1.7;color:var(--info)}
#about_area .about_story_circle{position:absolute;right:-25px;bottom:25px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:170px;border-radius:50%;background:var(--secondary);transform:rotate(8deg)}

#about_area .about_story_circle *{    color: #fff;}
#about_area .about_story_circle span{font-size: 16px;font-weight:700;line-height:1.6;letter-spacing:.18em}
#about_area .about_story_line{position:absolute;left:7%;bottom:95px;width:230px;height:120px;border-left:2px dashed rgba(var(--primary-rgb),.35);border-bottom:2px dashed rgba(var(--primary-rgb),.35);border-radius:0 0 0 100px;transform:rotate(-12deg)}
#about_area .about_story:after{content:"OUR PHILOSOPHY";position:absolute;left:2%;bottom:38px;font-family:Inter,"Noto Sans TC",sans-serif;font-size:11px;font-weight:700;letter-spacing:.45em;color:rgba(var(--info-rgb),.32);writing-mode:vertical-rl}
#about_area .about_data{position:relative;padding: 60px 0 200px;background:linear-gradient(160deg,#fff4f7 0%,#ffecef 54%,#fff6f2 100%);background: url(/images/44/img-data-Bg.jpg);background-size: cover;overflow:hidden;}
#about_area .about_data:after{content:"";position:absolute;left:-8%;bottom:-95px;width:116%;height:170px;border-radius:50%;background: #ebf8fd;}
#about_area .about_data .area_title{
    display: flex;
    justify-content: center;
    gap: 10px;
}

#about_area .about_data_bg_text{position:absolute;left:50%;top:48%;font-family:Inter,"Noto Sans TC",sans-serif;font-size:clamp(110px,13vw,240px);font-weight:900;line-height:1;color:rgba(var(--secondary-rgb),.045);letter-spacing:-.07em;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none}
#about_area .about_data_head{position:relative;z-index:4;text-align:center;margin-bottom: 10px;}
#about_area .about_data_head .area_sub_title, #about_area .about_data_head .area_title,#about_area .about_data_intro{
    text-align: center;
}
#about_area .about_data_head .area_title, #about_area .about_data_head .area_title span{}
#about_area .about_data_intro{margin:18px 0 0;font-size: 17px;font-weight: 400;line-height: 2;letter-spacing: .5px;}
#about_area .about_data_stage{position:relative;z-index:3;min-height: 670px;}
#about_area .about_data_center{position:absolute;left:50%;top:50%;width: 500px;height: 600px;transform:translate(-50%,-50%)}
#about_area .about_data_photo{position:relative;width:100%;height:100%;overflow:hidden;border-radius: 250px 250px 0px 34px;background:#fff;border:12px solid rgba(255,255,255,.78);box-shadow:0 35px 80px rgba(160,91,112,.16)}
#about_area .about_data_photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
#about_area .about_data_center:hover .about_data_photo img{transform:scale(1.05)}
#about_area .about_data_center_text{position:absolute;left:50%;bottom:-32px;display:flex;align-items:center;gap:8px;padding: 14px 36px;border-radius:999px;background:var(--primary);color:#fff;box-shadow:0 14px 32px rgba(var(--primary-rgb),.24);transform:translateX(-50%)}
#about_area .about_data_center_text *{
    color: var(--white);
}

#about_area .about_data_center_text span,#about_area .about_data_center_text strong{font-size: 14px;font-weight: 600;letter-spacing:.15em}
#about_area .about_data_card{position:absolute;z-index:4;width:300px;padding: 30px 35px;border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(122,91,101,.09);backdrop-filter:blur(8px);}
#about_area .about_data_card:hover{transform:translateY(-10px) rotate(0)!important;box-shadow:0 30px 70px rgba(122,91,101,.15)}
#about_area .about_data_card_01{left:5%;top: 5%;transform:rotate(-4deg)}
#about_area .about_data_card_02{right: 3%;top:3%;transform:rotate(4deg)}
#about_area .about_data_card_03{left: 9%;bottom: 6%;transform:rotate(3deg);}
#about_area .about_data_card_04{right: 8%;bottom: 5%;transform:rotate(-3deg);}
#about_area .about_data_num{display:block;margin-bottom:12px;font-family:Inter,"Noto Sans TC",sans-serif;font-size:56px;font-weight: 700;line-height:1;color:var(--secondary)}
#about_area .about_data_num small{margin-left:2px;font-size:.5em}
#about_area .about_data_index{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:15px;border-radius:50%;background:var(--bg-blue);font-family:Inter,sans-serif;font-size: 17px;font-weight:700;color:var(--primary)}
#about_area .about_data_card strong{display:block;margin-bottom:9px;font-size: 22px;font-weight: 600;color: var(--black);}
#about_area .about_data_card p{margin:0;font-size: 16px;line-height:1.8;color: #2d2d2d;}
#about_area .about_data_badge{position:absolute;left:calc(50% + 145px);top:calc(50% - 255px);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;width: 150px;height: 150px;border-radius:50%;background:var(--complement);box-shadow:0 20px 45px rgba(224,177,49,.2);transform:rotate(8deg)}
#about_area .about_data_badge span{font-family:Inter,sans-serif;font-size:35px;font-weight:900;line-height:1}
#about_area .about_data_badge strong{margin-top:2px;font-size: 19px;font-weight:800}
#about_area .about_data_badge small{font-size: 13px;font-weight:500}
#about_area .about_data_handwrite{position:absolute;z-index:2;font-family:"Comic Sans MS","Noto Sans TC",cursive;font-size:21px;font-weight:600;line-height:1.2;color:var(--primary);pointer-events:none}
#about_area .about_data_handwrite_01{left:2%;top:47%;transform:rotate(-8deg)}
#about_area .about_data_handwrite_02{right:1%;top:48%;color:var(--secondary);transform:rotate(8deg)}

#about_area .about_data_card{position:absolute;z-index:4;width:300px;min-height:190px;padding: 30px 30px;border-radius:28px;background: rgba(255,255,255,1);box-shadow:0 18px 50px rgba(122,91,101,.1);backdrop-filter:blur(8px);}
#about_area .about_data_card_icon{position:absolute;right:24px;bottom:22px;width: 130px;height: 130px;display:flex;align-items:center;justify-content:center}
#about_area .about_data_card_icon img{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.16,1,.3,1)}
#about_area .about_data_card:hover .about_data_card_icon img{transform:translateY(-5px) rotate(-3deg) scale(1.05)}
#about_area .about_data_card_01 .about_data_card_icon{right:20px;bottom:18px;}
#about_area .about_data_card_02 .about_data_card_icon{right:28px;bottom:24px}
#about_area .about_data_card_03 .about_data_card_icon{right:24px;bottom:24px}
#about_area .about_data_card_04 .about_data_card_icon{right:24px;bottom:24px}
#about_area .about_data_card strong,#about_area .about_data_card p,#about_area .about_data_num,#about_area .about_data_index{position:relative;z-index:2}
#about_area .about_data_card p{max-width: 190px;}

@media(max-width:1280px){#about_area .workframe{width:calc(100% - 80px)}#about_area .about_story_grid{grid-template-columns:.9fr 1.1fr;gap:75px}#about_area .about_story_visual{min-height:620px}#about_area .about_story_img{height:520px}#about_area .about_data_card{width:270px}#about_area .about_data_card_01{left:2%}#about_area .about_data_card_02{right:2%}#about_area .about_data_card_03{left:7%}#about_area .about_data_card_04{right:6%}}
@media(max-width:1024px){#about_area .workframe{width:calc(100% - 60px)}#about_area .about_story{padding:120px 0}#about_area .about_story_grid{grid-template-columns:1fr;gap: 10px;}
                         #about_area .about_story_content .article{
    max-width: none;
}
                         
                         #about_area .about_story_content{padding-left:24px}#about_area .about_story_visual{width:min(820px,100%);min-height:650px;margin:0 auto}#about_area .about_story_en{left:0}#about_area .about_data_stage{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;min-height:auto}
                         #about_area .about_data_num{
    font-size: 44px;
}
                         #about_area .about_data_center{position:relative;left:auto;top:auto;grid-column:1/-1;width:330px;height:400px;margin:0 auto 35px;transform:none}#about_area .about_data_card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width: calc(100% - 60px);transform:none!important}#about_area .about_data_badge{left:calc(50% + 100px);top:85px}#about_area .about_data_handwrite{display:none}}
@media(max-width:768px){#about_area .workframe{width:calc(100% - 40px)}#about_area .about_story{padding: 60px 0;margin-bottom: 30px;}#about_area .about_story_visual{min-height:590px}#about_area .about_story_img{width:90%;height:470px;border-radius:110px 24px 110px 24px}#about_area .about_story_quote{left:0;bottom:10px;width:330px;padding:28px 30px}#about_area .about_story_circle{width:130px;height:130px;right:0}#about_area .about_story_en{font-size:65px;left:-10px}#about_area .about_data{padding: 60px 0;}#about_area .about_data_head{margin-bottom: 40px;}#about_area .about_data_stage{grid-template-columns:1fr}
                        #about_area .about_data_center_text{
    display: none;
}
                        #about_area .about_data_center{grid-column:1;width: 86%;height:360px}#about_area .about_data_badge{left:calc(50% + 75px);top:75px;width: 130px;height: 130px;}}
@media(max-width:560px){#about_area .workframe{width:calc(100% - 32px)}#about_area .about_story{padding: 0px 0 30px;margin-bottom: 30px;}#about_area .about_story_visual{min-height:510px}#about_area .about_story_img{width: 100%;height:400px;border-radius:80px 18px 80px 18px}
                        #about_area .about_story:after{
    display: none;
}
                        #about_area .about_story_quote{width: 56%;padding:24px}#about_area .about_story_quote strong{font-size:17px}#about_area .about_story_circle{display:none}#about_area .about_story_en{display:none}#about_area .about_data{padding: 50px 0;}#about_area .about_data_center{margin-left: 10px;}#about_area .about_data_badge{}#about_area .about_data_badge span{font-size:28px}#about_area .about_data_card{padding:26px;border-radius:22px}#about_area .about_data_num{font-size: 36px;margin-bottom: 10px;}}



/* course_area */
#course_area{position:relative;padding: 40px 0 90px;background:linear-gradient(180deg,#eaf8fd 0%,#f8fdff 100%);overflow:hidden}
#course_area:before{content:"";position:absolute;left:-8%;top:40px;width:260px;height:260px;border-radius:50%;background:rgba(99,197,211,.12);filter:blur(10px)}
#course_area:after{content:"";position:absolute;right:-70px;bottom:50px;width:220px;height:220px;border-radius:50%;background:rgba(235,93,132,.08)}
#course_area .workframe{position:relative;z-index:2}
#course_area .course_head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:48px}
#course_area .title_box p{margin:0 0 12px}
#course_area .title_box font{padding:8px 18px;border-radius:999px;background: rgb(255 228 236);font-size:13px;font-weight:700;line-height:1;letter-spacing:.16em;color:var(--secondary);text-transform:uppercase}
#course_area .page_title{}
#course_area .course_nav{display:flex;align-items:center;gap:16px}
#course_area .course_arrow{display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 12px 24px rgba(49,105,121,.12);cursor:pointer;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
#course_area .course_arrow svg{width:18px;height:18px;fill:none;stroke:var(--info);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#course_area .course_arrow:hover{transform:translateY(-3px);background:var(--secondary);box-shadow:0 18px 30px rgba(235,93,132,.2)}
#course_area .course_arrow:hover svg{stroke:#fff}
#course_area .course_paging{display:flex;align-items:center;gap:10px;min-width:108px}
#course_area .course_paging span{font-family:Inter,"Noto Sans TC",sans-serif;font-size:14px;font-weight:700;color:var(--info)}
#course_area .course_line{display:block;flex:1;height:2px;background:rgba(31,70,87,.16)}
#course_area .course-track{margin:0 -14px}
#course_area .course-card{}
#course_area .course-card-inner{position:relative;height:100%;padding:14px}
#course_area .course-card-inner:before{content:"";position:absolute;left:14px;top:14px;right:14px;bottom:14px;border-radius:30px;background:#fff;box-shadow:0 18px 45px rgba(51,112,126,.1);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
#course_area .course-card-inner:hover:before{box-shadow: 0 20px 30px rgba(51,112,126,.16);}
#course_area .course-card-inner:after{counter-increment:courseCard;content:counter(courseCard,decimal-leading-zero);position:absolute;right:36px;top:28px;font-family:Inter,"Noto Sans TC",sans-serif;font-size:14px;font-weight:800;letter-spacing:.08em;color: #fff;z-index:3}
#course_area .course-track{}
#course_area .course-card-image{position:relative;z-index:2;overflow:hidden;border-radius:24px;height:250px;background:#dfeff3}
#course_area .course-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
#course_area .course-card-inner:hover .course-card-image img{transform:scale(1.06)}
#course_area .course-card-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height: 140px;padding:26px 22px 24px}
#course_area .course-card-main{}
#course_area .course-card-title{margin:0 0 14px;font-size: 26px;font-weight: 600;line-height:1.35;letter-spacing: .03em;color:var(--info);height: auto;}
#course_area .course-description{font-size: 16px;font-weight:400;line-height:1.9;color: #545454;}
#course_area .course-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#course_area .course-card-tag{display:inline-flex;align-items:center;justify-content:center;min-width: 70px;height:34px;padding:0 14px;border-radius:999px;background:rgba(99,197,211,.12);font-size: 15px;font-weight: 500;letter-spacing:.08em;color:var(--primary)}
#course_area .course-card-more{display:inline-flex;align-items:center;gap:10px;color:var(--secondary);transition:transform .35s ease}
#course_area .course-card-more span{
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .03em;
}
#course_area .course-card-more i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(235,93,132,.12);transition:transform .35s ease,background .35s ease}
#course_area .course-card-more svg{width:13px;height:13px;fill:none;stroke:var(--secondary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#course_area .course-card-inner:hover .course-card-more{transform:translateX(4px)}
#course_area .course-card-inner:hover .course-card-more i{background:var(--secondary)}
#course_area .course-card-inner:hover .course-card-more svg{stroke:#fff}
#course_area .atag_item{top:14px;left:14px;right:14px;bottom:14px;z-index:4;border-radius:30px}
#course_area .slick-list{overflow:visible}
#course_area .slick-track{}
#course_area .slick-slide{height:inherit}
#course_area .slick-slide>div{height:100%}
@media(max-width:1280px){#course_area{padding:110px 0}#course_area .course-card-image{height:230px}#course_area .course-card-content{min-height:208px}#course_area .course-card-title{font-size:22px}}
@media(max-width:900px){#course_area{padding:95px 0}#course_area .course_head{align-items:flex-start;flex-direction:column}#course_area .course_nav{align-self:flex-end}#course_area .course-card-image{height:240px}}
@media(max-width:768px){#course_area{padding: 45px 0;}#course_area .page_title{}#course_area .course-track{margin:0 -10px}#course_area .course-card{padding:0 10px}#course_area .course-card-inner{padding:10px}#course_area .course-card-inner:before{left:10px;top:10px;right:10px;bottom:10px;border-radius:24px}#course_area .course-card-image{border-radius:20px;height:220px}#course_area .course-card-content{padding:22px 18px 20px;min-height:200px}#course_area .course-card-title{font-size:21px}#course_area .course-description{font-size:14px;line-height:1.8}#course_area .atag_item{top:10px;left:10px;right:10px;bottom:10px;border-radius:24px}}
@media(max-width:560px){#course_area{padding: 30px 0;}#course_area .course_nav{gap:12px}#course_area .course_arrow{width:48px;height:48px}#course_area .course_paging{min-width:96px}#course_area .course-card-image{height:210px}#course_area .course-card-content{min-height:auto}#course_area .course-card-bottom{margin-top:20px}}




#features_are{position:relative;/* padding: 100px 0; */background:#fffaf8;background: url(/images/44/img-features-bg.jpg) no-repeat;background-position: right;background-size: cover;overflow:hidden}
#features_are .workframe{position:relative;z-index:3;width:min(1440px,calc(100% - 120px));margin:0 auto}
#features_are .features_layout{display:grid;grid-template-columns: minmax(330px,.72fr) minmax(570px,1.18fr);gap:clamp(70px,8vw,150px);align-items:start}
#features_are .features_intro{}
#features_are .features_lead{margin:36px 0 0;max-width:430px;color: var(--primary);font-size: 20px;font-weight: 500;line-height: 1.35;letter-spacing: .09em;margin-top: 20px;padding: 10px 0;}
#features_are .features_script{position:relative;display:inline-block;margin: 90px 0 0 25px;font-family:"Comic Sans MS","Noto Sans TC",cursive;font-size:24px;line-height:1.2;color: var(--triadic1);transform:rotate(-6deg)}
#features_are .features_script:after{content:"";position:absolute;right:-45px;bottom:-13px;width:110px;height:2px;background: var(--triadic1);transform:rotate(-5deg)}
#features_are .features_deco_circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:155px;height:155px;margin:65px 0 0 auto;border:1px solid rgba(var(--primary-rgb),.35);border-radius:50%;transform:rotate(8deg);display: none;}
#features_are .features_deco_circle span{font-family:Inter,"Noto Sans TC",sans-serif;font-size:11px;font-weight:700;line-height:1.8;letter-spacing:.2em;color:var(--primary)}
#features_are .features_bg_text{position:absolute;left:-20px;top:80px;font-family:Inter,"Noto Sans TC",sans-serif;font-size:clamp(130px,17vw,300px);font-weight:900;line-height:.8;letter-spacing:-.08em;color:rgba(var(--primary-rgb),.035);white-space:nowrap;pointer-events:none;display: none;}
#features_are .features_list{position:relative;display: flex;gap: 30px;flex-direction: column;}
#features_are .features_item{position:relative;display:grid;grid-template-columns: 30px 145px minmax(0,1fr) 58px;align-items:center;gap: 20px;min-height: 120px;padding: 30px 32px;border-bottom:1px solid rgba(var(--info-rgb),.12);padding-left: 48px;padding-right: 40px;border-color: transparent;border-radius: 32px;background: #fff;box-shadow: 0 10px 40px rgba(47, 93, 105, .1);}
#features_are .features_item:before{content:"";position:absolute;left:0;top:50%;width:4px;height:0;border-radius:999px;background:var(--secondary);transform:translateY(-50%);transition:height .45s cubic-bezier(.16,1,.3,1)}
#features_are .features_item:hover{/* padding-left:48px; *//* padding-right:40px; *//* border-color:transparent; *//* border-radius:32px; *//* background:#fff; *//* box-shadow:0 25px 60px rgba(47,93,105,.1); */}
#features_are .features_item:hover:before{height:65%}
#features_are .features_item_02:hover:before{background:var(--primary)}
#features_are .features_item_03:hover:before{background:var(--complement)}
#features_are .features_num{align-self:start;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.15em;color:rgba(var(--info-rgb),.36);transition:color .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}
#features_are .features_item:hover .features_num{color:var(--secondary);transform:translateY(-5px)}
#features_are .features_icon{display:flex;align-items:center;justify-content:center;width: 130px;height: 130px;border-radius:35px;background:#fff0f4;color:var(--secondary);transition:transform .5s cubic-bezier(.16,1,.3,1),border-radius .5s ease,background .5s ease}
#features_are .features_item_02 .features_icon{background:#eaf8fb;color:var(--primary)}
#features_are .features_item_03 .features_icon{background:#fff7dc;color:#daa928}
#features_are .features_icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#features_are .features_item:hover .features_icon{border-radius:50%;transform:translateY(-7px) rotate(-5deg) scale(1.05)}
#features_are .features_en{margin-bottom:9px;font-size: 12px;font-weight: 600;line-height:1.4;letter-spacing:.2em;color:var(--secondary)}
#features_are .features_item_02 .features_en{color:var(--primary)}
#features_are .features_item_03 .features_en{color:#c59b27}
#features_are .features_title{margin:0 0 17px;font-size: clamp(22px,2vw,26px);font-weight: 600;line-height:1.3;letter-spacing: .025em;color:var(--info)}
#features_are .features_content p{max-width:610px;margin:0;font-size: 16px;font-weight:400;line-height:1.95;color: #525252;}
#features_are .features_arrow{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(var(--info-rgb),.15);border-radius:50%;transition:transform .45s cubic-bezier(.16,1,.3,1),background .4s ease,border .4s ease}
#features_are .features_arrow svg{width:17px;height:17px;fill:none;stroke:var(--info);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#features_are .features_item:hover .features_arrow{border-color:var(--secondary);background:var(--secondary);transform:translateX(7px) rotate(-8deg)}
#features_are .features_item:hover .features_arrow svg{stroke:#fff}



@media(max-width:1280px){#features_are .workframe{width:calc(100% - 80px)}#features_are .features_layout{grid-template-columns:330px 1fr;gap:70px}#features_are .features_item{grid-template-columns:55px 90px 1fr 50px;gap:22px;padding:32px 24px}#features_are .features_icon{width:85px;height:85px}#features_are .features_icon svg{width:46px;height:46px}}
@media(max-width:1024px){#features_are{padding-top:110px}#features_are .workframe{width:calc(100% - 60px)}#features_are .features_layout{grid-template-columns:1fr;gap: 30px;}#features_are .features_intro{position:relative;top:auto;padding:0}#features_are .features_deco_circle{position:absolute;right:5%;top:15px;margin:0}#features_are .features_script{margin-top:38px;display: none;}#features_are .features_list{margin-top:15px}#features_are .features_marquee{margin-top:95px}}
@media(max-width:768px){#features_are{padding-top:90px}#features_are .workframe{width:calc(100% - 40px)}#features_are .features_deco_circle{width:120px;height:120px}#features_are .features_item{grid-template-columns:46px 76px minmax(0,1fr);gap:18px;min-height:auto;padding:30px 16px}#features_are .features_item:hover{padding-left:24px;padding-right:16px;border-radius:24px}#features_are .features_icon{width:72px;height:72px;border-radius:24px}#features_are .features_icon svg{width:39px;height:39px}#features_are .features_arrow{display:none}#features_are .features_content p{font-size: 16px;line-height:1.85}#features_are .features_title{font-size:24px}#features_are .features_marquee{margin-top:75px}}
@media(max-width:560px){#features_are{padding-top: 50px;}#features_are .workframe{width: calc(100% - 60px);}#features_are .features_deco_circle{display:none}#features_are .features_script{font-size:20px}#features_are .features_item{grid-template-columns: 26px 1fr;gap:10px 16px;padding: 28px 30px 28px 20px;}#features_are .features_num{grid-column:1;grid-row:1}#features_are .features_icon{grid-column:2;grid-row:1;width: 80px;height: 80px;margin-bottom:12px}#features_are .features_content{grid-column:2;grid-row:2}#features_are .features_item:hover{padding-left:10px}#features_are .features_marquee span{font-size:28px}#features_are .features_marquee i{margin:0 25px}}
@media(prefers-reduced-motion:reduce){#features_are .features_marquee_inner{animation:none}}



#reading_tour{position:relative;padding:120px 0;background:linear-gradient(180deg,#fff 0%,#f2fbfd 100%);overflow:hidden}
#reading_tour .workframe{width:min(1500px,calc(100% - 120px));margin:0 auto}
#reading_tour .reading_tour_layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:90px;align-items:center}
#reading_tour .reading_tour_info .area_title span{color:var(--secondary)}
#reading_tour .reading_tour_lead{max-width:520px;margin:30px 0 0;font-size:17px;line-height:2;color:#62757c}
#reading_tour .reading_tour_points{display:grid;gap: 10px;margin-top: 20px;}
#reading_tour .reading_tour_point{display:flex;align-items:center;gap:14px}
#reading_tour .reading_tour_point span{display:flex;align-items:center;justify-content:center;width: 44px;height: 44px;border-radius:50%;background: var(--triadic2);font-size: 16px;font-weight: 500;color: var(--white);box-shadow:0 8px 20px rgba(var(--primary-rgb),.08)}
#reading_tour .reading_tour_point p{margin:0;font-size: 17px;font-weight: 500;color: var(--black);}
#reading_tour .reading_tour_open{margin-top: 30px;}
#reading_tour .reading_tour_preview{position:relative}
#reading_tour .reading_tour_preview_link{display:block;border-radius:36px;background:#fff;box-shadow:0 35px 80px rgba(49,105,121,.16);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
#reading_tour .reading_tour_preview_link:hover{transform:translateY(-8px);box-shadow:0 45px 95px rgba(49,105,121,.22)}
#reading_tour .reading_tour_browser{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 24px;border-bottom:1px solid rgba(var(--info-rgb),.08)}
#reading_tour .reading_tour_browser_left{display:flex;gap:7px}
#reading_tour .reading_tour_browser_left i{width:9px;height:9px;border-radius:50%;background:#e8a9ba}
#reading_tour .reading_tour_browser_left i:nth-child(2){background:#f7d16d}
#reading_tour .reading_tour_browser_left i:nth-child(3){background:#73c9d4}
#reading_tour .reading_tour_browser_title{font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;color:#849599}
#reading_tour .reading_tour_browser_tag{padding:7px 12px;border-radius:999px;background:rgba(var(--secondary-rgb),.1);font-family:Inter,sans-serif;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--secondary)}
#reading_tour .reading_tour_cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eef6f8}
#reading_tour .reading_tour_cover img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
#reading_tour .reading_tour_preview_link:hover .reading_tour_cover img{transform:scale(1.04)}
#reading_tour .reading_tour_play{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap: 10px;padding: 16px 24px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 15px 35px rgba(49,105,121,.16);transform:translate(-50%,-50%);backdrop-filter:blur(8px)}
#reading_tour .reading_tour_play span{font-size: 16px;font-weight: 600;letter-spacing: 1px;color: var(--secondary);}
#reading_tour .reading_tour_play i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--secondary)}
#reading_tour .reading_tour_play svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1024px){#reading_tour .workframe{width:calc(100% - 60px)}#reading_tour .reading_tour_layout{grid-template-columns:1fr;gap:55px}
                        #reading_tour{
    padding: 60px 0;
}#reading_tour .reading_tour_points{
    display: flex;
    flex-wrap: wrap;
}}


@media(max-width:768px){#reading_tour{padding:90px 0}#reading_tour .workframe{width:calc(100% - 40px)}}
@media(max-width:560px){#reading_tour{padding:75px 0}#reading_tour .workframe{width:calc(100% - 32px)}#reading_tour .reading_tour_browser_title{display:none}}

#reading_tour{position:relative;padding:120px 0;background:linear-gradient(180deg,#fff 0%,#f2fbfd 100%);overflow:hidden}
#reading_tour .workframe{width:min(1500px,calc(100% - 120px));margin:0 auto}

#reading_tour .reading_tour_embed{position:relative;border-radius:34px;background:#fff;box-shadow:0 35px 85px rgba(49,105,121,.16);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
#reading_tour .reading_tour_embed:hover{transform:translateY(-6px);box-shadow:0 45px 100px rgba(49,105,121,.2)}
#reading_tour .reading_tour_browser{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 24px;border-bottom:1px solid rgba(var(--info-rgb),.08);background:#fff}
#reading_tour .reading_tour_browser_left{display:flex;gap:7px}
#reading_tour .reading_tour_browser_left i{width:9px;height:9px;border-radius:50%;background:#e8a9ba}
#reading_tour .reading_tour_browser_left i:nth-child(2){background:#f7d16d}
#reading_tour .reading_tour_browser_left i:nth-child(3){background:#73c9d4}
#reading_tour .reading_tour_browser_title{font-family:Inter,"Noto Sans TC",sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;color:#849599}
#reading_tour .reading_tour_browser_tag{padding:7px 12px;border-radius:999px;background:rgba(var(--secondary-rgb),.1);font-family:Inter,sans-serif;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--secondary)}
#reading_tour .reading_tour_iframe{position:relative;width:100%;aspect-ratio:16/9;background:#eef6f8}
#reading_tour .reading_tour_iframe iframe{display:block;width:100%;height:100%;border:0;background:#fff}
#reading_tour .reading_tour_external{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 22px;border-top:1px solid rgba(var(--info-rgb),.07);background:#fff;font-family:Inter,"Noto Sans TC",sans-serif;font-size: 8px;font-weight: 600;letter-spacing:.12em;color:var(--info)}
#reading_tour .reading_tour_external i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--secondary)}
#reading_tour .reading_tour_external svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#reading_tour .reading_tour_badge{position:absolute;right:-28px;bottom:-28px;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:var(--secondary);color:#fff;box-shadow:0 20px 45px rgba(var(--secondary-rgb),.25);transform:rotate(8deg);display: none;}
#reading_tour .reading_tour_badge span,#reading_tour .reading_tour_badge strong,#reading_tour .reading_tour_badge small{font-family:Inter,"Noto Sans TC",sans-serif;letter-spacing:.14em;color:#fff}
#reading_tour .reading_tour_badge span{font-size:10px}
#reading_tour .reading_tour_badge strong{margin:4px 0;font-size:16px}
#reading_tour .reading_tour_badge small{font-size:9px}
@media(max-width:1280px){#reading_tour .workframe{width:calc(100% - 80px)}#reading_tour .reading_tour_layout{grid-template-columns:.7fr 1.3fr;gap:60px}}
@media(max-width:1280px){#reading_tour{padding:100px 0}#reading_tour .workframe{width:calc(100% - 60px)}#reading_tour .reading_tour_layout{grid-template-columns:1fr;gap:55px}}
@media(max-width:768px){#reading_tour .reading_tour_iframe{
    aspect-ratio: 16 / 28;
}#reading_tour{padding:85px 0}#reading_tour .workframe{width:calc(100% - 40px)}#reading_tour .reading_tour_embed{border-radius:26px}#reading_tour .reading_tour_badge{width:110px;height:110px;right:-10px;bottom:-20px}}
@media(max-width:560px){#reading_tour{padding:70px 0}#reading_tour .workframe{width:calc(100% - 32px)}#reading_tour .reading_tour_browser_title{display:none}#reading_tour .reading_tour_badge{display:none}#reading_tour .reading_tour_external{justify-content:center}}

#news_area{position:relative;padding:clamp(120px,10vw,190px) 0;background:#fff;overflow:hidden}
#news_area .bg_box{inset:0;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.08;pointer-events:none}
#news_area .workframe{position:relative;z-index:2;width:min(1500px,calc(100% - 120px));margin:0 auto}
#news_area .news_layout{display:grid;grid-template-columns:minmax(280px,.32fr) minmax(0,.68fr);gap:clamp(70px,7vw,130px);align-items:start}
#news_area .news_head{position:relative;padding-top:20px}
#news_area .news_head_text{margin:38px 0 0;font-family:"Comic Sans MS","Noto Sans TC",cursive;font-size:clamp(28px,2.4vw,42px);font-weight:500;line-height:1;color:var(--primary);transform:rotate(-6deg);transform-origin:left center}
#news_area .news_intro{max-width:340px;margin:40px 0 0;font-size:15px;line-height:1.95;color:#6b7a80}
#news_area .news_control{display:flex;align-items:center;gap:14px;margin-top:46px}
#news_area .news_arrow{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid rgba(var(--info-rgb),.13);border-radius:50%;background:#fff;cursor:pointer;transition:background .35s ease,border .35s ease,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}
#news_area .news_arrow svg{width:17px;height:17px;fill:none;stroke:var(--info);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#news_area .news_arrow:hover{border-color:var(--secondary);background:var(--secondary);transform:translateY(-4px);box-shadow:0 14px 28px rgba(var(--secondary-rgb),.2)}
#news_area .news_arrow:hover svg{stroke:#fff}
#news_area .news_paging{display:flex;align-items:center;gap:9px;width:95px}
#news_area .news_paging span{font-family:Inter,"Noto Sans TC",sans-serif;font-size:12px;font-weight:700;color:var(--info)}
#news_area .news_line{display:block;flex:1;height:1px;background:rgba(var(--info-rgb),.2)}
#news_area .list_box{position:relative;min-width:0}
#news_area .list_box ul{margin:0 -13px;padding:0;list-style:none}
#news_area .news_item{padding:15px 13px 30px}
#news_area .news_card{height:100%;border-radius:30px;background:#fff;box-shadow:0 16px 45px rgba(47,94,105,.09);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}
#news_area .news_card:hover{transform:translateY(-12px);box-shadow:0 28px 65px rgba(47,94,105,.16)}
#news_area .news_img{height:250px;background:var(--bg-blue)}
#news_area .news_img:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(20,49,59,.16));pointer-events:none}
#news_area .news_img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
#news_area .news_card:hover .news_img img{transform:scale(1.07)}
#news_area .news_category{position:absolute;left:20px;bottom:18px;z-index:3}
#news_area .news_category a{display:inline-flex;align-items:center;min-height:31px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.94);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--secondary);backdrop-filter:blur(8px)}
#news_area .info_box{min-height:275px;padding:28px 25px 26px}
#news_area .news_meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
#news_area .news_meta span{font-family:Inter,"Noto Sans TC",sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--primary)}
#news_area .news_meta time{font-family:Inter,"Noto Sans TC",sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;color:#9aa7ab}
#news_area .news_title{display:-webkit-box;overflow:hidden;margin:0;font-size:21px;font-weight:800;line-height:1.5;letter-spacing:-.02em;color:var(--info);-webkit-line-clamp:2;-webkit-box-orient:vertical}
#news_area .ne_infoo{display:-webkit-box;overflow:hidden;margin-top:14px;font-size:14px;line-height:1.85;color:#6a7a80;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#news_area .news_more{position:absolute;left:25px;right:25px;bottom:25px;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(var(--info-rgb),.09)}
#news_area .news_more>span{font-family:Inter,"Noto Sans TC",sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--secondary)}
#news_area .news_more i{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:rgba(var(--secondary-rgb),.09);transition:transform .35s ease,background .35s ease}
#news_area .news_more svg{width:13px;height:13px;fill:none;stroke:var(--secondary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#news_area .news_card:hover .news_more i{background:var(--secondary);transform:translateX(5px)}
#news_area .news_card:hover .news_more svg{stroke:#fff}
#news_area .atag_item{inset:0;z-index:4}
#news_area .slick-list{overflow:visible}
#news_area .slick-track{display:flex}
#news_area .slick-slide{height:inherit}
#news_area .slick-slide>div{height:100%}
#news_area .news_bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:60px;padding-top:30px;border-top:1px solid rgba(var(--info-rgb),.1)}
#news_area .news_bottom_text{font-family:Inter,"Noto Sans TC",sans-serif;font-size:clamp(20px,2vw,34px);font-weight:800;letter-spacing:.04em;color:rgba(var(--primary-rgb),.13)}
#news_area .news_all{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--info)}
#news_area .news_all i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--secondary);transition:transform .35s cubic-bezier(.16,1,.3,1)}
#news_area .news_all svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#news_area .news_all:hover i{transform:translateX(6px) rotate(-8deg)}
#news_area:before{content:"NEWS";position:absolute;left:-30px;bottom:25px;font-family:Inter,"Noto Sans TC",sans-serif;font-size:clamp(120px,15vw,260px);font-weight:900;line-height:.8;letter-spacing:-.08em;color:rgba(var(--primary-rgb),.025);pointer-events:none}
#news_area:after{content:"";position:absolute;right:-100px;top:-120px;width:320px;height:320px;border-radius:50%;background:rgba(var(--secondary-rgb),.045);pointer-events:none}
@media(max-width:1280px){#news_area .workframe{width:calc(100% - 80px)}#news_area .news_layout{grid-template-columns:260px 1fr;gap:60px}#news_area .news_img{height:235px}}
@media(max-width:1024px){#news_area{padding:110px 0}#news_area .workframe{width:calc(100% - 60px)}#news_area .news_layout{grid-template-columns:1fr;gap:45px}#news_area .news_head{display:grid;grid-template-columns:1fr auto;align-items:end}#news_area .news_head .title_box{grid-column:1}#news_area .news_head_text{display:none}#news_area .news_intro{grid-column:1;margin-top:20px}#news_area .news_control{grid-column:2;grid-row:1/3;margin:0}#news_area .news_img{height:250px}}
@media(max-width:768px){#news_area{padding:90px 0}#news_area .workframe{width:calc(100% - 40px)}#news_area .news_head{display:block}#news_area .news_control{margin-top:30px}#news_area .news_item{padding:12px 10px 25px}#news_area .list_box ul{margin:0 -10px}#news_area .news_img{height:260px}#news_area .news_bottom{margin-top:40px}#news_area .news_bottom_text{display:none}}
@media(max-width:560px){#news_area{padding:75px 0}#news_area .workframe{width:calc(100% - 32px)}#news_area .news_img{height:225px}#news_area .info_box{min-height:255px;padding:24px 20px}#news_area .news_title{font-size:20px}#news_area .news_more{left:20px;right:20px;bottom:22px}#news_area .news_bottom{justify-content:flex-end}#news_area .news_arrow{width:46px;height:46px}}