@import url("../../../icon_new_6.2/css/all.min.css");
:root {
    --black: #2d272c;
    --yellow2: #fbd15b;
    --yellow: #EB8B01;
    --orange: #E36424;
    --gray: #E4E4E4;
    --white: #FFFFFF;
    --pink: #ff6666;
    --red: #ff1937;
    --purple: #6677ca;
    --deep_purple: #492ebd;
}

/*DIY*/
*{transition: all 0.5s;}
.jump{background-color: #012560;display: none;z-index: 99;padding: 1rem;}
.jump-fixed{display: flex;top:0;}
.jump li,.jump li a{color: white;}
.completion{width:100%;background:#e9e9e9;border-radius:50px;margin:2% 0 4%;position:relative;height:40px;overflow:hidden;box-shadow:inset 0 -2px 3px 1px #c8c8c8}
.degree{padding:.25rem 1.5rem;border-radius:2rem;color:var(--white);text-align:right;box-sizing:border-box;position:absolute;transform:translateX(-1px);height:40px}.percent-hundred{width:100%;background: linear-gradient(to right, #7956a8 30%, #e52fb8 100%);font-size: 1.2em;animation:hundred 2.5s linear 1 forwards;color:#fff;font-weight:700}
@keyframes hundred {
0% {transform: translateX(-701px);}
100% {transform: translateX(-1px);}
}
.aligin-text span{text-indent: -6.3rem!important;margin-left: 6.2rem!important;}
.select_note > span::before{content: '‧ ';}
.select_note > span{text-indent: -1.2rem;margin-left: 1.2rem;}
.type{border: 1px solid black;}
.learn_title,.select_out_title,.type_title,.setgroup_title,.service_title{font-size: 2.6rem;text-align: center;background-color: #0e4eb9;margin: 0 0 0.5em;position: relative;color: white;}
.learn_title:before {border-color: transparent #f9f8f5 transparent transparent;border-width: 0px 40px 40px 0px;top: 0;right: 0;}
.learn_title:after {border-color: transparent transparent #f9f8f5 transparent;border-width: 0 0 40px 40px;bottom: 0;right: 0;}
.learn_title span {display: block;position: relative;}
.learn_title span:before {border-color: #f9f8f5 transparent transparent transparent;border-width: 40px 40px 0 0;top: 0;left: 0;}
.learn_title span:after {border-color: transparent transparent transparent #f9f8f5;border-width: 40px 0 0 40px;bottom: 0;left: 0;}
.learn_title:before, .learn_title:after, .learn_title span:before, .learn_title span:after {content: "";position: absolute;border-style: solid;width: 0;height: 0;}
.learn_title2{font-size: 2.8rem;text-align: center;border-bottom: dotted;margin: 0 0 0.5em;color: #013791;}
.learn_group{font-size: 1.0rem;}
.learn_group dt{font-size: 1.4rem;padding: 0.2em 1.3em;/*background: linear-gradient( to right,#00ccbf 30%, #039be6 100%);*/border-radius: 1em;color: white;background-color: #b658b0;}
.learn_group dt span{font-size: 1.8rem;color: #d5fff7;font-weight: bold;}
.learn_group dd{font-size: 1.3rem;color: #013385;border-bottom: dotted 1px;line-height: 1.7em;}

.select_group {border-radius: 1.0em;margin: 0 0 1% 0%;padding: 2% 0;font-size: 1.2rem;/*background: linear-gradient( to bottom,#d5fff7 30%, #b9f6ff 100%)*/;color: #8c8c8c;background-color: #fef1ff;width: 48%;}
.select_title{font-size: 1.8rem;color: #cc42aa;border-bottom: dotted 2px;font-weight: bold;}
.select_title span {font-size: 1.1rem;color: white;background-color: #725bb8;display: inline-block;padding: 0% 2%;border-radius: 1em;margin: 0 0 1% 1%;}
.select_des {text-align: left;padding: 0 6%;}
.select_des dt{font-size: 1.2rem;color: #cc42aa;display: inline-block;padding: 0% 0%;border-radius: 0em;margin: 1%;border-bottom: dotted 1px;font-weight: bold;/*background: linear-gradient( to bottom,#2ce9c6 30%, #12b7cf 100%);*/}
.select_des dd{color: #0041a8;}
.select_des dd a{color: #0041a8;text-decoration: underline;}
.select_des dd::before{content: "．";}
.select_des span{color:var(--red)}
.select_note{text-align: left!important;font-size: 1.2rem;padding: 0 2%;}
.select_sub{font-size: 1.2rem;color: #cc42aa;border-bottom: dotted 0px;margin-bottom: 0.3em;}
.media_content{width: calc(100%/3);padding: 1rem;}
.media_content dt{font-size: 1.8rem;padding: 0.2em 0.3em;/*background: linear-gradient( to right,#00ccbf 30%, #039be6 100%)*/;border-radius: 1em;color: white;margin-bottom: 0.3em;background-color: #013791;}
.media_content dt span{border-right: dotted 2px #FFF;font-size: 2.2rem;padding: 0em 0.5em 0 0;color: #daff47;font-weight: bold;margin-right: 0.5em;}
.media_content dd{font-size: 1.2rem;color: #013385;}
.media_content dd b{font-size: 1.4rem;color: #fa390e;}
.media_content dd strong{font-size: 1.5rem;font-weight: bold;}
.media_content p{font-size: 1.2em;border: 3px #f1ede3 solid;background-color: white;border-radius: 15px;padding: 3% 4%;color: #353535;text-align: left;}
.more {display: inline-block;background: #cc42aa;color: #ffffff;padding: 0.5rem 1.2rem;text-decoration: none;border-radius: 1.5rem;font-size: 1.4em;margin: 0 auto 3%;}

.setgroup_sub{font-size: 1.6rem;color: #fa390e;margin: 0 auto;}
.setgroup_sub strong{font-size: 1.2rem;}
.feature{font-size: 2.0rem;color: #cc42aa;display: inline-block;padding: 1% 0%;border-radius: 0em;margin: 1%;/*background: linear-gradient( to bottom,#fa910e 5%, #fa390e 100%);*/border-bottom: dashed;border-top: dashed;}
.feature a{font-size: 1.5rem;color: #fff;display: inline-block;padding:0.5% 2%;border-radius: 2em;margin: 1% 0.3%;background-color: #cc42aa; }
.setlist {display:;box-shadow: 0px 19px 13px -18px #7d7d7d;padding: 0 0 1.5% 3%;margin: 0 auto 6%;font-size: 1.45rem;width: 100%;text-align: left;}
.setlist dt{text-align: left;font-size: 2.5rem;color: #0e4eb9;}
.setlist a{text-decoration: underline;}
.setlist dd > span{margin-left: ;}
.setlist dd{text-indent:2.5rem;margin-bottom: 0.5rem;margin-left: 0.5rem;}
.setlist dt{text-indent:0.0rem;margin: 1.5rem 0.5rem 0.2rem;}
.ps{font-size: 1.0rem;color: #888888;}
.setlist dd > .new-text{margin: 0rem 0.05rem ;background-color:#fa390e ;color:#fff8a8 ;padding: 0 0.25rem;}
.setlist dd strong,.setlist dt strong{color: #cc42aa;font-size: 2.2rem;border-bottom: solid 4px;}
.setlist dd b{color: #cc42aa;font-size: 1.8rem;}
.line_note{font-size: 1.2rem;line-height: 1.8em;margin: auto;}
.LineBg a {margin: 0 0.2em;background-color: rgb(9, 179, 9);color: white;max-width: fit-content;padding: 0.25rem;line-height: 1.9rem;}
.line_note strong {font-size: 1.8rem;color: #09b309;display: inline-block;}
.list_inside li{list-style-type: disc;    list-style-position: inside;margin-left: 2rem;}

.course_type figure img{max-width:70%}
.page_note dd a{color: #fa390e;text-decoration: underline;}

.service_group{width: calc(100%/2 - 1rem);margin: 0.5rem 0;background-color: white;padding: 1% 3%;border-radius: 1.5rem;}
.service_group dt{font-size: 1.7rem;font-weight: 900;color: #FFF;background-color: #FA570E;border-radius: 1.5rem;padding: 0.2rem 0;margin-bottom: 2%;}
.service_group dt a{text-decoration: underline;}
.service_group dd{text-align: left;font-size: 1.2rem;margin-bottom: 2%;}
.service_group img{max-width: 90%;margin: 0 auto;}
.service_inside li{list-style-type: disc;margin-left: 1.5rem;}
.page_note{margin: 2% 0 5%;}
.photolist {margin-bottom: 3%;}
.photolist figure{width: calc(100%/4);}
.photolist figcaption{margin: 1rem 0;font-size: 1.3rem;}
.photolist *{text-align: center;margin: 0 auto;}

.student_grpup{text-align: left;margin: 1rem 0;padding: 0.5rem;}
.stuDestitle{font-size: 1.8rem;margin: 0.5rem 0;color: #cc42aa;line-height: 2.5rem;}
.stuHit{padding: 0.3em 0;font-size: 1.5rem;color: #0e4eb9;border-bottom: solid 1px;border-top: solid 5px;}
.student_grpup b{padding: 0.1em 0.8rem;font-size: 1.3rem;color: #FFF;background-color: #cc42aa;margin: 0.3rem;}
.stu_rec{width: max-content;background: #0e4eb9;color: white;padding: 0.25rem;}
.stu_content,.student_more{font-size: 1.1rem;}
.stu_content a{color: #0e4eb9;text-decoration: underline;}
.student_more{text-align: center;}
body *{font-family: 'Noto Sans TC', sans-serif;}
#event_master *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
/*DIY END*/
.bg_padding{padding:1%;}
.bgcolor0{background-color: #FCFCFC;}
.bgcolor1{background-color: #f9f8f5;}
.bgcolor2{background-color: #F3F3F3;}
.bgcolor3{background-color: #EEEEEE;}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

small{font-size: 0.9rem;}

/*各大相容檢視*/
@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 {
}

/*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}#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;border-radius:50%;transition:1s}#back-top a:hover span{background-color:#777}

/*ask*/
#askarea SELECT {color: black;background-color: white;}
#askarea_out{background-color: #b060a8;}
#askarea{width: 1200px;margin: 0 auto;padding: 1rem 5rem;text-align: left;}
#askarea .asktitle{color: white;text-align: center;font-size: 1.4rem;}
#formlist SELECT,#formlist input{border-radius: 0.3rem;background-color: #FFF;border: #FFF;padding: 0.25rem;}
#askarea SELECT{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;}
#formlist label{display: block;margin: 1rem 0;color: white;font-size: 1.2rem;}
#formlist img{display: inline-block;}
#formlist input{color: #A1A1A1;}
#askarea input[type="submit"],#askarea input[type="reset"]{padding: 0.5em;width: 88px;margin-top: 2%;border: 2px #fff solid;color: #ffffff !important;}
#askarea input[type="submit"]{background-color: #094d6d;}
#askarea input[type="reset"]{background-color: #8d9297}
label > select {margin: 0 1rem;}
#formlist{justify-content: space-around;}
#askarea textarea[name="sContent"]{width:98%;height:300px;font-size: 1.15em;border: 7px #ffcac3 solid;}
#askarea input[type="text"]{width:32%;}
#askcontent{color:white;line-height: 2.5rem;}

@media all and (min-width: 1px) and (max-width: 1200px){
    

    .LineBg a {
        white-space: pre;
    }
	
.media_content,.select_group{width: calc(100%/1);}
	.learn_group,.service_group{width: calc(100%/1); padding: 0.5rem;}
    .service_group dt,.select_title,.more{text-align: center;}
	
/*ask*/
#askarea{width: 100%;padding: 0.8rem;}
#askarea .asktitle{font-size: 1.1rem;}
#askarea .asktitle > p{line-height: 2.2rem;}
#formlist{margin: 0 auto;}
#askarea input[type="text"]{width:100%;}
#askarea input[type="checkbox"]{width: initial;}
#formlist label{font-size: 1.0rem;}
#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{margin: 0.25rem 0;}
#formlist input[type="submit"],#formlist input[type="reset"]{width: calc(100%/4.5);}
	}


@media (max-width: 767px) { 
	.learn_title:before, .learn_title:after, .learn_title span:before, .learn_title span:after {content: none;}
	.learn_title2 {font-size: 1.8rem;}
.photolist figure{width: calc(100%/2);padding: 0.5rem;}
.photolist figcaption{font-size: 1.1rem;}
.learn_title, .select_out_title, .type_title, .setgroup_title {font-size: 1.5rem;}
	.select_des dt {font-size: 1.8rem;padding: 0.4rem 0;}
	.setlist {padding: 0 2% 1.5%;}
	.setlist dd > span {margin-left: 0rem;}
	.line_note {padding: 0 2%;}
.select_des {padding: 0 1%;}
.setlist dd {text-indent: 0;}
.list_inside li{margin-left: 0;}
.setlist,.setlist b,.setlist strong{font-size: 1.2rem!important;}
	.feature {font-size: 1.3rem;}
	.feature a {font-size: 1.2rem;}
	.setlist dt {font-size: 1.5rem;}
}