@import url("../../../icon_new_6.2/css/all.min.css");
@import url("../../../File/css/ani.css");
@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");
}
/* @font-face {
    font-family: "MStiffHeiHK-UltraBold";
    src: url("https://master.get.com.tw/event/stat/MStiffHeiHK-UltraBold/WebFonts/6daafe4bf5f24958dc640da592c230c4.eot");
    src: url("https://master.get.com.tw/event/stat/MStiffHeiHK-UltraBold/WebFonts/6daafe4bf5f24958dc640da592c230c4.eot?#iefix")format("embedded-opentype"),
        url("https://master.get.com.tw/event/stat/MStiffHeiHK-UltraBold/WebFonts/6daafe4bf5f24958dc640da592c230c4.woff")format("woff"),
        url("https://master.get.com.tw/event/stat/MStiffHeiHK-UltraBold/WebFonts/6daafe4bf5f24958dc640da592c230c4.woff2")format("woff2"),
        url("https://master.get.com.tw/event/stat/MStiffHeiHK-UltraBold/WebFonts/6daafe4bf5f24958dc640da592c230c4.ttf")format("truetype"),
        url("https://master.get.com.tw/event/stat/MStiffHeiHK-UltraBold/WebFonts/6daafe4bf5f24958dc640da592c230c4.svg#MStiffHeiHK-UltraBold")format("svg");
} */

/*設計專用樣式Start*/
:root{
    --tiffany:#01b6a1;
    --light_gray:rgb(194, 194, 194);
}
.offer,.stu_group,.school_bg,.school_title,.school_click,.learning,.learning_title{margin: 1rem 0;}
.plan{padding: 0.5rem;}
.plan_title,.offer_title,.date_title,.student_title,.grade_title,.school_title,.learning_title,.intro_title{font-size: 3.8rem;font-weight: 900;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;}
.plan:nth-child(-n+4) dt{font-size: 2.0rem;font-weight: 900;color: #e57a0b;}
.hit{color: #d35498;}
.stu_name{font-size: 2.0rem;font-weight: 900;color: #fd870d;margin-bottom: 0.5rem;}
.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;}
.grade_list {margin: 1% 0 2% 0;font-size: 1.3rem;}
.grade_list li{font-size: 1.3rem;border-bottom: dotted 1px;padding: 0.5rem;}
.grade_note {margin: 0% 0 3% 0;}
.stu_content{font-size: 1.2rem;margin-top: 0.3rem;}
.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{width: calc(100%/2 -);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;}
.sepc_color,.sepc_color a{color: #ffffe7!important;border: 0!important;}
.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%;}
.offer_btn{margin-top: 2%;}
.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;}
.photolist{align-items: flex-end;margin-top: -4.5%;}
.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 figure:nth-child(1) img{width: %;}
.photolist figure:nth-child(2) img{width: %;}
.photolist figure:nth-child(3) img{width: %;}
.photolist figure:nth-child(4) img{width: %;}
.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;}
.opacity{opacity: 0.5;}

.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;}

.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;}
.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}

