@import url("../../../File/css/icon/css/all.min.css");
@import url("../../../File/css/event.css");
.bgcolor {background-color: #ece9cc;background: linear-gradient(to right, #ABA5FA, #6AABED, #79B9C1 96%, #7070F4 96%);}
.bgcolor2 {background-color: #fffef1;padding: 1.7% 0 5%;background: linear-gradient(to left, #fffad3, #eafdffa8, #fffbdb 98%, #FFEB3B 98%);}
.bgcolor3 {background-color: #ffeb3b;padding: 1% 0 1.5%;}
.text-2xl {font-size: 1.5rem;}
.text-4xl {font-size: 2.25rem;}
.mr-1{margin-right: 0.25rem;}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap}
.justify-center {justify-content: center;}
.font-bold{font-weight: bold;}
.br_pc{display: block;}
h1 {font-size: 3.2rem;line-height: 3.8rem;color: #03A9F4;text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 16px #fff, 0 0 10px #fff;padding-top: 2%;}
h2 {font-size: 2.5rem;}
h3 {font-size: 2.25rem;}
h4 {font-size: 1.77rem;color: #003a55}
.container {padding:10px 0;text-align: center;margin: auto;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;}
.askarea input[type="submit"], .askarea input[type="reset"]{background-color: #0075a3;}
@media (min-width: 1201px) {
    .container {width:1180px;}/*資料集中1200px寬外框*/ 
    #event_master img {max-width: 100%;height: auto;margin-bottom: -5px;}
    #event_master picture{}
    .hero{}   
    .askarea_out {background-color:#00BCD4;}
    /*瀏覽器相容性通知*/
    #noie {color: #FFF;width: 100%;height:60px;text-align: center;border: 1px solid #006699;	background-color: #3399CC;z-index: 9999;position:fixed; _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left: 0;top: 0;}
    #noie a {color: #FC0;}
    .hottxt { color: #ffd942; font-size: 13px;}    
}

@media (max-width: 1200px) {
    .row100 {width:100%;}
    /*event*/    
   
    /*ask*/
    .askarea {background-color:#00BCD4;}
    @media screen and (orientation:portrait) {#topli {right:1%;bottom:8%;}}
    @media screen and (orientation:landscape) {#topli {right:1%;bottom:15.8%;}}
}

@media (max-width: 1280px) {
    .container {padding:10px 30px;}
}

@media (min-width: 768px) and (max-width: 991px) {   
}

@media (max-width: 767px) {   

}

@media (max-width: 767px) and (orientation: portrait) {   
    .container {padding:10px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix() {/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}