:root{
	--font-size1:1.2rem;
	--font-size2:1.1rem;
	--font-size3:1.5rem;
	--red1:#a32d28;
	--red2:#c00;
	--pink:#e83c78;
	--light_orange:#fdd900;
	--light2_orange:#f7ad00;
	--bright-yellow:#FFEB3B;
	--blue: #1d4878;
}
.text-6xl{font-size:3.75rem;}
.fcolor7{color:var(--red2);}
.fcolor8{color:#f5d889;}
#event_fifth .fcolor8{color:var(--red1);}
.fcolor9{color:var(--red1);}
.bg-linear-yellow{background:linear-gradient(to right,transparent,rgb(246,255,146) 40%,rgb(246,255,146) 60%,transparent);}
#EventContainer .bgcolor0{	background:url(../images/1109050/1109050_main_bg.png) no-repeat center top / cover;}
#EventContainer .bgcolor2{	background:url(../images/1109050/1109050_main_bg2.png) no-repeat center bottom / cover;}
#EventContainer .bgcolor1{background:linear-gradient(0deg, #f9eaae 60%, #deb159 89%,#fdf3c8 100%);}
#EventContainer header h1{font-size:2.85rem;text-align:center;font-weight:bold;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, .section{padding:2rem;}
/*歡慶高普考放榜*/
.banner{display:flex;flex-wrap:wrap;justify-content:center;}
#event_master{text-align:center;position:relative;}
#EventContainer #event_master h1{font-size:6rem;font-weight:bold;}
.grade a{padding:2rem 0;border:2px solid #ffffff;-webkit-filter:drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.7));filter:drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.7));background:linear-gradient(to bottom,  #e6e6e6 0%,#ffffff 100%);font-weight:bold;}
/*免費成績單健檢*/
.Op_course_subtitle{font-size:1.6rem;color:var(--black);text-align:center;;background:var(--bright-yellow);border-radius:20px;padding:0.5rem 0.5rem 1.25rem;margin:0 auto 2.5rem; }
.Op_course_subtitle li{font-size:1.3rem; text-align:center;}
.Op_course_subtitle li strong{font-size:1.3rem;}
.Op_course_subtitle strong{font-size:2.85rem;color:var(--red2); }
.Op_course_subtitle .hooper{height:30px;}
.op_title{background:linear-gradient(181deg, #c7003e 70%, #b21534);padding:3% 2% 1%;margin:1rem auto;text-align:center;font-family:Verdana,"Microsoft JhengHei",Arial;border-radius:20px 20px 0 0;}
.op_t1{color:var(--bright-yellow);font-weight:bold;padding:1% 0 0.5%;font-size:2.2rem;}
.op_t1 a{color:var(--bright-yellow);}
.op_t2{color:#fff;font-weight:bold;font-size:2.2rem;line-height:2.5rem;display:block;}
.op_t3{color:#fff;padding:1rem 0;margin:2rem auto;font-size:var(--font-size3);border-top:1px #f9eaae dotted;border-bottom:1px #f9eaae dotted;position:relative;}
.op_t3 a{color:var(--bright-yellow);font-weight:bold;font-size:var(--font-size3);}
.op_t4{color:#3f0d08;font-weight:bold;margin:auto 1.5%;font-size:var(--font-size3);background-color:var(--bright-yellow);width:100px;height:100px;align-items:center;border-radius:100%;justify-content:center;display:inline-flex;text-align:center;position:absolute;top:0;bottom:0;left:0;}
.op_t5{color:#fff;padding:1% 0 0.5%;font-size:var(--font-size1);line-height:1.5em;text-align:left;}
.out_link{text-align:center;}
.out_link li{margin:auto 0.5rem;}
.out_link li a{display:inline-block;transition:all .3s ease-in;text-decoration:blink;color:#fff;padding:0.5rem 1rem;border-radius:25px;background-color:#ff9336;margin:0.125rem;}
.out_link li a:hover{transform:scale(1.1);}
.exp_box{width:calc(100%/2);text-align:left;color:white;padding:1rem;display:flex;flex-wrap:wrap;align-items:flex-end;row-gap: .5rem;}
.exp_box dl{width:calc(100% - (120px + 1rem));}
.exp_box dl dt{font-size:1.25rem;color:var(--bright-yellow);font-weight:bold;}
.exp_box img{border-radius:100%;background: white;}
.winner_t{font-weight:bold;background-color:var(--bright-yellow);color:#3f0d08;padding:0 0.25rem;display:inline-block;}
.exp_box figure{width:110px;margin-right: 1rem;}
/*頁籤*/
.sort_item{background-color:#000;background:linear-gradient(to right, #ba4d90, #402b4f, #562c40, #402b4f, #00546c, #017dc5);background:linear-gradient(to right, #ba4d90, #017dc5);}
.sort_item a{cursor:pointer;width:calc(100%/2);padding:1rem 0;transition:background-color 0.2s;background-color:#c9c9c97d;color:#ffffff8f;font-size:2.4rem;text-align:center;text-decoration:none;position:relative;}
.sort_item a.active{font-size:2.5rem;color:#fff;}
.sort_item a.active.left{background-color:#b34785;font-size:2.7rem;color:#fff;}
.sort_item a.active.right{background-color:#008d89;font-size:2.7rem;color:#fff;}
.sort_item a::after{content:'\f245';font-family:"Font Awesome 5 Free";font-weight:bold;margin-left:1rem;}
.sort_item a.active::after{transform:rotate(-63deg);display:inline-block;transition:0.5s;}
/*從基礎到進階*/
.progress .title{font-size:2rem;text-align:center;width:100%;}
.progress dl{width:calc(100%/4 - 7.5%);text-align:center;padding:1rem .5rem;position:relative;line-height: 1.6;font-size: 1.2rem;}
.progress dl:nth-of-type(3){width: calc(100%/4 + 15%);}
.progress dl:nth-of-type(4){width: calc(100%/4);}
.progress dl dt{color: var(--blue);background-color:white;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;margin:0 auto .5rem;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;position: relative;z-index: 2;}
.progress dl::after{content:'';position:absolute;}
.progress dl:nth-of-type(1)::after{width:44%;height:1px;background-color:black;left:78%;top:calc(50px + 1rem);}
.progress dl:nth-of-type(3)::after{width:55%;height:1px;background-color:black;left:63%;top:calc(50px + 1rem);}
.progress dl dd{word-break:keep-all;overflow-wrap:anywhere;}
.progress dl dd a{color:#b21534;font-weight:bold;}
.decoration-none{text-decoration:none;cursor:initial;}
.decoration-none:hover{top:initial;}
.service{color: var(--blue);background-color:white;border-radius:2rem;font-size:1.25rem;padding:0.5rem 2rem;width:fit-content;margin:auto; box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset}
.service a{color: var(--pink);}
/*憑成績單優惠*/
.ask_link{text-align:center;font-size:1.3rem;padding:1rem 0;}
.ask_link a{margin:0.25rem 0.5rem;background-color:var(--light_orange);border-radius:2rem;padding:0.25rem 1rem;box-shadow:rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;text-decoration:none;display:inline-flex;flex-wrap:wrap;}
.limit-date{font-weight:bold;font-size:3rem;text-align:center;}
.limit-date span{color:white;margin-right:0.5rem;}
.limit-date span > span{color:#fed900;}
.class-title{width:24%;text-align:center;font-family:"Microsoft YaHei";font-weight:bold;font-size:1.8rem;padding:.5rem 0 0 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.class-title-t{text-align:center;font-family:"Microsoft YaHei";font-weight:bold;font-size:2.4rem;line-height:2.7rem;}
.class-title-t strong{color:#fed900;text-shadow:-1px -1px 0 #1b1d1d, 1px -1px 0 #1b1d1d, -1px 1px 0 #1b1d1d, 1px 1px 0 #1b1d1d, 2px 2px 2px #1b1d1d;}
.progress{padding:3rem 0;}
.bonus-box{padding:3rem 0 0;}
.bonus-cont{margin:2rem auto;box-shadow:rgb(0 0 0 / 15%) -10px 5px 15px -5px;border-radius:2rem;border:0px #cccccc99 solid;border-right:7px #cccccc99 solid;border-left:7px #cccccc99 solid;background-color:#F5F1F0;padding:1rem 0 0;}
.bonus-box .mb-4{margin-bottom:1rem;}
.bonus-cont>ul{padding:1rem;font-size:1.3rem;display:flex;flex-wrap:wrap;justify-content:center;}
.price{color:var(--pink);font-size:1.5rem;margin:0.125rem;font-weight:bold;}
.class-name{color:#f23e7d;font-weight:bold;font-size:1.75rem;}
.class-name a{color:var(--blue);font-size:1.7rem;}
.bonus-cont li:nth-of-type(even) .class-name{color:#f23e7d;}
.bonus-cont>ul>li{width:calc(100%/2);padding:1rem;}
.local>ul>li{width:calc(100%/3);}
.next-year>ul>li.full-time{width:100%;}
.next-year>ul>li.full-time>ul>li{width:calc(100%/2);padding:0 1rem;}
.class-detail li{margin:0;list-style-type:none;border-bottom:1px rgb(0 0 0 / 50%) dotted;}
.class-detail b{color:#00acba;}
.bgcolor-green{background-color:#dbedd5;}
.bgcolor-pink{background-color:#fbd8de;}
.bgcolor-oldstu{background-color:#F44336;color:#fff;padding:1px 4px 2px 12px;border-radius:16px;display:inline-block;}
.supplement{text-align:center;padding-bottom:1rem;color:#fff}
.shopping{font-size:2.2rem;padding:1.05rem 0;color:#fff;margin-top:.5%;text-align:center;background:linear-gradient(to right, #ba4d90, #d79dbe);}
.shopping a{background-color:#006a97;border-radius:2rem;padding:.25rem 1rem;margin:auto .5rem;box-shadow:rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;text-decoration:none;color:#fff;font-weight:normal;}
.shopping a:hover{background-color:#00BCD4;}
/*眾多考生證實*/
.youtube_title{font-size:2.3rem;text-align:center;padding:2rem 0 0;word-break:keep-all;overflow-wrap:anywhere;}
.youtube_title strong{font-size:2.75rem;padding:0 0.25rem;}
.video-wrap{margin:auto;}
.video-box{width:calc(100%/2 - 1rem);margin:auto 0.5rem 1rem;}
.embed-container{position:relative;padding-bottom:55.25%!important;height:0;overflow:hidden;max-width:100%;border-radius:20px;background-color:#607D8B;border-left:solid 3px var(--light2_orange);border-top:solid 3px var(--light2_orange);border-right:solid 3px var(--light_orange);border-bottom:solid 3px var(--light_orange);}
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
/* 高點多元學習法*/
#event_fourth,#event_fourth h1,#event_sixth,#event_sixth h1{color:white;}
#event_fourth h2{font-size:1.75rem;}
#event_fourth .out_link li{color:white;}
.experience{font-size:var(--font-size1);}
.experience_container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-block:1rem;}
.experience_container .experience_photo{width:11%;}
.experience_container .experience_photo img{border-radius:50%;background:white;}
.experience_container dl{width:88%;}
.experience_container dt{font-size:1.4rem;margin-bottom:0.5rem;}
.experience_container dt div{font-size:1.6rem;display:inline-block;padding:0 1rem;border-radius:12px;background:white;color:var(--red1);margin-right:.6rem;}
.highlight{color:var(--bright-yellow);}
.read{color:#000;background-color:#f5f1f0;padding:0rem 0.3rem;border-radius:1rem;font-size:0.9rem;text-decoration:none;margin-left:0.5rem;}
.select li, .out_link li{display:inline;color:#384e8d;font-weight:bold;font-family:Verdana,"Microsoft JhengHei",Arial;}
@media (min-width:1321px){	
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, .section, .progress{width:1320px;margin:auto;}	
}
@media (min-width:1201px) and (max-width:1320px){	
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, .section, .progress{width:1200px;margin:auto;}
	.progress{width:100%;}
}
@media (min-width:1201px){	
	#event_master{width:100% !important;}		
	#EventContainer header h1{margin-top:1rem;}
	.op_t3{padding:1rem 0 1rem 3rem;}
	.op_t5{margin:auto 10rem;}
	.grade{position:absolute;right:0;bottom:50%;}
	.grade a{border-radius:50%;width:8.5rem;height:8.5rem;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;text-decoration:none;}
	.price .sort{width:30%;}
	#curr2 th:not(:first-of-type){width:calc(70%/3);}

}
@media (min-width:1024px){	
	.progress dl:nth-of-type(3)::before{content:'';width:47%;height:1px;background-color:black;position:absolute;right:62%;top:calc(50px + 1rem);}
}
@media (max-width:1200px){	
	.op_t3{padding:1rem 0 1rem 8rem;}
	.grade a{display:block;}
	.segment h2{transform:skewX(-15deg);width:95%;margin:auto;}
	.segment h2 span{transform:skewX(15deg)}
	.experience{width:100%;}
	.Op_course_subtitle .hooper{height:60px;}	
	.bg-linear-yellow{background:linear-gradient(to right,rgb(246,255,146),white,rgb(246,255,146));}
}
@media screen and (max-width:1023px){
	.class-name{display:block;}
	.bonus-cont .ml-4{margin-left:0;}
	.class-title, .bonus-cont > ul{width:100%;}
	.class-title img{width:170px}   
	.class-title-t b.t1{color:#fed900;font-size:1.85rem;display:inline-block;padding:0.8rem 0 0 0;}
	.class-title-t b.t2{color:#fed900;font-size:2.1rem;display:block;line-height:2.1rem;}
	.class-title-t b.t3{color:#fff;font-size:2.1rem;line-height:2.4rem;display:block;}
	.class-title-t b.t123{color:#fff;font-size:2.2rem;display:inline-block;padding:0 0 0 0;}
	.video-box, .class-title, .bonus-cont>ul {width:100%;}
	.progress dl, .progress dl:nth-of-type(3), .progress dl:nth-of-type(4) {width:100%;padding: 1rem 2rem;}
	.progress dl:not(:last-of-type)::after{width:1px;height:2rem;left:50%;top:auto;bottom:-1rem;display: block;background-color: black;}
	.exp_box{width:100%;display: inline;}
	.exp_box figure{float: left;}
	.exp_box dl{width: 100%;}
	.exp_box dl dt{width: auto;}
}
@media (max-width:767px){ 
	.Op_course_subtitle{padding:0.5rem 0.5rem 0.75rem;margin:0 auto 1.5rem;}
	.Op_course_subtitle .hooper{height:50px;}
	.Op_course_subtitle strong{font-size:2rem;}
	.Op_course_subtitle li{font-size:1rem;}
	.Op_course_subtitle li strong{font-size:1.05rem;}
	.Op_course_subtitle .long{font-size:0.95rem;line-height:1.25rem;}
	.Op_course_subtitle .long strong{font-size:0.95rem;}
	picture img{width:100%;height:100%;}
	.price_class:where(:hover, :focus){border:2px solid #b20000;}
	.price_class:hover td{--fcolor7:var(--red2);background:#ffe8a5;color:var(--fcolor7);transition:all .3s ease-in;}
	.price_class:where(:hover, :focus) .price_class_btn i{display:none;}
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding:2rem 1rem;}
	.experience figure, .experience ul{width:100%;}
	#EventContainer header h1{font-size:1.7rem;}	
	.experience_container{ flex-direction:column;margin:1.5rem auto 2.5rem; }
	.experience_container dl{ width:initial;margin-inline:1rem; }
	.experience_container .experience_photo{ width:initial;margin:1rem auto;}
	.op_t1{display:block;font-size:1.6rem;}
	.op_t2,#event_fourth h2,.segment h2{font-size:1.4rem;line-height:1.75rem;}
	.op_t3{padding:1rem 0 1rem 4.5rem;font-size:1.1rem;}
	.op_t3 a,.op_t5,p,#schedule~div,.experience,.price th,.senior .des,.select,.segment{font-size:1.1rem;}
	.op_t4{width:70px;height:70px;font-size:1.125rem;padding:0 0.75rem;margin:auto;}	
	#schedule label{padding:0.2em 0.4em;font-size:1rem;}
	#schedule input:checked + label{padding:0.2em 0.4em;}
	.timetable dt{width:100%;}
}
@media (max-width:767px) and (orientation :portrait){
	.sort_item a{font-size:1.25rem;}
	.sort_item a::after{margin-left:0.25rem;}
	.sort_item a.active.left,.sort_item a.active.right{font-size:1.8rem;line-height:2.2rem;}
	.limit-date span{font-size:2.1rem;line-height:2.6rem;}
	.shopping{font-size:1.3rem;text-align:center;} 
	.youtube_title {font-size:1.6rem;line-height:2.2rem;margin-bottom:4%;}
    .youtube_title strong {font-size:1.9rem;}
	.video-wrap{padding:0 1rem;}
	.bonus-cont>ul>li{width:100%;}
	.next-year>ul>li.full-time>ul>li{width:100%;}
}