﻿:root{
	--blue_green:#00acba;
	--light_orange:#fdd900;
	--light2_orange:#f7ad00;
	--light3_orange:#f6ad00;
	--pink:#e83c78;
}
#event_master h1{font-size:4.6rem;}
#event_master h2{font-size:3.2rem;}
#EventContainer .bgcolor0{background-color:#fcc80200;}
#EventContainer .bgcolor1{background-color:#fdd90000;}
#EventContainer .bgcolor2{background-color:#f59c00;}
#event_third, #event_fourth, #event_fifth, #event_sixth{padding:2rem 1rem;}
.event_wrap{padding:2rem 1rem 2.5rem;}
#Ask{background-color:var(--blue_green) !important;}
.px-1{padding:0 0.25rem;}
mark{background-color:#fbd8de;}
.text-pretty{text-wrap:pretty;}
.text-keep-all{word-break:keep-all;overflow-wrap:anywhere;}
a{color:#083568;}
.wrap_all{word-break:keep-all;overflow-wrap:anywhere;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%}
.nowrap{text-wrap:nowrap}
/*2025公職高錄取時代*/
.banner{text-align:center;font-size:3rem;background-color:#e83c78;background:linear-gradient(to right, #ba4d90, #017dc5);}
.banner h1{font-size:5rem;}
.banner img{margin:0 auto}
/*頁籤*/
.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;/*border-bottom:12px dotted #ffffff75;*/}
.sort_item a.active.right{background-color:#008d89;font-size:2.7rem;color:#fff;/*border-bottom:12px dotted #ffffff75;*/}
.sort_item a::after{content:'\f245';font-family:"Font Awesome 5 Free";font-weight:bold;margin-left:1rem;}
.sort_item a.active::after{content:'';}
/*弱科健檢*/
.left_bg{background:linear-gradient(to right, #d69bbd 1%, #ffffff 15%);border-top:10px #d69bbd solid;border-top:10px #b34785b0 solid;}
.right_bg{background:linear-gradient(to right,#ffffff 15%, #d69bbd 1%);background:linear-gradient(to right, #ffffff 85%, #75c1bf 100%);background:linear-gradient(to left, #ffffff 85%, #75c1bf 100%);border-top:10px #7ac3c1 solid;border-top:10px #008d89a8 solid;}
.diagnosis{margin:.1rem auto;text-align:center;line-height:1.95;}
.diagnosis dt{color:var(--pink);font-size:3rem;font-weight:bold;}
.diagnosis dt i, .bonus-plus i{transform:rotateY(180deg);color:#39b34e;margin:auto 0.5rem;}
.diagnosis dd{font-size:1.8rem;line-height:2.7rem;}
.diagnosis dd strong{text-decoration:underline;}
.fcolor-green{color:#39b34e;}
/**/
.exp_box{width:calc(91%/2 - 1rem);margin:0 auto;box-shadow:rgb(96 125 139) 0px 2px 8px;padding:1.5rem;border-radius:1rem;}
.exp_box dl{width:calc(100% - 125px);padding:0 1rem 0 0;}
.exp_box dl dt{font-size:1.5rem;margin:auto auto 0.5rem;}
.exp_box dl dt{font-size:2rem;line-height:2.4rem;margin:auto auto 0.5rem;font-weight:bold;color:#00BCD4;}
.exp_box dl dd{font-size:1.125rem;}
.exp_box ul li:last-of-type{font-weight:bold;}
.exp_box ul li.winner_t{color:#f44336;font-size:1.3rem;}
.exp_box figure{width:125px;height:125px;background-color:#EDE2D8;border-radius:50%;}
.exp_box p{border-top:1px solid #C9C9C9;margin:0.5rem auto auto;padding:0.5rem 0 0;font-size:1.05rem;}
.exp_box img{border-radius:50%;}
/*考場限定*/
.bonus-plus{padding:1rem;background:white;position:relative;border-top:12px solid var(--light_orange);width:1200px;}
.bonus-plus dl{font-size:1.8rem;margin:auto;width:fit-content;text-align:left;}
.bonus-plus dl .dt{font-size:3rem;font-weight:bold;color:var(--pink);text-align:center;}
.bonus-plus dl dl{ display:flex;flex-wrap:wrap;width:70%; }
.bonus-plus dl dl dt{ width:fit-content;margin-bottom:-25%;text-align:right; }
.bonus-plus dl dl dd{ width:81%;margin-left:19%;}
.bonus-plus dl a{font-weight:bold;}
.bonus-plus .price{font-size:2rem;}
.extra{padding:0 0 0.25rem 6.5rem;display:flex;flex-wrap:wrap;}
.bonus-cont .extra li{background-color:#F44336;color:white;border-radius:2rem;padding:0.25rem 1rem;margin:0.125rem 0.25rem;line-height:1.5rem;}
.bonus-cont .extra li .price{line-height:0;color:white;}
.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:#00acba;margin-right:0.5rem;}
.limit-date span > span{color:var(--pink);}
.class-title{width:24%;/*background-color:var(--light_orange);*/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{width:100%;position:absolute;text-align:center;font-family:"Microsoft YaHei";font-weight:bold;font-size:2.4rem;line-height:2.7rem;align-items:center}
.class-title-bg{background:url(./../images/1406019_bigicon_bg.png) no-repeat top;width:270px;height:260px;top:16px;left:10px;position:relative;background-size:84%;filter:drop-shadow(0 4px 3px #999)}
.class-title-t b.t1{color:#fed900;font-size:2.4rem;display:inline-block;padding:4.3rem 0 0 0;}
.class-title-t b.t2{color:#fed900;text-shadow:-1px -1px 0 #1b1d1d, 1px -1px 0 #1b1d1d, -1px 1px 0 #1b1d1d, 1px 1px 0 #1b1d1d, 2px 2px 2px #1b1d1d;}
.class-title-t b.t3{color:#fff;}
.class-title-t b.t123{color:#fff;font-size:2.7rem;display:inline-block;padding:3.9rem 0 0 0;}
.bonus-box{padding:1rem 0;}
.bonus-plus, .bonus-cont{margin:1rem auto 2.5rem;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;}
.bonus-box .mb-4{margin-bottom:1rem;}
.bonus-cont > ul{width:calc(100% - 285px);padding:1rem;/*background-color:white;width:76%;*/position:relative;font-size:1.3rem;}
.bonus-plus:after, .bonus-cont > ul::after{position:absolute;right:0;bottom:-15px;content:'';height:0;border-style:solid;border-width:0 0 50px 50px;border-color:transparent transparent #00bcd4a8 transparent;}
.price{color:var(--pink);font-size:1.5rem;margin:0.125rem;font-weight:bold;}
.class-name{/*color:#2fb751;*/color:#f23e7d;font-weight:bold;font-size:1.75rem;}
.class-name a{color:#1d4878;font-size:1.7rem;}
.bonus-cont li:nth-of-type(even) .class-name{color:#f23e7d;}
.bonus-cont .class-detail{padding:0;display:inline-table;}
.bonus-cont ul li{margin:0.25rem auto;border-bottom:1px #000 dotted;}
.class-detail li{margin:auto;list-style-type:none;border-bottom:0 !important;}
.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{/*background-color:#EFEFEF;*/text-align:center;padding-bottom:1rem;}
.shopping{font-size:2.2rem;/* font-weight:bold; */padding:1.05rem 0;background:linear-gradient(to right, #ba4d90, #d79dbe);background-color:#57d3e3;color:#fff;margin-top:.5%;text-align:center;}
.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;color:#947037;padding-bottom:.5rem;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%;}
/*Ask*/
#Ask input[type="submit"], #Ask input[type="reset"]{background:#644887 !important;width:88px !important;font-size:0.95rem}
@media screen and (min-width:1201px){
    #event_third, #event_fourth, #event_fifth, #event_sixth,.event_wrap{width:1200px;margin:auto;}
	#event_master, .sort_item{width:100%;}    
	.bonus-cont, .video-wrap{width:1200px;}
	.exp_box .nowrap{text-wrap:nowrap;}
}
@media screen and (min-width:1024px){
	.exp_box dl dt{word-break:keep-all;overflow-wrap:anywhere;}
	.exp_box{width:calc(100% / 2 - 1rem);}
}
@media screen and (max-width:1200px){
	.bonus-plus{ width:100%; }
	.bonus-plus dl{ width:initial;padding:0 .5rem; }
	.bonus-plus dl dl{ width:initial; }
	.bonus-plus dl dl dt{ width:100%;margin:initial;text-align:left; }
	.bonus-plus dl dl dd{ width:100%;margin:initial; }
}
@media screen and (min-width:1024px){		
	.exp_box{display:flex;flex-wrap:wrap;}
	.exp_box dl{order:1;}
	.exp_box figure{order:2;}	
	.exp_box p{order:3;}
}
@media screen and (max-width:1023px){
	.exp_box dl{width:auto;}
	.class-name{display:block;}
	.bonus-cont .ml-4{margin-left:0;}
    .video-box, .class-title, .bonus-cont > ul{width:100%;}
	.exp_box figure{float:right;}
    .class-title-bg{background:url(./../images/1406019_bigicon_bg.png) no-repeat center;background-size:75%;width:240px;height:196px;top:10px;position:relative;z-index:5;background-position:center;margin:0 auto}
    .class-title-t{width:100%;position:absolute;top:24%;font-family:"Microsoft YaHei";font-weight:bold;line-height:2.4rem;padding:0}
    .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;}
}
@media screen and (max-width:767px) and (orientation :portrait){ 
    .br_mb{display:block}
	.sort_item a{font-size:1.25rem;word-break:keep-all;overflow-wrap:anywhere;}
	.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, .bonus-plus dl .dt{font-size:1.8rem;}
    .limit-date span{font-size:2.1rem;line-height:2.6rem;}
	.diagnosis dt{font-size:2rem;line-height:2.4rem;margin-top:6%;margin-left:4%;}
	.diagnosis dd, .bonus-plus dl dl{font-size:1.2rem;line-height:2rem;margin:.5rem auto 0;}
	.bonus-cont > ul{ padding:0 1.5rem 1rem;font-size:1.2rem;}
    .bonus-cont > ul > li{margin-bottom:1rem;}
    .bonus-cont .class-detail{font-size:1.15rem;line-height:1.5rem;}	
	.exp_box{width:100%;padding:1.5rem 1rem 1.5rem 1.5rem;}
    .exp_box figure{width:100px;height:100px;}
    .exp_box dl dt{font-size:1.8rem;line-height:2.2rem;}
    .exp_box dl{width:auto;padding:0;}
    .exp_box ul li.winner_t{font-size:1.2rem;text-wrap:auto;} 
    .youtube_title{font-size:1.7rem;line-height:2.2rem;margin-bottom:4%;}
    .youtube_title strong{font-size:1.9rem;}
    .supplement{text-align:left;padding:1% 8%;text-indent:-17px;} 
    .shopping{font-size:1.3rem;text-align:center;}   
    .price{font-size:1.3rem}     
	.extra{padding:0 0 0.25rem 0;}
	.bonus-cont .extra li{font-size:1rem;width:fit-content;margin:0.125rem 0 0.125rem auto;}  
}
	
