﻿: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;}
.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;}
.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 (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;}
	.exp_box figure{float: right;}
	.class-name{display: block;}
	.bonus-cont .ml-4{margin-left: 0;}
    .video-box, .class-title, .bonus-cont > ul {width: 100%;}
    .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;}
	.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 {float: right;width: auto;}
    .exp_box img {width: 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}       
}
	
