@import url("../../../icon_new/css/all.min.css");
/* 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;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* css reset 歸0 end */
body{font-family:"微軟正黑體",Arial;}
a{text-decoration:underline;color:#c81b14;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bg_padding{padding:1%;}
.bgcolor0{background: url(../images/1402065_bg.png) no-repeat fixed, linear-gradient(to bottom, #f7f8f0 10%, #e1e2e5 97%);background-size: contain;}
.bgcolor1{background-color: #dac385;}
.bgcolor2{background-color: #fff3d1;}
.bgcolor3{background-color: #64b8a8;}


#Master_title{background-color: #275050;}
#Master_title p{font-size: 1.7em;line-height: 1.5em;text-align: center;padding: 0.5em 2% 0.7em;margin: 0 auto;color: #ebdfb4;}
#Master_title p strong{font-size:1.0em;color: #ffd154;}

/*div section標籤段落*/
section p,div p{font-size:1.3em;line-height:1.6em;text-align:left;color: #362d28;margin: 5px 0;}
#event_master header{margin-top: 3em;text-align: center;}
#event_third header{margin-top:1.5em;text-align: center;}
.box{display: block;
	background-image: linear-gradient(to bottom ,#FFF 10%,#dfdfdf 90%);
	border-radius: 1em;
	padding: 2em 1.3em;
	margin: 0 0 15px;
	text-align: center;
}
.box1{background: #8E100B;color: white;border: solid 4px white;overflow: hidden;}
.box1 .lecture_list{font-size: 1.75rem;display: flex;justify-content: space-around;align-items: center;flex-wrap:wrap;position: relative;}
.box1 .lecture_list .lecture_list_img{width: 30%;right: 2rem;bottom: 2rem;position: absolute;}
.box1 .lecture_list .lecture_list_img img{max-width: 100%;width: auto;height: auto;border-radius:50%;background:linear-gradient(45deg,#ffd154 0%,#ffe6a3 70%)}
.box1 .lecture_list dd,.box1 .lecture_list dt{width: 70%;}
.space { width: 6.8rem;display: inline-block;}
/* .box1 .lecture_list dd:nth-of-type(3) span{margin-left:2em;} */
.box1 a{color: #ffd154}
.box img{position: relative;margin: 0 0px 0;border-radius: 9999rem;width: 100px;height: ;display:inline-block;}
.mdeia_title{color:#6e5b23;text-align: center;}
.media_bg,.media_stu{display:block;margin: 3% 0 0 0;}
.media_stu{text-align:left;}
.media_bg{font-size:1.3em;}
.mdeia_title,{font-family: "Microsoft YaHei", "Microsoft Yi Baiti", "Arial Unicode MS";}
.flex{display: flex;flex-wrap: wrap;align-items: center;}
.media_photo,.media_name{}
.media_photo{margin: 0 0.5rem;    width: 100px;
    height: 100px;
    border-radius: 50%;overflow: hidden;}
.media_photo1 img{background: #ebebeb;}
.media_name{line-height:2.0em;color:#bf900f;font-weight: bold;}
.media_name a{color:#bf900f;}
.media_more{background-color:#c81b14;width: max-content;margin:1rem auto;padding:0.5rem 0.75rem;border-radius: 0.5rem;font-size: 1.2rem;}
.media_more a{display: block;color: #ffffff;}
.media_content{color: #795548;line-height:2.0em;}
.media_content a{color: #795548;}
.more_media{margin: 1rem ;width: 100%;text-align: right;font-size: 1.2rem;}
.price_offer{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;margin: 1rem 0;}
.price_offer li{margin:0  1rem;font-size: 1.4rem;list-style-type: disc;border-bottom: #000 solid 1px;}
.price_offer span{color: #c81b14;font-weight: 900;}
.stitle{font-size:1.9em;color: #c81b14;font-weight: bold;display: block;text-align: left;}
.school{width: 94%;font-size:1.0em;color: #FFFFFF;font-weight: bold;display: inline-block;text-align: center;}
.school ul{
	width: 100%;
	display: inline-block;
}
/*button {width: 10% !important;}*/
.school li{
	display: inline-block;
	width:49%;
}
.school a {
	font-size: 2.1rem;
	color: #7f600c;
	font-weight: bold;
	display: inline-block;
	padding: 1em 0.5em 1em;
	line-height: 2.5em;
	text-align: center;
	margin: 0 0 0 40%;
	position: relative;
}
.school a:before{
	content:"";
	position: absolute;
	width:138px; 
	height:101.86px;	
	background-size: 100%;
	background-repeat: no-repeat;
}
#event_master .school li:nth-child(1) a:before{
	background-image:url(../images/0706063-icon.svg);
	left: -118px;
}
#event_master .school li:nth-child(2) a:before{
	background-image:url(../images/0706063-icon2.svg);
	left: -100px;
}

.mtitle{font-size:2.8em;color: #362d28;font-weight: bold;display: block;    text-align: center;}
.teacher_name{font-size: 1.2rem;}

.step_box{display: flex;flex-wrap: wrap;}
.step{
	width: 21%;
	margin: 0 1%;
	padding: 2% 1%;
	font-size: 1.3em;
	border-radius:6px;
}
.step.a{
	background-color: #FFF;
}
.step.b{
	background-color: #ffefc6;
}
.step.c{
	background-color: #ffe295;
}
.step.d{
	background-color:#ffe6a3;		
}
.step.a,.step.b,.step.c,.step.d{text-align: left;}

.step b{
	font-size:1.8em;
	color: #c81b14;
	border-bottom: dashed 3px #c81b14;
	display: block;
	margin-bottom: 0.6em;
	text-align: center;
}
.planlist{margin: 10px 0 25px;}
.planlist ul{display: flex;flex-wrap: wrap;}
.planlist ul > li{width: 25%;text-align: center;font-size: 1.4em;margin: 0 0 20px;position: relative;}
.planlist ul > li:nth-child(4):before,.planlist ul > li:nth-child(8):before,.planlist ul > li:nth-child(4):after,.planlist ul > li:nth-child(8):after{content:none;}
.planlist ul > li:before,.planlist ul > li:after{content:"";position: absolute;width: 0;height: 0;border-style: solid;}
.planlist ul > li:before{top: -6%;right: 0;border-width: 35px 0 30px 35px;border-color: transparent transparent transparent #c81b14;z-index: 3;}
.planlist ul > li:after{top: -7%;right: -3px;border-width: 36px 0 31px 36px;border-color: transparent transparent transparent #dac385;z-index: 2;}
.planlist ul > li span{display: block;background-color:#c81b14;font-size: 1.5em;text-align: center;margin: 0 auto 5px;color:white;    position: relative;z-index: 1;}
.planlist ul > li span+a{display: block;}
.good{font-size:1em;color:#246f8a;margin-top:1em;text-align:left}
.good strong{font-size:1.3em;color:#246f8a;display:block}
.good a{font-size:1.3rem;color:#246f8a}
.good .s{font-size:.7em}
.ask{color:#FFF;text-align:center;margin-top:1em;display:block}
.ask li{display:inline-block}
.ask a{font-size:2em;color:#FFF;background-color:#362d28;padding:.2em 1em;text-align:center;border-radius:1em;margin:4px 0;display:inline-block}
.note{color:#362d28;text-align:center;margin:1em 0 2em;display:block}
#event_sec a b{color:#362d28}
.talk-H{font-size:3em;color:#c81b14;text-align:center;margin:1em 0 0;display:inline-block;font-weight:700}
.talk-name{font-size:2em;color:#bf900f;text-align:center;display:inline-block;border-bottom:3px double #bf900f}
.talk-H2{font-size:1.2em;color:#246f8a;text-align:center;display:inline-block;margin-top:2%;margin-bottom:2%}
.more{color:#FFF;background-color:#bf900f;padding:.2em 1em;text-align:center;border-radius:1em;text-decoration:none}
.talk-box{font-size:2.2em;color:#bf900f;text-align:left;display:block;border:3px solid#bf900f;padding:.5em;margin:1em auto .5em;border-radius:1em;background-color:#FFF}
.talk-box a{font-size:.8em;color:#FFF;background-color:#c81b14;padding:.2em 1em;text-align:center;border-radius:1em;margin:.2em 0;display:inline-block}
.oralcontent{font-size:1.4em;text-align:left;border:5px solid #e7cf8b;background-image:linear-gradient(to bottom,#FFF 10%,#dfdfdf 90%);padding:1.3em;margin:0 0 15px;color:#000;border-radius:2rem;}
.oraltitle{font-size:1.4em;color:#d37112;font-weight:700;border-bottom:dashed 3px #d37112;text-align:center;font-family:"Microsoft YaHei",Verdana}
.oraltitle span{font-size:1.45em}
.oralcontent strong{color:#246f8a}
.oralcontent li{font-size:1.2em;line-height:1.6em;margin:5px 0;padding-left:5%}
.orallist li{font-size:.9em;padding-left:3%}
.oralask{text-align:center;margin-top:1em;display:block}
.oralask a{font-size:1.2em;color:#FFF;background-color:#d37112;padding:.2em 1em;text-align:center;border-radius:1em;display:inline-block;text-decoration: none;}
small{font-size:.8em}
.list_service_title{font-size:3rem; font-weight: 900;}
.list_service{display: flex;flex-wrap: wrap;justify-content: space-around;width: calc(100%/1);}
.list_service figure { margin: auto;}
.list_service figure img{border-radius:6px;}
.list_service figcaption{font-size: 1.3rem;font-weight: 900;text-align: center;}
.s_title dt{font-size: 1.4rem;font-weight: 900;}
.group_feature{margin: 0.5rem 0;text-align: left;padding: 1rem;}
.group_feature dt{font-weight: 900;font-size: 1.7rem;padding: 0 1.0rem;color: #d37112;border-bottom: solid 1px;border-left: solid 8px;letter-spacing: 0.5rem;margin-bottom: 0.5rem;}
.group_feature .time{color:#246f8a;font-size:1.35rem;background-color: white;padding: 0.2rem 0.5rem;margin-top: 1.0rem;}
.group_feature strong{color:#246f8a;font-size:1.35rem;}
.group_feature b {background-color: #407474;color: #eaddaf;display: inline-block;padding: 0.25rem 1.8rem;width: max-content;border-radius: 50px;text-align: center;margin: 0.5rem 0.5rem;transition: all 0.2s linear;}
.group_feature .name{color:#246f8a;font-size:2.8rem;}
.group_feature .get{color: #246f8a;font-size: 1.5rem;border-bottom: dotted 1px;border-top: dotted 1px;width: max-content;margin-bottom: 0.5rem;}
.group_feature .cof{border-bottom: dotted 1px;border-top: dotted 1px;align-items: center;display: flex;background: linear-gradient(to bottom, #ffffff 70%, #f7eecdb8 100%);margin: 2% 0 0;text-align: center;justify-content: space-between;}
.group_feature .cof span{color: #d37112;font-size: 1.5rem;align-items: center;text-align: center;padding: 0 1.0rem;font-style: oblique;width: 40%;display: inline-block;}
.group_feature .cof img{width: 60%;}
.group_feature dd{font-size: 1.2rem;}
.join *{box-sizing: border-box;}
.join{display: flex;flex-wrap: wrap;justify-content: space-around;}
.joinlist{width: calc(100%/3);padding: 0.5rem;}
.joinlist dt{font-weight: 900;padding: 0.5rem 1.5rem;border-bottom: solid 3px;font-size: 1.5rem;color: #ebdfb4;background-color: #407474;margin: 0;text-align: center;}
.joinlist dt b{font-weight:normal;font-size: 2.2rem;color: #ebdfb4;margin-right: 0.3rem;}
.joinlist dd{background: linear-gradient(to right, #ebdfb43b 70%, #ebdfb4a3 100%);padding: 0.6rem 1.5rem;font-size: 1.2rem;color: #274141;margin: 0;}
.fixAD{position: fixed;right: 0;bottom: 10rem;background: #275050;padding: 1rem;border-radius: 1.0rem 0;border-bottom: solid 4px #e7cf8b;}
.fixAD,.fixAD a{color: #ebdfb4;}
/*Back to top button */
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
	right: 1%;
	z-index: 99;
}
#back-top a {
	width:60px;
	height:60px;
	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:60px;
	height:60px;
	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;
}
/*20220801 add*/
.lecture_title{margin: 0.5rem 0 0;}
.lecture_list{text-align: left;font-size: 1.5rem;}
.list_lec_content{margin:-2.5rem 0 0 11rem}
.list_lec_content li{list-style-type: disc;}
.page_reg_lec{font-size: 1.4rem;}
.page_reg_lec>span{color: red;}
#askarea SELECT,#askarea SELECT option {color: black;}
.nocolor{color:black;}
.black_option{color: black;}
.gray_option{color: gray!important;}

@media (min-width: 1px) and (max-width: 1200px) {	
	.lecture_title{font-size: 1.7rem;}
	.lecture_title img,#event_master img{max-width: 100%;height: auto;}
	.list_lec_content{margin:0 0 0 2rem}
	.box1 .lecture_list{justify-content: space-between;}
	.page_reg_lec{text-align: center;}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.box1{padding: 1.5rem 3rem;}
	.box1 .lecture_list dd{width: auto;}
	.box1 .lecture_list .lecture_list_img{right: 0;bottom: 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.step {width: 46%;margin: 0 1% 5px;}	
}
@media(max-width:767px){
	.joinlist {width: calc(100% / 1);}
	.joinlist dt {padding: 0.5rem 0.5rem;}
	.oralcontent {padding: 0.5em 0.3em;}
	.group_feature b {display: block;}
	.group_feature .cof {align-items: center;display: flex;text-align: center;justify-content: space-between;flex-direction: column;}
	.group_feature .cof span {font-size: 1.2rem;width: 100%;}
	.group_feature .cof img {width: 90%;}
	.fixAD{bottom: 0;width: 100%;text-align: center;box-sizing: border-box;}
	.school li {
		margin: 0;
		width: 100%;
	}
	.school {
		width:100% !important;
	}
	.box img {
		margin: 0 13px 0;
		display: inline-block;
		float: none;
	}
	.stitle {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.school a {
		font-size: 1.8rem;
		margin: 0 0 0 30%;
	}
	.school a:before {
		width: 107px;
		height: 90.86px;
	}
	.school ul {
		margin-left: 0;
		text-align: center;
	}
	.space { display: none; }
	.oraltitle{font-size: 1em;}
	.oraltitle span{font-size: 1.2em;}
	.step {width: 92%;margin: 0 1% 4px;padding: 2% 3%;}
	.planlist ul > li {width: 50%;}
	.planlist ul > li:nth-child(2):before,.planlist ul > li:nth-child(4):before,
	.planlist ul > li:nth-child(6):before,.planlist ul > li:nth-child(8):before,
	.planlist ul > li:nth-child(2):after,.planlist ul > li:nth-child(4):after,
	.planlist ul > li:nth-child(6):after,.planlist ul > li:nth-child(8):after{content:none;}
	.box1{padding: 1.5rem 2rem;}
	.box1 .lecture_list{font-size: 1.1rem;}	
	.box1 .lecture_list .lecture_list_img{right:0;width: auto;position: inherit;left: 0;bottom: 0; margin:0 auto;}
	.box1 .lecture_list dd{width: 100%;}
	.box1 .lecture_list span{display:block;text-align:;color:#ffd154;}
	.box1 .lecture_list dd:nth-of-type(3) span{margin-left:initial;}
	.lecture_list i{display: inline-block;}
	.list_lec_content{margin: auto;}
	.list_lec_content li{list-style-position:inside;
		text-align: left;
		text-indent: -1.5rem;
		margin-left: 1.5rem;}
	
/* .box1 a {display: block;} */
	.media_photo{margin: 0 auto;}
	.mtitle {font-size: 2.3em;}
	.flex{flex-direction: column;}
	.good{text-align: center;}
	.good br{display: none;}
	.more_media{width: auto;}
	
}