﻿/* 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;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* css reset 歸0 end */
body *{font-family:'Noto Sans TC',sans-serif;}
a{text-decoration:underline}
a:hover{text-decoration:none}
ul,li,h1,h2,h3,dd,dl,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor1{background-color:#f7f7f7;}
.bgcolor2{background-color:#ffffff;}
.bgcolor3{background-color:#EBEBEB;}
.bgcolor4{background-color:#F6F6F6;}
.bgcolor5{background-color:#EBEBEB;}
/*所有元素漸變0.5秒*/
*{transition:all .5s;}
#event_master *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*客製化在此～*/
.underline{text-decoration:underline;}
.focus{color:#dd0404;}
.video{width: 30%;margin: 0 auto;padding: .5rem;}
.videobox{}
iframe{width:100%;height:auto;aspect-ratio:9 / 16;}

/*.embed_container{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.embed_container iframe{position:absolute;top:0;left:0;width:100%;height:100%;} */
.experience,.course{margin:1rem;}
.experience dl{margin:2rem 0;}
.job{background-color:purple;padding:0 .5%;text-align:center;}
.degree{background-color:orange;padding:0 .5%;text-align:center;}
.mode{color:#fff;margin-right:.5rem;}
.learn-mode{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 2rem;}
.learn-tool{width:33%;background-color:rgb(255,246,246);border-radius:0 0 10px 10px;}
.learn-tool dl{text-align:center;padding:0.3rem 1rem;}
.learn-tool dt{font-size:1.5rem;color:#FFF;}
.learn-tool dd{color:#FFF;}
.learn-tool img{width:100%;height:200px;}
.learn-guide{display:flex;flex-wrap:wrap;padding:0.5rem;text-align:justify;}
.fa_bg1{background-color:rgb(255,67,17);}
.bgcolor6{background-color:rgb(240,155,26);}
.bgcolor8{background-color:#4BAF4F;}
.learn-guide a{position:relative;color:#404040;}
.learn-guide a::before{content:'\f144';font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;color:#c6c7c8;left:-1.2rem;}
.learn-price{display:none;}
.price{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 2rem;}
.price-vod{width:66%;font-size:1.4rem;}
.price-digit{width:33%;font-size:1.4rem;}
.float{position:fixed;bottom:25%;right:2%;border:#FFF solid 1px;padding:1rem;background-color:#25546bbb;border-radius:25px;color:#FFF;}
.float_title{font-size:1.5rem;margin-bottom:0.5rem;}
.float ul{font-size:1.3rem;color:#FFF;}
/*各大相容檢視*/
@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{}
/*站內原有樣式*/
body{margin:0;padding:0;background-color:#e8e5dc;}
#BodyContent{width:100%;padding:0;margin:0 auto;}
#BodyContainer_event{width:100%;margin:0 auto;}
#BodyHeader_event_rwd,#topli{display:none;}
/*資料集中1200px寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width:1200px;padding:0;text-align:center;}
#Master_title{display:block;}
/*主圖位置ID*/
/*瀏覽器相容性通知*/
#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:13px;}
/* bodyHeader */
#BodyHeader_rwd,#Bodymenunav{display:none;}
#BodyHeader_event,#header-share{width:100%;margin:0 auto;text-align:center;font-size:1.1em;line-height:1.8em;background-color:#FFF;}
#BodyHeader_event a,#BodyHeader_event #header-share{font-size:1.1em;}
#BodyHeader_event #header-share{margin:0 auto;background-color:#FFF;}
#BodyHeader_event #header-share img{margin-bottom:5px;display:inline;}
#header-share a{color:#333;}
#header-share a:hover{color:#666;/*position:relative;top:2px;bottom:2px;*/
}
/*ask*/
#askarea SELECT{color:black;background-color:white;}
#askarea_out{background-color:#339966;width:1200px;margin:0 auto;}
#askarea{padding:1rem 0rem;text-align:left;}
#askarea .asktitle{color:white;text-align:center;font-size:1.4rem;}
#formlist p{margin:.6rem auto;}
#formlist SELECT,#formlist input{border-radius:0.3rem;background-color:#FFF;border:#FFF;padding:0.25rem;}
#formlist input[name="sContent"]{width:80%;}
#formlist label{display:block;margin:1rem 0;color:white;font-size:1.2rem;}
#formlist img{display:inline-block;}
#formlist input{color:#A1A1A1;}
#formlist input[type="submit"],#formlistext-2xlt input[type="reset"]{background-color:#eb543f;color:white;}
label > select{margin:0 1rem;}
#formlist{justify-content:space-around;}
/* 樣式 */
/* event_master */
.master_bg{background:url('../images/bg.png') no-repeat center/cover;vertical-align:middle;}
.masterbanner{width:80%;margin:0 auto;}
.row{display:flex;flex-direction:row;justify-content:center;align-items:center;}
.col:nth-child(1){width:190px;margin:5% -3% 1% 5%;}
.col:nth-child(2){}
img{max-width:100%;height:auto;user-select:none;vertical-align:middle;}
.logo{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;margin:1.5%;padding:0 0 0 10%;}
.text-5xl{width:100%;}
.money{position:absolute;top:3%;right:6%;}
.text{margin-left:-5%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;}
.text-2xl{text-align:center;width:100%;z-index:3;}
.text-2xl p{display:inline-block;border-radius:40px;font-weight:bolder;text-decoration:none;color:#786935;background:#fff;font-size:1.8rem;padding:1% 3%;margin:.5% .5%;text-align:center;vertical-align:middle;box-shadow:0 0 8px 2px;}
.text-3xl{background:url('../images/word_bg.png')no-repeat center/cover;background-size:100%;margin:-1.5% 0 0 0;z-index:2;}
.text-3xl_word{width:55%;margin:3% auto;}
.text-3xl_word img{width:100%;}
/* event_sec */
.text-4xl{margin-top:3%;color:#213175;font-weight:bold;}
.text-left{color:#25546B;}
.text_line{display:inline-block;width:65%;height:3px;margin:1% auto;text-align:center;color:#25546B;background:#213175;}
/* event_third */
.more{font-size:1.2rem;}
.more a strong{font-size:2.2rem;}
/* event_fourth */
.text-lg{margin:3%;color:#25546B;font-size:1.5rem;}
.link div{width:20%;color:#fff;background:#25546B;border-radius:10rem;padding:.5% 2%;text-align:center;font-size:1.2rem;margin-bottom:1%;}
.link div:hover{color:#25546B;background:#fff;font-size:1.4rem;}
.ps{margin:2% 0;font-size:1.4rem;color:#C16425;}
.ps a{color:#786935;margin: 0 .5rem;}
/* Footer */
#BodyFooter_rwd,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%;}
#BodyFooter_rwd{float:left;background-color:#FFF;}
#BodyFooter_rwd a:hover{text-decoration:none;}
#BodyFooter_rwd #footer_line{width:90%;height:auto;margin:1% 5%;display:block;float:left;text-align:center;border-top:thin solid #999;}
#BodyFooter_rwd #footer_inline a{color:#000;font-size:1em;}
#BodyFooter_rwd #footer_inline ul{float:left;padding:0;margin:3% auto 0% auto;}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2em;font-size:1em;clear:both;margin-right:0.5em;}
#BodyFooter_rwd #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;display:inline;}
#BodyFooter_rwd #footer_address{margin:0% auto auto auto;text-align:center;}
#BodyFooter_rwd #footer_address a{color:#000;}
#BodyFooter_rwd #footer_address ul{padding:0;margin-bottom:1%;text-align:center;}
#BodyFooter_rwd #footer_address ul li{margin-right:0;line-height:2em;text-align:center;font-size:1em;list-style-type:none;display:inline-block;}
/* Footer end */
@media (min-width:1201px){#BodyContent{width:1200px;padding:0;margin:0 auto;}
}
@media all and (min-width:1px) and (max-width:1200px){/*修正獨立event選單click按鈕大小*/
/* .st-content img{width:unset!important;height:unset!important;}
*/
.feature_group{width:calc(100%/1);}
.books > div:nth-child(1),.books > div:nth-child(2){display:none;}
/*****站內原有樣式Mobile*****/
/*隱藏的區塊*/
#BodyHeader_event,.hottxt,#noie{display:none;}
/*會撐開的版面控制*/
#BodyContent{width:100%;padding:0;margin:0 auto;}
#BodyContainer_event{width:100%;}
/*會撐開的版面控制END*/
/* 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;display:initial;}
#BodyHeader_rwd,#Bodymenunav{display:block;}
/*orientation:portrait 直式 orientation:landscape 橫式*/
#BodyHeader_event_rwd img{height:auto;margin:2.5% auto;}
@media screen and (orientation:portrait){#BodyHeader_event_rwd img{max-width:50%;}
}
@media screen and (orientation:landscape){#BodyHeader_event_rwd img{max-width:25%;}
}
/*body*/
#Master_title{display:block;}
/*主圖位置ID*/
@media all and (orientation:portrait){#Master_title{margin-top:15%;}
}
@media screen and (orientation:landscape){#Master_title{margin-top:10%;}
}
/*資料集中1200px寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;display:inline-block;width:100%;}
/*ask*/
#askarea{padding:0.8rem;}
#askarea .asktitle{font-size:1.1rem;}
#askarea .asktitle > p{line-height:2.2rem;}
#formlist{margin:0 auto;}
#formlist label{font-size:1.0rem;}
#formlist input[name="sContent"],#formlist label,#formlist SELECT,#formlist input{width:100%;margin:0.25rem 0;}
#formlist input[type="submit"],#formlist input[type="reset"]{width:calc(100%/4.5);}
/*TOP按鈕*/
#topli,#topli a{color:#fff;text-decoration:none;}
#topli{width:50px;height:50px;text-align:center;border-radius:9999em;background-color:#000;opacity:.4;position:fixed;line-height:50px;font-size:15px;display:initial;}
@media screen and (orientation:portrait){#topli{right:1%;bottom:8%;}
}
@media screen and (orientation:landscape){#topli{right:1%;bottom:15.8%;}
}
/* Footer */
#BodyFooter_rwd,#footer_line,#footer_inline ul,#footer_inline ul li,#footer_address,#footer_address ul,#footer_address ul li{width:100%;float:left;}
#BodyFooter_rwd{background-color:#FFF;margin-top:5%;}
#BodyFooter_rwd #footer_line{margin:5% auto 3%;display:block;height:auto;text-align:center;border-top:thin solid #999}
#BodyFooter_rwd #footer_inline a{color:#000;line-height:2em;}
#BodyFooter_rwd #footer_inline ul{padding:0;margin-bottom:1%;text-align:center}
#BodyFooter_rwd #footer_inline ul li img{width:40%;height:auto;margin-bottom:2%;margin:0 auto;}
#BodyFooter_rwd #footer_inline ul li{display:inline-block;margin-right:auto;line-height:2em;font-size:1em;clear:both}
#BodyFooter_rwd #footer_address{margin:0% auto auto auto;text-align:center;}
#BodyFooter_rwd #footer_address a{color:#000;line-height:2em;}
#BodyFooter_rwd #footer_address ul{padding:0;text-align:center;margin-bottom:1%;clear:both}
#BodyFooter_rwd #footer_address ul li{display:block;line-height:2em;text-align:center;font-size:.8em}
/* Footer end */
}
@media (min-width:992px) and (max-width:1199px){/* event_master */
 .text-2xl p{font-size:1.5rem;padding:0.5% 2%;}
 
}
@media (min-width:768px) and (max-width:991px){/* event_master */
 .masterbanner{width:90%;}
.text-2xl p{font-size:1.4rem;padding:0.5% 2%;}
.float{bottom:0;right:0;width:100%;border-radius:25px 25px 0 0;padding:0.6rem 0.5rem;display:flex;justify-content:space-around;background-color:#25546b;}
.float_title{text-align:center;margin-bottom:auto;font-size:1.4rem;width:30%;}
.float ul{display:flex;justify-content:space-around;font-size:1.3rem;width:70%;}
.video{width: 50%;}
}
@media (max-width:767px){.float{bottom:0;right:0;width:100%;border-radius:25px 25px 0 0;padding:0 0.5rem;background-color:#25546b;}
.video{width: 90%;}
.float_title{text-align:center;margin-bottom:auto;font-size:1.3rem;}
.float ul{display:flex;justify-content:space-around;font-size:1.2rem;}
.learn-mode{margin:0;}
.learn-tool{margin:1rem auto;width:95% !important}
.learn-price{display:inline-block;}
.price{display:none;}
/* event_master */
 .masterbanner{width:100%;}
.row{display:flex;flex-direction:column-reverse;}
.col:nth-child(1){width:150px;margin:3% 0 1% 0;}
.money{width:55px;}
.text{margin-left:0%;}
.text-2xl p{font-size:1.1rem;padding:0.1% 1.3%;margin:0%;}
.text-3xl{margin:0;}
/* event_sec */
 .text-4xl{margin:5% 10% 0 10%;}
.text_line{display:none;}
.logo .text-5xl img{width:120%;}
.text-left{margin:8%;}
.text-lg{margin:0%;}
/* event_fourth */
 .link div{width:23%;padding:.5% 2%;font-size:1rem;}
}
