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,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
body{font-family: 'Noto Sans TC', sans-serif;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}

/*客製化從此開始*/
.bg_padding{padding:1%;}
.bgcolor0{background: url(../images/1403090_01.png) no-repeat bottom;}
.bgcolor1{background-color: #ae1814;}
.bgcolor2{background-color: #f1cea2;}
.bgcolor3{background-color: #f4efe5;}
.bgcolor4{background-color: #f1cea2;}
.bgcolor5{background-color: #ae1814;}
.title{font-size: 3.8rem;margin-bottom: 1.5rem;font-family: 'Noto Serif TC', serif;font-weight: 900;}
.title span{display: inline-block;}
.title.f1{color: #f1cea2;}
.title.f2{color: #ae1814;}
.link{display: flex;justify-content: center;flex-wrap:wrap ;}
.link div{font-size: 1.4rem;background: linear-gradient(to right, #a36923 10%, #e0b788 95%);padding: 0.5rem 1.3rem;border-radius: 1.5rem;color: white;margin: 0.8rem 1.3rem;display: inline-block;}
.link div a{text-decoration: none;color: white;}
.link i{margin-right: 0.5rem;}

.process_content{display:flex;}
.card{width:15%;height:140px;background: linear-gradient(to right, #e4c8a6 15%, #f4efe5 85%);display:block;position:relative;margin:20px;}
.card::before{content:'';width:0;height:0;display:block;border-left:30px solid #f4efe5;border-bottom:70px solid transparent;border-top:70px solid transparent;position:absolute;left:100%;top:0;}
.card::after{content:'';width:0;height:0;display:block;border-left:30px solid transparent;border-top:70px solid #e4c8a6;border-bottom:70px solid #e4c8a6;position:absolute;right:100%;top:0;}
.card dt{font-size: 1.4rem;color: #96652d;border-bottom: dotted 1px;padding-top: 0.1rem;font-family: 'Noto Serif TC', serif;font-weight: 600;}
.master{background-color: #42a4ac;}
.tech{background-color: #8c58a6;}
.master,.tech{width: fit-content;text-align: center;margin: 0.3rem auto;padding: 0.1rem 2rem 0.2rem;color: white;clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);}
.card dd a{color: #ae1814;}
.schedule{text-align: center;}
.stitle{font-size: 2.5rem;color: #c31b17;background-color: #f1cea2;margin: 1.8rem 0 0.8rem;display: inline-block;padding: 0 5rem;clip-path: polygon(100% 0, 93% 50%, 100% 100%, 0% 100%, 7% 50%, 0% 0%);}
.class{border-bottom: solid 5px #42a4ac;font-size: 1.5rem;color: #ffecca;}
.class.pur{border-bottom: solid 5px #8c58a6;}

.class_master,.class_tech{display:flex;color: #72440e;padding: 0.2rem 0.5rem;background: linear-gradient(to right, #e2c4a0 15%, #f4efe5 85%);margin-bottom: 1.0rem;}
.schedule dl{width: 25%;}
.model_content{display: flex;justify-content: space-around;flex-wrap: wrap;}
.model_content dl{width:30%;}
.model_content img{width: 100%;}
.model_content dt{color: #ffffff;background-color: #c3935a;padding: 0.2rem;}
.model_content dd{color: #72440e;padding: 0.2rem 0.5rem;background: linear-gradient(to right, #e2c4a0 15%, #f4efe5 85%);}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:0%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next{left:95%;}
.experience_content{text-align: justify;}
.teacher img{width: 230px;}
.teacher dl dt{background: linear-gradient(to right, #b71911 10%, #e02221 95%);color: #fffcf6;font-size: 1.2rem;padding: 0.5rem 0.3rem;}
.teacher dl dd:nth-of-type(1){color: #ae1814;border-bottom: solid 3px;}
.teacher dl dd{color: #72440e;padding: 0.4rem 0.8rem;background: linear-gradient(to right, #f4e3cf 15%, #f8f8f8 85%);}
.student{margin: 1rem auto;background: linear-gradient(to right, #f4e3cf 15%, #f8f8f8e8 85%);}
.pass{font-size: 1.2rem;color: #fff;text-align: center;padding: .5rem 0.2rem 2.0rem;clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 50%);background: linear-gradient(to right, #b71911 10%, #e02221 95%);}
.name{font-weight: 900;padding: 0 0 0.2rem;border-bottom: dotted 1px;width: max-content;margin-left: 1.5rem;font-size: 1.4rem;}
.name i{font-weight: 900;margin: 0 0.2rem 0 0;color: #8c58a6;font-size: 1.8rem;}
.detail {color: #72440e;padding: 0 1.5rem 1.0rem;}
.detail strong{color: #c93526;}
.detail a{color: #c93526;}

.sale_content{display: flex;justify-content: center;}
.sale_content dd{font-size: 2.0rem;text-align: justify;color: white;}
.ps{color: wheat;border: dotted 1px;padding: 0.5rem 3rem;width: fit-content;text-align: center;margin: 2rem auto;font-size: 1.6rem;}
.line{background-color: #16aa52;color: #FFFFFF;margin:0 .5rem;padding: 0 1.0rem;}
.bar{position: fixed;background: linear-gradient(to right, #ad8e53 0%, #d6b97c 20%, #ffeaa4 83%, #d1b274 100%);right: 0;top: 50%;text-align: justify;padding:0.5rem 1rem;}
.bar a{font-size: 1.3rem;color: #d21010;}
.bar i{font-size: 1.3rem;color: #865b32;}

@media all and (min-width: 1201px){
#BodyHeader_rwd,#topli{display:none;}
#BodyContentMainNavigator header h1,#BodyContentMainNavigator  a{font-size: 1.15em;}
#BodyContentMainNavigator header h1{display:inline-block;line-height:1.9em;}
#BodyContentMainNavigator header img{margin:auto 3px;}	
#BodyContainer{margin: 0 auto;text-align:center;}

/*資料集中1200px寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:block;width:1200px;padding:30px 10px 10px;font-size:1.2rem;}
#Master_title{margin: 0% auto;display: inline-block;width: 1200px;padding: 0px;}
	
/*div section標籤段落*/
/* section p{font-size:1.8rem;line-height:1.9em;text-align:left;} */

/* bodyHeader */
#BodyHeader #header-share {line-height: 2;margin: 0 auto;}	
#BodyHeader #header-share img {margin-bottom: 5px;}
#BodyHeader table{width: auto;}
#BodyHeader a,#BodyHeader{font-size: 1.2rem;}
#BodyHeader a {color: #333;}
#BodyHeader a:hover {text-decoration: none;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: 0;background-color: #fff;padding-top: 1%;}
#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 1%;width:15%;}
#footer_address ul li{line-height:1.9em;font-size:0.95em;}
#adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
#footer_inline ul li img{width:10%;height:auto;vertical-align:middle;}
#footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}


/* Footer end */

/*ask*/

#askarea_out,#askarea{display:inline-block;}
#askarea_out{background-color:#b17935;width: 100%;padding-top:2%;}
#askarea{width: 100%;}
#askarea p {margin:0 auto;margin: 0.5rem 0;}
#askarea .asktitle {font-size: 1.6rem;color: #FFF;text-align: center;}
#askarea #formlist,#askarea input[type="submit"],#askarea input[type="reset"]{font-size: 1em;color: #FFF;}
#askarea #formlist{width: 1200px;margin:2% auto;padding-bottom: 0;text-align: left;font-size: 1.3rem;}
#askarea SELECT,#askarea input{border-radius: 7px;}
#askarea SELECT{width: 22%;background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto 1% 1% auto;font-size: 1.2rem;}
#askarea input{background-color: #FFF;border: #FFF;padding: 0.5%;margin:auto auto 1% 1%;color: #585858;font-size: 1.2rem;}
#askarea input[type="submit"],#askarea input[type="reset"]{background-color: #b71911;padding:0.5em;}
#askarea input[name="sContent"]{width:82%;}
#askarea input[name="sName"],#askarea input[name="sTelephone"],#askarea input[name="sEmail"]{width:24%;}
#askarea input[name="sRandomCode"]{width:10%;}
#askarea img {height: auto;}
/*ask END*/
#noie{color: #FFF;width: 100%;height:60px;text-align: center;border: 1px solid #006699;background-color: #3399CC;_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: 1.0em;}
}

@media all and (min-width: 1px) and (max-width: 1200px){
    /*隱藏的區塊*/
    #BodyHeader,.hottxt,#noie,#BodyContentMainNavigator,#BodyContentAd,#BodyMenu{display:none;}
    /*會撐開的版面控制*/
    #BodyContent,#BodyContainer_event,#BodyContentMainDetail_learning{width: 100%;}
    #BodyContent {padding:0;}
    #BodyContentMainDetail_learning{float:left;	margin:0;}
    /* Header */
    #BodyHeader_rwd {text-align: center;width:100%;height: auto;margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and (orientation:portrait){#BodyHeader_rwd img{max-width:50%;margin:2.5% auto;}}

    @media screen and  (orientation:landscape) {#BodyHeader_rwd img {max-width: 25%;margin:2% auto 2% auto;}}
    /*body*/
    #Master_title{display:inline-block;width:100%;padding:0;}/*主圖位置ID*/
	#Master_title img{width: 100%;} 
	.bgcolor0 {background-size: cover;}
	.title {font-size: 1.8rem;text-align: center;}
	.title span{display: block;}
	.teacher dl {text-align: center;}
	.sale_content dd {font-size: 1.5rem;}
	.ps {font-size: 1.2rem;padding: 0.5rem 1.5rem;}
	.link div {font-size: 1.1rem;margin: 0.5rem 0.6rem;}
    @media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 8%;}}
    
    /*資料集中寬外框*/
	
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0% auto;display:inline-block;width:98%;padding:1%;}
    /*div section標籤段落*/
    section p,div p{font-size:1.3rem;line-height:1.9em;text-align:left;}
    .bar{display:flex;justify-content:space-around;bottom:0%;width:100%;top: auto;padding: 0.5rem 0rem;}


    /* Footer */
    #BodyFooter_rwd {float: left;width: 100%;background-color: #FFF;margin-top: 0;padding-top: 20px;}
    #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: 0.5%;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;}
    /* Footer end */
    
    /*ask*/
    #askarea{background-color:#b17935;width: 98%;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:5%;}
    #askarea p {margin: 0% auto auto 5%;width: 90%;font-size: 1rem;line-height: 1.5rem;}
    #formlist{width: 99%;float: left;margin:3% 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% 7% auto;background-color: #FFF;height:30px;}
    SELECT{width:100%;border: #FFF;	padding: 0.5%;}
    input{border: #FFF;padding: 1%;color: #585858;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color:#b71911;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:1%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    /*ask END*/
    
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;line-height:50px;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;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) { 
    .process_content{width: 100%;overflow: hidden;overflow-x: auto;white-space: nowrap;}
    .card{width: 100%;}
}
    
@media (min-width:768px) and (max-width:991px) { 
    .process_content{width: 100%;overflow: hidden;overflow-x: auto;white-space: nowrap;}

    .card{width: 100%;}
    #BodyHeader_rwd{height: 130px;}
    #Master_title{margin-top:130px;}
}


@media (min-width:600px) and (max-width:767px) {


}

@media (max-width:600px) {
    #BodyHeader_rwd{height: 60px;}
    #Master_title{margin-top:60px;}
    @media (min-width:540px) {
        #BodyHeader_rwd{height: 80px;}
        #Master_title{margin-top:80px;}
    }
}
@media (max-width:767px) {
    .process_content{width: 100%;overflow: hidden;overflow-x: auto;white-space: nowrap;}
    .card{width: 100%;}
    .model_content dl{width: 100%;margin: 1rem;}
		.stitle {font-size: 1.5rem;}
}