/*預設*/
#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{padding:1rem;}
main img{margin:auto;}
.bg-blue-wheat{background:linear-gradient(135deg,rgb(199 232 249 / 50%),rgb(247 250 231 / 50%) 30%);}
.bg-linear-orange{background:linear-gradient(to bottom,var(--orange) 60%,#ec9b0b 100%);padding:2rem 0;}
main ~ #Ask{background-color:#0ca8b4;}
iframe{margin:auto;}
/*標題大小*/
article h1{font-size:2rem; }
article h2{font-size:1.875rem; }
article h3{font-size:2.2rem;text-align:center;padding:0.3em 0;color:white; }
:root{
  --yellow:#f9f100;
  --orange:#db6422;
  --red:#d32d2f;
  --blue:#006b8f;
  --peacock:#09a7b3;
  --purple:#970582;
  --black:#201513;
  --green:#24923c;
  --peach:#ef907a;
  --berry:#d8388e;
}
/*Event 主圖*/
.banner{z-index:2;text-align:center;}
.banner h1{font-size:7.3rem;}
.banner h1 strong{color:var(--blue);}
.master_des{font-size:4rem;}
.master_des span{width:7rem;height:7rem;background:linear-gradient(to bottom,#ec9b0b,#0ca8b4 70%);color:white;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin:auto -5px;}
.master_des span:nth-of-type(1){color:var(--yellow);z-index:1;position:relative;}
.master_des a{margin-left:2rem;font-size:2.8rem;}
.master_des a i{padding:0 0.5rem 0 0;}
.slogan{background:linear-gradient(to left,#ec9b0b,#0ca8b4 70%);;color:white;padding:0.5rem 0;font-size:2.25rem;}
/*科目*/
#subjectTabs .subject-list a.active{background:var(--orange);color:white;font-weight:bold;font-size:2.4rem;}
#subjectTabs .subject-list a{cursor:pointer;width:calc(100%/2);justify-content:center;border-right:1px solid #FFF;box-sizing:border-box;text-decoration:none;align-items:center;background:linear-gradient(to right,#e4e4e4 50%,#c7c7c7 100%);font-size:2.1rem;text-align:center;margin:2rem auto 0;padding:.5rem;}
#subjectTabs .subject-list a:last-of-type{border:none;}
/*場次*/
.card-title{width:100%;font-size:2rem;}
.lecture-content{padding:2rem 0;}
.lecture-content dl{margin:2rem auto;display:flex;flex-wrap:wrap;align-content:flex-start;}
.lecture-content dl dt{z-index:1;}
.lecture-content dl dt figure{width:142px;height:190px;border-radius:1rem;overflow:hidden;background-color:white;}
.lecture-content dl dt figure img{object-fit:cover;width:150px;height:190px;background:linear-gradient(15deg, #db642230, transparent);}
.lecture-content dl dd{margin:auto auto auto 0.5rem;}
.lecture-content dl dd ul li:nth-of-type(n+1):nth-of-type(-n+2){padding:0 0 0 1.2rem;}
.lecture-content dl dd ul li:nth-of-type(1){font-size:2rem;font-weight:bold;letter-spacing:0.25rem;color:var(--blue);}
.lecture-content dl dd ul li small{font-size:initial;font-weight:initial;letter-spacing:initial;line-height:0;}
.lecture-content dl dd ul li:nth-of-type(2){font-size:1.5rem;color:var(--orange);}
.lecture-content dl dd ul li:nth-of-type(3){font-size:1.35rem;background:linear-gradient(to bottom,var(--peacock) 75%,transparent 100%);color:white;padding:.7rem 1rem .9rem;letter-spacing:.125rem;margin:.5rem auto auto 0;border-radius:.5rem}
.lecture-content dl dd ul li:nth-of-type(3) span{color:var(--yellow);font-weight:bold;padding:0 0.25rem 0 0;}
.lecture-content dl dd ul li .border-top{border-top:1px dotted;}
.lecture-content dl dd ul li.twin{padding:0.15rem 1rem 0.15rem 3rem}
.lecture-content dl dd ul li.twin .atcircle{width:2.75rem;height:2.75rem;font-size:1.2rem;}
.lecture-content dl dd ul li i{color:white;}
.lecture-content dl dd ul li a{display:block;}
.lecture-content dl dd ul li a::before{content:'\f39e';font-family:"Font Awesome 6 Brands";font-weight:400;display:inline-block;padding:0 0.25rem 0 0;}
.tainan{background-color:var(--red);}
.video-wrap{width:100%;position:relative;}
.video-wrap::before{_content:"";position:absolute;width:65px;height:65px;left:0;right:0;margin:auto;top:0;bottom:0;background:url(../../images/play.svg) no-repeat;background-size:100%;fill:#212121;fill-opacity:.8;transition:all 0.3s linear;z-index:2;}
.video-wrap img,.video-wrap iframe{border:2px solid var(--blue);width:100%;border-radius:0 0 1rem 1rem;}
.embed-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%;}
.embed-container iframe{border-radius:1rem}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}
.fake{padding:2rem 3rem;background:url(../../images/1206051_2_3.png) no-repeat center 100% #FFF;background-position-y:95%;border-radius:0 0 1rem 1rem;border:2px solid var(--blue);display:flex;flex-wrap:wrap;}
.fake dl{color:var(--blue);}
.fake dl dt{font-size:5rem;margin-left:4rem;text-align:left;}
.fake dl dt span{display:block;font-size:2rem;position:relative;width:fit-content;padding:0 0 0 1rem;}
.fake dl dt span::before{width:5rem;background-color:black;height:2px;position:absolute;content:'';right:100%;top:50%;}
.lecture-content .fake dl dd{font-size:3rem;margin:auto;position:relative;width:fit-content;padding:0 1rem 0 0;}
.fake dl dd::after{width:7rem;background-color:black;height:2px;position:absolute;content:'';left:100%;top:50%;}
.fb-circle{width:18rem;height:18rem;border-radius:50%;position:relative;background:linear-gradient(145deg,rgb(68 100 161 / 25%) 30%,rgb(68 100 161 / 60%) 50%);margin:2rem 0 0 auto;}
.video-wrap .fb-circle img{border:initial;border-radius:0 0 45% 45%;position:absolute;bottom:0;left:0;right:0;height:340px;object-fit:cover;}
.lecture-content .materials{font-size:2rem;}
.lecture-content .materials a{background-color:initial;color:black;text-decoration:underline;margin:0.5rem auto;padding:0 0 0 0.25rem;}
.enter_in{font-size:1.35rem;text-align:center;background:linear-gradient(to right,rgb(140 76 154 / 97%),rgb(238 124 27 / 97%) 70%);position:fixed;bottom:0;left:0;width:100%;z-index:1;color:white;padding:0.75rem 0 1.25rem;letter-spacing:0.125rem;}
.enter_in a{color:var(--yellow);font-weight:500;}
.card-title {font-weight:bold;}
.card-title .fa-youtube{color:#FF0000;margin:auto 0.15rem auto 0;}
.card-title .fa-facebook{color:#3B5998;margin:auto 0.5rem auto 0;font-size:2.25rem;}
.card-title a{color:var(--orange);margin:auto 0.5rem;}
.lecture-content .online dd{width:100%;margin:auto;}
.lecture-content .online dd ul li:nth-of-type(n+1):nth-of-type(-n+3){padding:0;}
/*合照*/
.message{text-align:center;}
.message dt{font-size:3rem;color:#fff6cc;}
.message dd{color:white;font-size:1.25rem;text-wrap:balance;}
.message dd a{background-color:#fff6cc;border-radius:2rem;padding:0.25rem 0.75rem;color:black;font-weight:bold;margin:0.25rem;text-decoration:none;display:inline-block;}
.group-title{padding-top:3%;}
.group-wrap{text-align:center;}
.group-photo img{border-radius:1em;display:inline-block;width:calc(100% / 4 - 0.25rem);}
.group-wrap p{color:white;padding:2% 0;}
.lecture-content .download{font-size:1.9rem;}
.lecture-content .download a{padding:0;margin:auto;text-decoration:underline;}
.download::before{content:'\f56d\00a0解答下載：';font-family:"Font Awesome 6 free";font-weight:900;}
.handout::before{content:'\f56d\00a0講義：';font-family:"Font Awesome 6 free";font-weight:900;}
/**/
#Ask .reserve{font-size:1.75rem;}
@media screen and (min-width:1201px){	
	#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{width:1200px;margin:auto;}
	.slogan{letter-spacing:0.5rem;}
}
@media screen and (min-width:1024px){
	#Ask SELECT,#Ask input{font-size:inherit;}
	#Ask input[name="sName"],#Ask input[name="sTelephone"],#Ask select[name="sT1"]{width:auto;}
	.ask-wrap .sm\:block{display:initial;}
	.lecture-content .online{width:calc(100%/5);}
	.lecture_card_title{border-left:solid .25rem var(--blue);}
}
@media screen and (max-width:1023px){
	.lecture-content{padding:1rem;}
	.lecture-content dl{justify-content:center;}
	.lecture-content dl dd{width:100%;text-align:center;}
	.lecture-content dl dd ul li:nth-of-type(4){margin:auto;padding:0.25rem 0;}
	.lecture-content dl dd ul li:nth-of-type(1){width:fit-content;margin:auto;line-height:2rem;}
	.lecture-content dl dd ul li:nth-of-type(2){padding:0;}
	.lecture-content dl dt figure{margin: auto auto 0.5rem;}
	.lecture-content dl dd ul li:nth-of-type(n+1):nth-of-type(-n+2){padding:0}
}
@media screen and (max-width:1200px){
	.banner h1{font-size:5rem;}
	.message dt{font-size:2rem;}
	.master_des a{display:block;margin:auto;}	
}	
@media screen and (min-width:768px) and (max-width:1199px){	
	.master_des{font-size:3rem;}
	.master_des span{width:5rem;height:5rem;}	
}
@media screen and (min-width:768px) and (max-width:1023px){
	#Ask input[name="sEmail"]{width:auto;}	
}
@media screen and (max-width:767px){
}
@media screen and (max-width:767px) and (orientation:portrait){
	.slogan{font-size:1.1rem;}
	.banner h1{font-size:2.75rem;}
	.master_des{font-size:2.75rem;}
	.master_des span{width:4.5rem;height:4.5rem;}
	.master_des a{font-size:2rem;}	
	#subjectTabs .subject-list a{font-size:1.2rem;}
	#subjectTabs .subject-list a.active{font-size:1.25rem;}	
	.lecture-content dl{width:100%;}
	.group-photo img{margin:2% 0;}
	.message dd a{display:block;padding:0.25rem;}
	.group-photo img{width:calc(100% / 2 - 0.25rem);}
	.enter_in{font-size:1rem;letter-spacing:initial;}
}