﻿h1 {font-size: 3.5rem;color: #f26d1c;font-weight: 600;border-bottom: 6px solid #f2b036;font-family: Noto Serif TC;margin-bottom: 0.2em;text-align: center;line-height: 1.0em;padding: 2% 0 0;}
h1 i {font-size: 2.2rem;color: #FFF;background-color: #f26d1c;font-weight: normal;margin: 0 0.1em 0.2em 0;text-align: center;width: 60px;height: 60px;border-radius: 50%;padding: 0.3em 0;vertical-align: top;}
h2 {font-size: 2.5rem;}
#event_master h1 {font-size: 4.6rem;}
#event_master h2 {font-size: 3.2rem;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh {padding: 1rem;}
.bgcolor1 {background: url(../images/1105020_01.png) no-repeat top;background-size: cover;}
.bgcolor2 {background: #fff;}
.bgcolor3 {background: linear-gradient(to bottom, #e7d8b0 5%, #FFF 20%);}
.bgcolor4 {background: #fffaed;}
.bgcolor5 {background: #e3f5f7;}
.hs {font-size: 1.7rem;color: #9b3100;}

/* 考試資訊 */
.test-item dl {width: calc(100%/2);margin: 1rem auto;padding: 0 1rem;font-size: 1.3em;}
.test-item dl dt {background-color: #AF0134;color: white;display: inline-block;padding: 0.25rem 1.5rem;border-radius: 1em;margin-bottom: 0.3em;}
.test-item dd {margin: 0.5rem auto;padding: 0 1rem;font-size: 1.0em;border-bottom: dotted 2px #f2b036;color: #9b3100;}
.disc-type {display: block;margin: auto;}
.disc-type li {list-style-type: disc;color: #9b3100;margin-left: 1rem;}
.bell {width: 100px;display: inline-block;vertical-align: bottom;margin-top: -12px;}

/*解題範本*/
#Sample .hooper {height: auto;}
#Sample .hooper-next, #Sample .hooper-prev {padding: 0.25rem;outline: none;background: rgb(0 0 0 / 25%);fill: #ffffff;}
#Sample img {margin: auto;}

/* 開放對象 */
.login {font-size: 1.5rem;color: #9b3100;text-align: center;margin-bottom: 2%;}
.login a {background-color: #f2b036;color: white;display: inline-block;padding: 0.25rem 1.5rem;border-radius: 1em;margin-bottom: 0.3em;text-decoration: none;}

/* 最好用的測驗平台 */
.video-wrap {width: 60%;margin: 1rem auto;}

/* 補救學習建議 */
.remedy{margin-bottom: 3%;}
.remedy a {width: calc(100%/3);font-size: 1.4em;color: #9b3100;}
.remedy i {font-size: 2.5rem;width: 17%;color: #f2b036;border-right: dotted 2px #f2b036;padding-right: 5%;margin: 0 4% 4% 0;text-align: center;}

@media (min-width: 1201px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh {width: 1200px;margin: auto;}
}

@media (max-width: 1200px){
}

@media (min-width:1025px) and (max-width:1199px){
}

@media (min-width:768px) and (max-width:1024px){
}

@media (max-width:767px){ 
	.video-wrap, .test-item dl, .remedy a {width: 100%;}
	.remedy i {_width: fit-content;margin: 4% 4% 5% 0;}
	h1 {font-size: 2.75rem;}
	h1 i {font-size: 1.75rem;width: 45px;height: 45px;}
	.bell {margin-top: auto;}
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}
	