.school_click {background-color: #c1eaee82;padding: 1rem 0rem;border-bottom: 6px solid #1aa9b9;font-size: 1.5rem;font-weight: normal;margin: 0;}
.school_click dd {}
.school_click a {cursor: pointer; transition: background-color 0.2s;padding: 1rem 2.8rem; }
.school_click a.active {background-color: #1aa9b9;color: #fff;}
.school_click a:hover {background-color: #5ab8c285;color: #20828d;}
.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{border: ;padding:0.5rem 0.25rem;}
.date_list th{background-color: #00af9a; color: #FEFFC7;font-size: 1.2rem;border-right: dotted 1px;}
.date_list td{background-color: #bcefe98f;color: #0625W43;border-bottom: solid 2px #062543;}
/*設計專用樣式END*/

/*css reset 歸0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*remember to define focus styles!*/
:focus{outline:0;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:"Microsoft YaHei", 微軟正黑體, Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li,dd,ol{margin:0;padding:0;list-style-type:none;}
small{font-size: 0.9rem;}
mark{font-size: 1.3rem;}
/*Back to top button */
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;}
#back-top a:hover span {background-color: #777;}

/*共用*/
.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%);}
.bgcolor2{background-color: #F3F3F3;}
.bgcolor3{background-color: #EEEEEE;}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

.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;}

#askarea_out input, #askarea_out select {color: rgb(82, 80, 80);padding: 0 0.4rem;}
#askarea input[type="submit"],#askarea input[type="reset"]{color: white;}
#askarea_out img{width: 25%;display: inline-block;margin: 0.5rem 0;}

    #Master_title img{text-align: center;margin: 0 auto;}    


@media (min-width: 1201px){


    #BodyContent{width:100%;padding:0;margin:0;}
    #BodyContainer_event{width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli{display:none;}

    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:1200px;padding:0;} 
	#Master_title{margin:1% auto 0%;display:inline-block;width:1200px;padding:0;}    

    /*標題大小*/
    /* h1{ font-size: 3em; }
    h2{ font-size: 2.5em; }
    h3{ font-size: 2.2em; }
    #event_sixth nav a{ font-size: 1.3em; } */
    /* bodyHeader */
    #BodyHeader_event,#header-share{width:100%;float:left}
    #BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#FFF}
    #BodyHeader_event #header-share img{margin-bottom:5px;max-width: 12%;display: inline-block;}
    #BodyHeader_event a{color:#333;font-size:17px}
    #BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
    /* Footer */
    #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
    #BodyFooter_rwd{width:100%;margin-top:2%;}
    #footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
    #footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
    #footer_inline a,#footer_address a{color:#000}
    #footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
    #footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
    #adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
    #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;display: inline-block;}
    #footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
    /*ask*/
    #askarea_out *{font-family:"微軟正黑體";font-size:1em}
    #askarea_out{background-color:#2896D0;width:100%;display:inline-block;text-align:left}
    #askarea{width:1200px;margin:0 auto}
    #askarea img{width:8%;height:auto}
    #askarea p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
    #askarea .asktitle,#askarea .asktitle p{text-align:center}
    #askarea .asktitle{color:#FFF;font-size:1.55em;margin-top: 1%;margin-bottom: 1%;}
    #askarea #formlist{width:80%;margin:2% auto;color:#FFF}
    #askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
    #askarea SELECT{width:19.7%}
    #askarea input{color:#A1A1A1}
    #askarea input[name="sContent"]{width:50%}
    #askarea input[type="text"]{width:40%;/*height:20px*/}
    #askarea input[type="radio"]{margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#eb543f;padding:.5em}
    #noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
    #noie a{color: #FC0;}
    .hottxt{ color: #ffd942; font-size: 13px;}
}

@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;}
    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /*header*/
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    #BodyHeader_event_rwd img,#BodyFooter_rwd #footer_inline ul li img{display: inline-block;}
    @media screen and  (orientation:portrait) {#BodyHeader_event_rwd img {max-width: 50%;margin-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    /*選單*/
    #mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
    #mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
    /*body*/
    #Master_title{display:inline-block;width:100%;padding:0%;}/*主圖位置ID*/
    @media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width:100%;padding:0%;}
    /*div section標籤段落*/
    /* section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;} */
    /* nav p{line-height:1.8rem;} */
    /*標題大小*/
    /* h1{font-size: 2.2em;}
    h2{font-size: 2.0em;}
    h3{font-size: 1.6em;} */
    #event_sixth nav a{ font-size: 1.2em;}
    /*footer*/
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #999;}
    #BodyFooter_rwd #footer_inline a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;	float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #000;line-height: 2em;}
    #BodyFooter_rwd #footer_address ul{float: left;padding:0;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: .8em;}
    /*ask*/
    #askarea{background-color:#2896D0;width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.0em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{	width:99%;}
    SELECT,input{border-radius: 7px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
    SELECT{width:100%;border: #FFF;	padding: 0.5%;}
    input{border: #FFF;padding: 1%;color: #C6C6C6;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color:#eb543f;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {   
}

@media (max-width: 767px) { 
	.plan_title,.offer_title,.date_title,.student_title,.grade_title,.school_title,.learning_title,.intro_title,.offer_spectitle{font-size: 1.6rem;}
	.stu_name{font-size: 1.5rem;}
	.pass{font-size: 1.2rem;}
	.school_click dd {margin: 3% auto;}
.offer_btn a {font-size: 1.2rem;display: inline-block;}
.offer_btn,.date_title{text-align: center;}
.hit{display: block;}
.date_out{overflow-x: scroll;}
.date_list{width: 300%;}
.date_list,.date_list td,.date_list th{text-align: center;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}