﻿#EventContainer #Master_title {height: auto;}
#Master_title img {margin: auto;}
#EventContainer .bgcolor1 {background: linear-gradient(to right, #eaeef3 5%, #FFF 100%);}
#EventContainer .bgcolor2 {background-color: #a4eae5;}
#EventContainer .bgcolor3 {background-color: #EEEEEE;}
#EventContainer .bgcolor4 {background-color: #E4E4E4;}
#EventContainer .bgcolor5 {background-color: #DFDFDF;}
.qrcode img, .media img {display: initial;}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding: 1rem;}
.leading-loose {line-height: 2;}
.font-bold {font-weight: 700;}
.font-extrabold {font-weight: 800;}
.font-black {font-weight: 900;}
.ft_NOTO {font-family: 'Noto Sans TC', sans-serif;}
.ft_NOTOSer {font-family: 'Noto Serif TC', serif;}
.ft_Meiro {font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}
/*顏色*/
.bg-blue-500 {background-color: #4299e1;}
/*導圓角*/
.rounded-none {border-radius: 0;}.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}.rounded-lg {border-radius: 0.5rem;}
.rounded-full {border-radius: 9999px;}
.fixed {position: fixed;}
/*DIY--設計可增加用樣式Start*/
dd {margin:0;}
.date_table {display: flex;flex-wrap: wrap;width:100%;margin:0 auto;font-size:1.1em;background-color: #d7f1ef;line-height: 1.8em;}
.date_table > dt {width:45%;}
.date_table > dd {width:55%;}
.date_table dt,.date_table dd {border-bottom: 1px #000 solid;text-align: center;}
.Foreword {display: block;margin: 3% auto 6%;font-size: 1.1em;line-height: 1.8em;color: #02bbae;border-bottom: dashed 1px;padding-bottom: 2%;}
.Foreword_title {border-bottom: 5px #00cdbe solid;font-weight: bold;width: 100%;text-align: center;}
.datelist_title,.media_h {border-bottom: 5px #00cdbe solid;font-weight: bold;width: 100%;text-align: center;}
.newlist_title {border-bottom: 5px#b00b10 solid;font-weight: bold;width: 100%;text-align: center;color: #db1b21;}
.datelist_titles {word-break: keep-all; padding: 1% 0;text-align: center;width: 100%;background-color: #15a0dc;color: white;}
.rightAD {right:0;bottom:30%;background-color: #F07197;border-radius:7px;padding:0.5% 1%;}
.rightAD,.rightAD a {color: #fff;}
.reservation {margin: 2% 0;color: #FFF;display: inline-block;text-align: center;}
.reservation a {padding: 1% 5%;color: #FFF;border-radius: 0.5em;text-decoration: none;background-color: #f07197;}
.media {margin: 3% 0;text-align: center;}
.media_hs {margin: 1% 0;width: 100%;padding: 1% 0;}
.media_hs a {color: #f07197;}
.media dd:before {content: '♔';font-family: "Font Awesome 5 Free";margin-right: 1%;}
.media dd {width: calc(100%/2);line-height: 1.9em;color: #0b406f;text-align: left;font-size:1.3em;}
.media dd a {color: #0b406f;font-weight: bold;}
.media dd strong {color: #FFF;background-color: #f07197;padding: 0 2%;border-radius: 0.3em;margin: 0% 1%;font-size: 0.8em;display: inline-block;line-height: 1.5rem;text-indent: initial;}
.billboard_h {margin: 3% 0 1%;font-weight: bold;width: 100%;text-align: center;background: linear-gradient(90deg, #00cdbe 25%, #2da6e6 100%);color: white;padding: 0.3% 0;}
.billboard_grade {margin: 1% 0 3%;text-align: left;display: flex;flex-wrap: wrap;}
.billboard_grade li {width: calc(100%/3 - 0.5rem);color: #0b406f;border-bottom: #0b406f dotted 1px;font-weight: bold;line-height: 1.9em;font-size: 1.1rem;letter-spacing: 2px;}
.top_hit {color:#f07197;}
.datelist_title a,.qrcode dd:nth-child(2) {color: #0c8d82;text-decoration: none;}
.new_local {background:#b00b10;background:-moz-linear-gradient(left,#b00b10 0,#df1c22 51%,#b00b10 100%);background:-webkit-linear-gradient(left,#b00b10 0,#df1c22 51%,#b00b10 100%);background:linear-gradient(to right,#b00b10 0,#df1c22 51%,#b00b10 100%)}.new_subject {background:#bb7c0e;background:-moz-linear-gradient(left,#bb7c0e 0,#cd9433 33%,#deab55 62%,#c48921 100%);background:-webkit-linear-gradient(left,#bb7c0e 0,#cd9433 33%,#deab55 62%,#c48921 100%);background:linear-gradient(to right,#bb7c0e 0,#cd9433 33%,#deab55 62%,#c48921 100%)}
.new_local dt {color: #F5EBCC;}
.new_local dd,.new_subject dd,.new_subject dt {color: white;}
.new_local,.new_subject {position: relative;margin: 0.25rem 0;}
.new_local {border-radius: 5px 0 0 5px;}
.new_local::after {content:'';position:absolute;bottom:43%;right:0;z-index:1;width:0;height:0;border-style:solid;border-width:12.5px 21.7px 12.5px 0;border-color:transparent #bc7d10 transparent transparent}
.new_subject,.new_local {display: flex;align-items: center;flex-wrap: wrap; justify-content: center;}
.year a {color: white;}
.year dd:hover {transform: scale(1.2);}

@media screen and (min-width: 1201px) {
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width: 1200px;margin: auto;}

}

@media screen and (max-width: 1200px) { 
    .rightAD {width:100%;bottom: 0;text-align: center;border-radius: 0;z-index: 2;}
    .new_local::after {display: none;}
    .sm\:mb-0 {margin-bottom: 0;}
    .sm\:mt-0 {margin-top: 0;}    
    .billboard_grade li {width: calc(100%/2 - 0.5rem);}
    .media dd {width: 100%;}
}

@media screen and (max-width: 767px) { 
    .billboard_grade li {width: calc(100% - 0.5rem);}
    .media dd {text-indent: -1.5rem;padding-left: 1.5rem;}
}

/*各大相容檢視*/
@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 {
}