/* 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;}
section{padding:1rem 0 !important}
.bg_padding{padding:1%;}
.bgcolor1{background-color:#f7f5f4;}
.bgcolor2{background-color:#fdfdfd;}
.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;}

/*DIY--設計可增加用樣式*/

/*浮動廣告*/
/* .fixed_btn_mb{display:none;} */
.txt_btn{display:none;}
.fixed_btn .content{display:flex;justify-content:center;}
.fixed_btn .side-btn{background-color:rgba(86, 85, 85, 0.6);position:fixed;padding:8px 10px;box-sizing:border-box;bottom:-170px;transform:translateY(-100%);transition:.3s;}
.fixed_btn .side-btn label{position:absolute;height:1.6rem;width:6rem;background-color:rgba(86,85,85,0.6);color:#ffffff;top:-1.6rem;margin:auto;text-align:center;font-size:1rem;border-radius:5px 5px 0 0;left:1%;}
.fixed_btn #side-btn-switch{position:absolute;display:none;z-index:-1;}
.fixed_btn #side-btn-switch:checked + .side-btn{transform:translateY(-5%);}
.fixed_btn #side-btn-switch:checked + .side-btn label .fa{transform:scaleY(-1);} 
.fixed_btn #imgs{position:relative;width:100%;height:145px;overflow:hidden;}

#BodyContent{
  box-sizing:border-box;
  border-width:0;/* 2 */
  border-style:solid;/* 2 */
  border-color:#e5e7eb;/* 2 */
}
#app{width:100%;}
.VueCarousel-slide{padding:0 1rem;}
.video_list i{font-size:2rem;}
.video_box{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.video_box iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:0%;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next{right:0%;}

.masterbanner{padding:3% 15% 2% 0;}
.masterbanner .t1{font-size:4.4rem;line-height:4rem;font-weight:bold;font-family:"Microsoft YaHei";color:#25546b;}
.masterbanner .t2{font-size:7rem;line-height:0rem;vertical-align:sub;font-family:SimHei;margin:0px 0.35rem 0 -0.2rem;color:#25546b;}
.masterbanner .t3{font-size:3.2rem;line-height:3rem;font-weight:bold;display:inline-block;margin-top:2.2%;margin-left:250px;/*margin-left:39%;margin-right:18%;*/ color:#786935;font-family:Verdana,"Microsoft YaHei";}
.masterbanner .t3>.c1{color:#c36931;font-family:"Microsoft YaHei" }
.masterbanner .t3>.c2{color:#2b745e;font-family:"Microsoft YaHei" }
.masterbanner .t3>.c3{color:#2b745e;font-family:"Microsoft YaHei" }
.masterbanner .t3:before{content:"";display:block;position:absolute;width:350px;height:237px;background-image:url(../images/1108103_3.png);background-size:auto;background-repeat:no-repeat;z-index:-1;left:100px;bottom:0;/*left:13%;top:32.5%;*/}
.lie{font-size:1.25rem;color:black;padding:1rem 0 0;}
.compare_title{font-size:1.25rem;line-height:2.6rem;}
.suject,.income,.experience,.discount{margin:1rem 4rem 1.5rem;}
.suject_title,.income_title,.learn_title{
  font-size:2.25rem;/* 36px */
  line-height:2.5rem;/* 40px */
  font-family:"Microsoft YaHei";font-weight:bold;color:#539c80;
}
.experience_title,.discount_title{
  font-size:1.875rem;/* 30px */
  line-height:2.25rem;/* 36px */
  font-family:"Microsoft YaHei";font-weight:bold;color:#f44336
}
.discount .discount_btn{font-size:1.25rem;flex-wrap:inherit;}
.underline_duble{text-decoration:underline rgb(195 105 49) double 1px;}
.suject_des dd::before,.income_des dd::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f14a";content:"\f058";margin-right:0.6rem;font-size:1.5rem;color:#e7894f }
.suject_des dd,.income_des dd{margin:0.2rem 0;text-indent:-1.9rem }
.student{margin:1rem auto;}
.student .name{font-family:Verdana,"Microsoft YaHei";}
.student .name strong{color:#f44336;font-family:Verdana,"Microsoft YaHei";}
.succeed{background-color:#f44336;color:#fff;padding:0.1rem 0.7rem;border-radius:4px;margin-right:7px;}
.experience a{text-decoration:underline solid 2px;}
.discount a{text-decoration:underline;}
.discount td a{text-decoration:underline;font-family:微軟正黑體;}
.experience_des small{display:block;text-align:center;font-family:微軟正黑體;text-wrap:balance;}
.experience .student dd{font-size:1.1rem;line-height:1.8rem;font-family:微軟正黑體;margin:0.5rem 0 0;}
.experience .student dd strong{color:#606f27;}
.experience .student dd .read{padding:0px 6px;border:1px #3f8fb6 solid;border-radius:50px;text-decoration:none;font-size:0.88rem;background-color:#fff;color:#606f27;}
.discount_link{background-color:#25546b;color:#fff;padding:0.5rem 1rem;border-radius:50px;font-weight:normal;/* background:linear-gradient(to left,#d664383b -18%,#d66438 23%,#d66438 68%,#b33ec7 118%);*/ }
.discount_link a{text-decoration:none;}
table{width:100%;}
table,td{border-bottom:#000 1px dotted;}
th{border-bottom:#000 2px dotted;}
table th{
  padding:0.4rem 0.2rem;font-size:1.15rem;/* font-weight:normal;*/
  background-color:#dec5b969;font-family:微軟正黑體;
}
table td{padding:0.2rem 0.4rem;font-size:1.2rem;font-family:微軟正黑體 }
table td li{font-family:微軟正黑體 }
#event_fifth table td{padding:0.7rem 0.4rem;font-size:1.15rem;font-family:微軟正黑體;}

.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;color:;}
.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;justify-content:space-around;padding:0.5rem;}
.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;}
.social{display:inline-block;}
/*各大相容檢視*/
@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;font-family:微軟正黑體}
#BodyContent{width:100% !important;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{margin:0 auto;display:block;width:1200px;padding:0;text-align:center;}
#event_master{
	background:url(../images/1108103_1_house.png) right bottom no-repeat,url(../images/1108103_1.png)center/cover no-repeat;
    position:relative;
	/*height:351px;*/
	z-index:0;}
#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:#879f90;}
#askarea{width:auto;margin:0 auto;padding:1rem 5rem;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"],#formlist input[type="reset"]{background-color:#c36931 !important;color:white;}
label > select{margin:0 1rem;}
#formlist{justify-content:space-around;}

/* 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 all and (min-width:1px) and (max-width:1200px){
    .fixed_btn{display:none;}
    .txt_btn{display:block;}
    .txt_btn{position:fixed;bottom:0;text-align:center;background-color:#C36931;color:#FFF;width:100%;padding:0.3rem;}
    .learn-guide a::before{left:-0.9rem;}
    .learn-mode,.suject,.income,.experience,.discount{margin:0 0.5rem;}
    .experience_video iframe{width:350px;height:197px;}
    .Eventfooter_address{padding-bottom:2rem !important}
/*修正獨立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;}
#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;}
#BodyHeader_rwd{height:60px !important}
table{width:100%;display:block;overflow-x:auto;white-space:nowrap;}

/*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:15%;}}
@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:1024px){	
    .lie .md\:block{display:block;}
}
@media (max-width:1180px){	
    .masterbanner .t3:before{left:0;}    
    .lie{padding:1rem 0;}
}
@media (max-width:1023px){	
    #event_master{background:url(../images/1108103_1.png) center/cover no-repeat;}
    .masterbanner{padding:3% 0 2% 0}
    .masterbanner .t3{margin-right:1rem;}
}
@media all and (min-width:1px) and (max-width:767px){
    .experience_video{display:block;}
    .experience_video iframe{margin:1rem 0;width:320px;height:180px;}
	.br_mb{display:block}
	.compare_title{font-size:1rem;}
    .suject_title,.income_title,.learn_title{	font-size:1.875rem;/* 30px */line-height:2.25rem;/* 36px */}
    .experience_title,.discount_title{	font-size:1.5rem;/* 24px */line-height:2rem;/* 32px */}
    .suject,.income,.experience,.discount{margin:0 1rem;}
    .learn-mode{margin:0;}
    .learn-tool{margin:1rem auto;width:95% !important}
    .learn-guide a::before{left:-1.3rem;}
	.discount .discount_btn{font-size:1.25rem;flex-wrap:wrap;}
	.discount_link{width:90%;margin-bottom:2%;font-size:1rem;display:block;}
	.masterbanner{padding:6% 4% 0%;/*padding:6% 17% 2% 4%;*/}
	.masterbanner .t1{font-size:2.6rem;}
	.masterbanner .t2{font-size:3.5rem;vertical-align:inherit;}
	.masterbanner .t3{font-size:1.9rem;line-height:2rem;margin-top:2.7%;display:block;width:100%;margin-left:0;margin-right:0;}
    button.VueCarousel-navigation-button.VueCarousel-navigation-prev{left:5%;}
    button.VueCarousel-navigation-button.VueCarousel-navigation-next{right:5%;}
	#event_master{background:url(../images/1108103_1_house.png) right top no-repeat;position:relative;/*height:360px;*/z-index:0; background-size:37%;}
    .masterbanner .t3:before{content:none;}
	.suject, .income, .experience{margin:0 1rem;}
	.discount{margin:0 1rem 0 1rem;}
	.suject_des dd, .income_des dd{margin:0.2rem 0 0 2rem;text-indent:-1.9rem;font-size:1.07rem;line-height:1.75rem}
	.suject_title, .income_title, .learn_title{font-size:1.5rem;line-height:2.15rem;margin:2% 0% -1% -6%;}
    .suject_des dd::before, .income_des dd::before{font-size:1rem;}
	.experience_title{font-size:1.54rem;line-height:2.2rem;margin:9% 5% -1% -3%;display:inline-block;}
	.discount_title{font-size:1.875rem;line-height:2.25rem;margin-top:7%;display:inline-block;}
	.student .name{font-size:1.1rem;}	
	.succeed{margin-right:7px;margin-left:-10px;}
	table td{font-size:1rem;border-right:#000 1px dotted;}
	#event_fifth table td{padding:0.7rem 0.4rem;font-size:1rem;border-bottom:#000 1px dotted;border-right:#000 1px dotted;}
	#askarea .asktitle{font-size:1rem;}
	#askarea .asktitle p{line-height:1.8rem;}
	.learn-guide a{text-decoration:underline;}
	table{margin-bottom:4%;}
	.ps{text-align:center !important;width:95%;margin:0 auto;}
    .lie{font-size:1.1rem;}    
}
@media (max-width:767px) and (orientation:portrait){    
    .masterbanner .pr{padding-right:17%;line-height:0;}
    .masterbanner .t3{text-align:left;}
    .lie{padding:1rem 0;font-size:1.1rem;}
}