﻿/*預設*/
#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,#f1740d 60%,#f58656 100%);padding:2rem 0;}
main ~ #Ask{background-color:var(--purple);}
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:#e06225;
    --red:#d32d2f;
	--blue:#4464a1;
	--purple:#970582;
	--black:#201513;
	--green:#26993a;
	--peach:#ef907a;
	--berry:#d8388e;
}
/*Event 主圖*/
.banner{z-index:2;text-align:center;}
.banner h1{font-size:7.3rem;}
.banner h1 strong{color:var(--orange);}
.master_des{font-size:4rem;}
.master_des span{width:7rem;height:7rem;background:linear-gradient(to bottom,#8c4c9a,#ee7c1b 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,#8c4c9a,#ee7c1b 70%);;color:white;padding:0.5rem 0;font-size:2.25rem;}
/*科目*/
#subjectTabs .subject-list a.active{background:var(--purple);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;}
/*場次*/
.lecture-content{padding:2rem 0;}
.lecture-content dl{width:calc(100%/2 - 2rem);margin:2rem auto;display:flex;flex-wrap:wrap;}
.lecture-content dl dt{z-index:1;}
.lecture-content dl dt figure{width:150px;height:190px;border:2px solid #44629e;border-radius:1rem;overflow:hidden;background-color:white;}
.lecture-content dl dt figure img{object-fit:cover;width:150px;height:190px;}
.lecture-content dl dd{width:calc(100% - 150px);}
.lecture-content dl dd ul li:nth-of-type(n+1):nth-of-type(-n+3){padding:0 0 0 2rem;}
.lecture-content dl dd ul li:nth-of-type(1){font-size:2rem;font-weight:bold;letter-spacing:0.25rem;}
.lecture-content dl dd ul li small{font-size:initial;font-weight:initial;letter-spacing:initial;}
.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.25rem;color:var(--blue);font-weight:bold;margin:0.5rem 0;}
.atcircle{background-color:var(--blue);color:var(--yellow);width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.25rem;margin:auto 0.5rem;}
.lecture-content dl dd ul li:nth-of-type(4){font-size:1.35rem;background-color:var(--peach);color:white;padding:0.25rem 1rem 0.25rem 3rem;letter-spacing:0.125rem;margin:auto auto auto -1rem;}
.lecture-content dl dd ul li:nth-of-type(4) span{color:var(--yellow);font-weight:bold;padding:0 0.25rem 0 0;}
.lecture-content dl dd ul li span.atcircle{padding:0;}
.lecture-content dl dd ul li:nth-of-type(3) span.central{background-color:var(--green);}
.lecture-content dl dd ul li:nth-of-type(3) span.south{background-color:var(--berry);}
.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;}
.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:nth-of-type(1) .fake{border:2px solid var(--green);}
.lecture-content:nth-of-type(1) .fb-circle{background:linear-gradient(145deg,rgb(89 126 53 / 25%) 30%,rgb(89 126 53 / 70%) 50%);}
.lecture-content:nth-of-type(1) .fake dl{color:var(--green);}
.lecture-content:nth-of-type(3) .fake{border:2px solid var(--red);}
.lecture-content:nth-of-type(3) .fb-circle{background:linear-gradient(145deg,rgb(211 45 47 / 35%) 30%,rgb(211 45 47 / 80%) 50%);}
.lecture-content:nth-of-type(3) .fake dl{color:var(--red);}
.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;}
/*合照*/
.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 .ask-title{font-size:1.75rem;}
#Footer .footer-wrap{padding:1.5rem .5rem 6rem;}
#Ask .showtimes input[type="checkbox"]{width:auto;margin:auto .5rem auto 0;height:auto;padding:0;display:initial;}
.showtimes dl{padding: 0.5rem 0 1rem;width:calc(100%/2);}
.showtimes dl dt{margin: auto 0 0.5rem;}
.showtimes dl dd{padding:.125rem .5rem .125rem .25rem;margin:.25rem 0;}
.showtimes dl dd:nth-of-type(odd){background-color:rgb(255 255 255 / 20%);border-radius:.5rem;width:fit-content;}
#result {
      white-space: pre-line; /* 讓 \n 在 HTML 中顯示為斷行 */
    }
@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 (max-width:1180px){
	.lecture-content{padding:0;}
	.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(n+1):nth-of-type(-n+3){padding:0;}
}
@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;}
}
@media screen and (max-width:1200px) and (orientation:portrait){
	.message dt{font-size:2rem;}
	.master_des a{display:block;margin:auto;}	
}	
@media screen and (min-width:768px) and (max-width:1199px){
	.banner h1{font-size:5rem;}
	.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){
	.showtimes dl{width:100%;}
	.showtimes dl:last-of-type{border-top:1px dotted;}		
}
@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;}
	.showtimes dl dd:nth-of-type(odd){width:100%;}
}