@font-face {
    font-family:"MStiffHeiHK-UltraBold";
    src:url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.eot");
    src:url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.svg#MStiffHeiHK-UltraBold")format("svg");
}
.bgcolor0{background:url(../images/1203035_top_bg.png) no-repeat top fixed;}
.bgcolor1{background:linear-gradient(to right,#97e3d8d4 0%,#fffffff5 30%,#fffdf1f7 70%,#e397c1db 100%);}
.ft_NOTO{font-family:'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family:'Noto Serif TC', serif;}
.ft_Meiro{font-family:Meiryo, "Meiryo UI", Arial, sans-serif;}
.offer,.stu_group,.school_bg,.school_title,.school_click,.learning,.learning_title{padding:1rem 0;}
.plan{padding:0.5rem;text-align:center;}
.plan_title,.offer_title,.date_title,.student_title,.grade_title,.school_title,.learning_title,.intro_title,.public_title{font-size:3.8rem;text-align:center;font-family:MStiffHeiHK-UltraBold;color:#062543;font-style:italic;}
.date{margin-top:3%;}
.date_title{font-size:2.8rem;font-weight:900;font-family:MStiffHeiHK;color:#008575;font-style:italic;text-align:center;}
.plan dt{font-size:2.0rem;font-weight:900;color:#e57a0b;}
.hit{color:#d35498;}
.stu_name{font-size:1.7rem;font-weight:900;color:#fd870d;margin-bottom:1.5rem;}
.stu_name img{float:left;margin-right:1.0rem;}
.pass {font-size:1.4rem;background:#ff8f1d;color:#FFF;padding:0.2rem 1.2rem;border-radius:1.5rem;width:max-content;margin:0 0.3rem;}
.number {color:#d35498;}
.grade_list li{width:calc(100%/2);padding:0.25rem;text-align:left;}
.intro_photo{width:calc(100%/4);padding:0.25rem;}
.intro_photo img{border-radius:0.5rem;}
.intro_des{text-align:left;padding:0.5rem;}
.intro_des li{text-indent:-1.2rem;margin-left:1.2rem;}
.intro_des span{color:#EF7F0C;font-weight:900;}
.plan dd,.intro_des li,.grade_list li,.grade_note{font-size:1.2rem;}
.plan_stage{width:calc(100%/4);}
.grade_list {margin:1% 0 2% 0;font-size:1.3rem;}
.grade_list li{font-size:1.3rem;border-bottom:dotted 1px;padding:.5rem;display:inline-flex}
.grade_note {margin:0% 0 3% 0;}
.student,.public{margin-bottom:4%;}
.stu_content{font-size:1.2rem;margin-top:0.3rem;}
.stu_content .tab a{background-color:#feffc7;cursor:pointer;padding:0.2rem 0.8rem;position:relative;margin:auto 1rem auto 0;}
.stu_content .tab a.active{background-color:yellow;text-decoration:none;}
.stu_content .tab a.active::after{content:'▼';bottom:-1.25rem;left:41.05%;color:yellow;position:absolute;}
.stu_content .cont{padding:1.0rem 0;border-bottom:solid 1px #1aa9b9;}
.offer_title{color:#feffc7;font-style:italic;font-size:3.0rem;}
.offer_spectitle{color:#062543;font-weight:900;font-size:2.8rem;}
.offer_list li{font-size:1.5rem;border-bottom:dashed 2px;color:#062543;margin:0.4rem 0.2rem;}
.sepc_color{background-color:#0B3A54 ;padding:0 1rem;border-radius:1rem;}
.offer_list li.sepc_color,.offer_list li.sepc_color a{color:#ffffe7;border:0}
.offer_list li.sepc_color a{cursor:pointer;}
.offer{background-color:#2acfbbe8 ;border-radius:0.9rem;padding:0.5rem 0.5rem 0.8rem;box-shadow:inset 5px 5px 0px #ffffffa8, 6px 6px 0px 0px #0b3a54;margin-bottom:4%;text-align:center;}
.offer_btn{margin:2% 0;text-align:center;}
.offer_btn a {font-size:1.8rem;color:#fff;background:#fd870d;padding:0.3rem 1.0rem;border-radius:30px;text-decoration:none;margin:2%;}
.offer_btn a:hover{color:#fff;transform:scale(1.1);background:#0b3a54;}
#Master_title .photolist{align-items:flex-end;margin-top:-4.5%;background:initial;}
#Master_title .photolist::before{content:none;}
#Master_title img{text-align:center;margin:0 auto;}
.photolist figure{position:relative;}
.photolist figure img{filter:drop-shadow(11px 8px 15px rgba(0,0,0,.5));}
.photolist figure:nth-child(1){width:29%;margin:0px -5% 0 0;}
.photolist figure:nth-child(2){width:29%;margin:0 -5%;}
.photolist figure:nth-child(3){width:29%;margin:0 -5%;}
.photolist figure:nth-child(4){width:29%;margin:0px 0 0 -2%;}
.photolist figcaption{position:absolute;bottom:10%;}
.photolist figure:nth-child(2) figcaption{left:10%;}
.photolist figure:nth-child(3) figcaption{left:10%;}
.photolist figcaption img{filter:none;}
.tea_name{text-align:center;}
.plan .sel_style{background-color:#fd870d;color:white;box-shadow:inset 3px 4px 0px #ffffffa8, 3px 3px 0px 0px #0b3a54;border-radius:0.5rem;border:solid 2px #0b3a54;text-align:center;font-size:1.5rem;padding:0.1rem;margin-bottom:0.2rem;}
.plan .word-break{word-break:keep-all;overflow-wrap:anywhere;}
.stu_group,.school_feature{text-align:left;padding:0.5rem;}
.school_feature span{background-color:#00af9a;border-radius:1rem;padding:0 1rem;margin:0.5rem 0;display:block;width:max-content;font-size:1.3rem;color:white;}
.school_list li{list-style-type:disc;margin-left:2rem;line-height:2rem;}
.school_click a:hover{cursor:pointer;}
.school_click {background-color:#c1eaee82;padding:1rem 0rem;border-bottom:6px solid #1aa9b9;font-size:1.5rem;font-weight:normal;margin:0;}
.school_click a {cursor:pointer; transition:background-color 0.2s;padding:1rem 2.8rem; }
.school_click a.active {background-color:#1aa9b9;color:#fff;}
.school_feature dt{font-size:1.7rem;font-weight:900;color:#ef7f0c;}
.Vuecontent{background-color:#ffffff85;color:#077d8b;padding:1% 3%;}
.len_des{display:block;font-size:1.1rem;font-weight:normal;text-align:center;font-family:fantasy;}
.learning_group .flex {align-items:center;}
.learing_titlesub i {color:#f88929;margin:0 0.25rem;}
.learing_titlesub{font-size:2.0rem;font-weight:900;font-family:"Microsoft YaHei";}
.learning_group{width:calc(100%/3);padding:0.5rem;}
.learning_photo img { border-radius:20px; border:6px #5ab8c299 solid;margin:10px auto;}
.date_list{width:100%;margin:1% 0 3%;font-size:1.3rem;}
.date_list th,.date_list td,.date_list{padding:0.5rem 0.25rem;text-align:center;}
.date_list th{background-color:#00af9a; color:#FEFFC7;font-size:1.2rem;border-right:dotted 1px;}
.date_list th small{padding:0 0 0 0.25rem;}
.date_list td{background-color:#bcefe98f;border-bottom:solid 2px #062543;}
.public dl{padding:0.5rem 0;}
.public dl dt{font-size:1.5rem;background-color:#2acfbbe8;border-radius:0.9rem;padding:0.5rem 0.5rem;box-shadow:inset 4px 4px 0px #ffffffa8, 4px 4px 0px 0px #0b3a54;margin-bottom:3%;text-align:center;}
.public dl dd{font-size:1.2rem;}
.public .decimal dd{display:list-item;list-style-type:decimal;margin:auto auto auto 1.5rem;}
.reason{width:60%;padding:0 1rem 0 0;}
.strategy{width:40%;}
.strategy dd::before{content:'•';}
.reason dd span{color:#EF7F0C;font-weight:900}
.strategy dl dd{display:inline-flex;}
.ps{color:#EF7F0C;font-weight:900;font-size:1.5rem;text-align:center;border:dotted 2px;border-radius:1.5rem;width:fit-content;padding:.1rem 5%;margin:.5rem auto;}
.continuous{width:100%;display:inline-flex;justify-content:center;}
.continuous a{background-color:#0B3A54;padding:0.2rem 0.75rem;border-radius:1rem;color:#ffffe7;display:inline-flex;margin:0.8rem 0.3rem;font-size:1.2rem;}
@media (min-width:1201px){
    #Master_title{margin:auto;width:1200px;padding:1% 0 0;}
    #event_master{width:1200px;padding:2% 0;margin:auto;} 
    .school_click a:hover {background-color:#5ab8c285;color:#20828d;}
}
@media (max-width:1200px){    
    .intro_photo{width:calc(100%/2);}    
    .offer_list li,.learning_group,.grade_list li{width:calc(100%/1);}
    .grade_list li{text-align:center;}  
    #Master_title{width:100%;padding:2% 0% 0;}
    #event_master{width:100%;padding:0%;}
    .school_click a {padding:0.5rem;font-size:1.25rem;}
}
@media (max-width:1023px){ 
    .plan_stage{width:calc(100%/2);}    
}
@media (min-width:768px) and (max-width:1023px){
    .continuous a{margin: 0.8rem auto;}
}
@media (max-width:767px){ 
	.plan_title,.offer_title,.date_title,.student_title,.grade_title,.school_title,.learning_title,.intro_title,.offer_spectitle,.public_title{font-size:1.6rem;text-align:left;}
	.stu_name{font-size:1.5rem;}
	.pass{font-size:1.2rem;}
    .offer_btn a {font-size:1.2rem;display:inline-block;}
    .offer_btn,.date_title{text-align:center;}
    .hit{display:block;}
    .date_list,.date_list td,.date_list th{text-align:center;}
}
@media (max-width:767px) and (orientation:portrait){
    .stu_content .tab a{padding:0 0.25rem;margin:auto;}
    .reason{width:100%;padding:0;}
    .strategy{width:100%;}
    .plan_stage{width:100%;}
}
@media (min-width:1024px){
    .lg\:w-1\/3{width:33.333333%!important}
}