﻿@font-face{font-family:"MStiffHeiHK-UltraBold";src:url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.eot");src:url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.eot?#iefix")format("embedded-opentype"),url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.woff2")format("woff2"),url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.woff")format("woff"),url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.ttf")format("truetype"),url("https://db.onlinewebfonts.com/t/6daafe4bf5f24958dc640da592c230c4.svg#MStiffHeiHK-UltraBold")format("svg");}
#event_master{font-family: 華康儷黑 Std w7;}
#event_master h1{font-size: 4.6rem;}
#event_master h2{font-size: 3.2rem;}
#EventContainer .bgcolor0{background-color: #fcc802;}
#EventContainer .bgcolor1{background-color: var(--light_orange);}
#EventContainer .bgcolor2{background-color: var(--light3_orange);}
#event_third, #event_fourth, #event_fifth, #event_sixth{padding: 1rem;}
#Ask{background-color: #00acba !important;}
.px-1{padding: 0 0.25rem;}
:root{
	--blue_green:#00acba;
	--light_orange:#fdd900;
	--light2_orange:#f7ad00;
	--light3_orange:#f6ad00;
	--pink:#e83c78;
}
/*頁籤*/
.sort_item a{cursor: pointer;width: calc(100%/2);padding: 1rem 0;transition: background-color 0.2s;background-color: #231815;color: white;font-size: 1.95rem;text-align: center;text-decoration: none;border-top: 3px dotted white;position: relative;}
.sort_item a.active{background-color: var(--pink) !important;}
.sort_item a::after{content: '\f245';font-family: "Font Awesome 5 Free";font-weight: bold;margin-left: 1rem;}
/*弱科健檢*/
.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{transform: rotateY(180deg);color: #39b34e;margin: auto 0.5rem;}
.diagnosis dd{font-size: 1.8rem;}
.diagnosis dd strong{text-decoration: underline;}
.fcolor-green{color: #39b34e;}
/*主圖*/
.banner{_background-color: #F6AD00;background: linear-gradient(to right, #00ACBB 0%, #00ACBB 50%, #FFD900 50%);}
.banner img{margin:auto;}
/*考場限定*/
.limit-date{color: var(--blue_green);font-size: 2.9rem;font-weight: bold;text-align: center;margin-right: 0.5rem;font-style: italic;font-family:'Times New Roman', Times, serif;}
.class-title{width: 24%;background-color: var(--light_orange);font-family: MStiffHeiHK-UltraBold, MStiffHeiHK, sans-serif;font-size: 1.8rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;}
.bonus-box{padding: 1rem 0;background-color: #efefef;}
.limit-date~.bonus-cont{margin:0.5rem auto 1rem;}
.bonus-cont{margin: 1rem auto;box-shadow: rgb(0 0 0 / 15%) -10px 5px 15px -5px;}
.bonus-cont > ul{width: 76%;padding: 1rem;background-color: white;position: relative;font-size: 1.3rem;}
.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 #efefef transparent;}
.price{color: var(--pink);font-size: 1.5rem;margin: 0.125rem;}
.class-name{color: #2fb751;font-weight: bold;font-size: 1.25rem;}
.class-name2{color: var(--pink);}
.bonus-cont li{list-style-type: disc;display: list-item;margin-left: 2rem;}
.bonus-cont li::marker{color: #2fb751;}
.bonus-cont li:nth-of-type(even) .class-name,.bonus-cont li:nth-of-type(even)::marker{color:var(--pink);}
.bonus-cont .class-detail{padding: 0;display: inline-table;}
.class-detail li{margin: auto;list-style-type: none;}
.bgcolor-green{background-color: #dbedd5;}
mark{background-color: #fbd8de;}
.supplement{background-color: #EFEFEF;text-align: center;padding-bottom: 1rem;}
.shopping{font-size: 1.5rem;font-weight: bold;padding: 0 0 1rem;}
.shopping a{background-color: var(--light_orange);border-radius: 2rem;padding: 0.25rem 1rem;margin: auto 0.5rem;box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;}
.video-wrap{margin: auto;}
.video-box{width: calc(100%/2 - 1rem);margin: auto 0.5rem 1rem;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;border-radius:20px;background-color:#2C6964;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%;}
@media (min-width: 1201px){		
 	#event_master,#event_third,#event_fourth,#event_fifth,#event_sixth,.sort_item{width:1200px;margin:auto;}
	#event_master,.sort_item{width: 100%;}
	.bonus-cont,.video-wrap{width: 1200px;}
	.class-title{padding: 0 4rem;}
	.bonus-cont .p-0{padding: 0;}
}
@media (max-width: 1200px){
	.class-title{padding: 0.25rem;}
	.limit-date span{display: block;margin: auto;}
}
@media (max-width:767px){ 
	.sort_item a{font-size: 1.25rem;}
	.diagnosis{margin: 1rem auto .5rem;}
	.diagnosis dt,.limit-date{font-size: 1.6rem;}
	.diagnosis dd{font-size: 1.2rem;margin: auto 5%;}
	.class-title{font-size: 1.4rem;}
	.limit-date span{font-size: 1.75rem;}
	.sort_item a::after{margin-left: 0.25rem;}
 	.video-box,.class-title,.bonus-cont>ul{width:100%;}
	.bonus-cont > ul{font-size: 1.1rem;}
}