﻿/* Event 重設 */
#EventContainer section h1{padding: initial;}
#EventContainer section h1::before{content: initial;}

/* Event 預設 */
#event_master{font-family: 華康儷黑 Std w7;}
#event_master h1{font-size: 4.6rem;}
#event_master h2{font-size: 3.2rem;}
#EventContainer .bgcolor0{background: #123D6F;}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding: 1rem;}

/* 主圖 */
#event_master img{margin: auto;}
.info{display: inline-block;margin: 2% 0% 2% 0%;border-left: 8px solid #d6d6d6;padding-left: 5%;color: #134273;}
.info li{display: inline-block;margin: 1% 0%;}
.teacher{display: inline-block;margin: 1% 0%;color: #229bb6;border-left: 8px solid #229bb6;padding-left: 5%;}
.teacher a{color: #229bb6;}
.dist { margin: 2% 0%;color: #4671ae;padding: 1% 3%;border: dotted 1px;}
.dist li{display: ;list-style-type: decimal;margin: 0 5%;}
.each_out {width: 100%;}
.each_out img {margin: auto;}
.first > dd:before{font-family: "Font Awesome 5 Free"; content: "\f14a";margin-right: 1%;}
.column {margin: 1% 0 0;display: inline-block;width: 100%;padding-bottom: 2%;}
.column_L {width: 30%;display: inline-block;background-color: #f3f3f3;text-align: center;padding: 4% 0 0;}
.column_R {width: 63%;font-size:1.1rem;line-height: 1.5em;color: #134273;display: inline-block;margin-left: 5%;}
.column_R li {margin-bottom: 1%;list-style-type: disc;}
.column_R li a {color: #229bb6;}
.name {font-size:1.0rem;line-height: 1.5em;margin-bottom: 3%;border-bottom: solid #5e4094 1px;}
.name strong {font-size:1.5rem;line-height: 1.5em;display: block;}
.each_columns dt{background: linear-gradient(to right, #5e4094 5%, #24b9d4 80%, #FFF 100%);color: #FFF;padding: 0.3% 0 0.3% 2%;margin-bottom: 2%;}
.each_columns dt a{color: #FFF;}
.each_columns dt a:hover{color: #c0fcff;text-decoration: underline;}
.each_columns dd{font-size:1.1rem;line-height: 1.5em;padding: 0 3%;color: #134273;}
.reservation{margin: 2% 0;color: #FFF;display: inline-block;text-align: center;}
.reservation a{padding: 0.2% 3%;color: #FFF;border-radius: 0.3em;text-decoration: none;background-color: #229bb6;}

@media (min-width: 1201px){	
	#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width: 1200px;margin: auto;}
}

@media (max-width: 1200px){
}

@media (min-width:992px) and (max-width:1199px){
}

@media (min-width:768px) and (max-width:991px){
}

@media (max-width:767px){ 
    .column_L {width: 100%;}
    .column_R {width: 90%;}
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}
	