#EventContainer .bgcolor1 {
    background: #F8F8F8; /* Old browsers */
    background: -moz-linear-gradient(top,  #F8F8F8 0%, #fbadbe 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #F8F8F8 0%,#fbadbe 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #F8F8F8 0%,#fbadbe 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbadbe',GradientType=0 ); /* IE6-9 */
}
#EventContainer .bgcolor2 {background: linear-gradient(to right, #308ac9 0%, #38b8ae 50%, #bde1d7 100%);}
#EventContainer .bgcolor3 {background: #bae0d6 !important;}
#EventContainer .bgcolor4 {background: #37b5af;}
#EventContainer .bgcolor5 {background: linear-gradient(to right, #8a70c3 20%,#ef849a 100%);}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {padding: 1rem;}
#EventContainer #Master_title {background: initial;height: auto;}
#EventContainer .banner .wrap {width: 1200px;position: relative;margin: auto;}
.book img, .epilog_title img {display: inline-block;}
#Ask {background: #EA6390 !important;}
/*標題大小*/
h1 { font-size: 2.5em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
/*各框大小*/
.row100 {width:100%;}
.row17 {width: 15%;}
.row20 {width: 20%;}
.row25 {width: 25%;}
/*共同置中*/
.hall_intro > li,.fa-arrow-circle-right,.study_feature li:nth-child(2),.date_list dt,.date_list dd,.reservation {text-align: center;}
/*共同字色*/
.study_feature li:nth-child(2),.hall_intro > li,.date_list dt {color: #fff;}
/*共同底色*/
.date_list dt {background: #05588e;padding: 3px 0;}
.date_list:nth-of-type(4n) {border-right: 1px #05588e solid;}
.study_feature {width: calc(100%/5 - 1rem);}
.study_feature li:nth-child(2) {background: #ea6390;position: relative;padding: 5px 0;font-size: 1.2em;}
.study_feature li:nth-child(2):before {border-width: 22px 0px 22px 8.5px;border-color: transparent transparent transparent #ea6390;right: -8px;content: "";position: absolute;border-style: solid;width: 0;height: 0;top: 0;}
/*主圖*/
.banner {width: 100%;position: relative;height:535px;text-align: center;background-image: url(../../images/0812004_01.png);background-repeat: no-repeat;background-size: 100% auto;background-position:top center;}
.banner_titleL {position: absolute;content: "";display:block;top:6px;left:0%;}
.banner_titleR {position: absolute;content: "";display:block;top:0px;right:0%;}
.each_title {margin: 2% auto;}
.Session {color: #05588E;text-align: center;font-size: 1.3rem;font-weight: 900;}
.each_out {display: inline-block;}
.each_out p {font-size:1.0em;line-height: 1.7em;padding: 1rem;}
.each_title {font-size:3.2em;position: relative;margin-left: 70px;line-height: 1.25;display: flex;align-items: center;}
.each_title:before {content: '';background: url('../../images/1111008_icon.png') no-repeat top left /105px 98px;position: absolute;z-index: 2;width: 105px;height: 98px;left: -110px;}
.hall_intro {margin: 0 0 5%;text-align: center;}
.hall_book {margin: 0 0 2%;}
.hall_intro > li {width: 32%;display: inline-table;border: 0px #000 solid;text-align: center;}
.hall_book > li {width: 100%;display: inline-table;border: 0px #000 solid;text-align: center;}
.intro {font-size:1.5em;color: #FFF;background-color: #ef4d7e;border-radius:1em;padding: 6px 15px;margin:0 5% 1%; display: inline-block;}
.imgblock {display: block;}
.imgblock img {width: 100%;height: auto;}
.book {display: block;}
.study_feature,.fa-arrow-circle-right {display: inline-table;}
.study_feature {border: 0px #000 solid; margin: 0 1% 0 0;padding: 0;font-size: 1.2em;text-align: center;}
.study_feature figure {background-color: #FFF;border-radius: 99em;text-align: center;padding: 15px 14px 11px;display: inline-block;}
.study_feature figure img {width: 50px;height: 50px;}
article figure img {width:100%;}
.course, .course_page figure {position: relative;}
.date_list {margin: 0.5rem 0;}
.date_list dd {margin: 0;border: 1px #05588e solid;border-right: none;height:115px;justify-content: center;align-items: center; display: flex;flex-wrap: wrap;padding: 5px 0;background-color: white;color: #05588e;line-height: 1.9em;}
.date_list dd a {color: #05588e;}
.reservation {margin: 1rem auto;}
.reservation a {margin: auto 0.5rem;font-size: 1.5em;text-decoration: none;color: #FFF;border-radius: 20px;background: #05588e;padding: 0.25rem 1rem;display: inline-block;}
.ps {font-size: 1em;display: block;text-align: center;margin-bottom: 0.5em;width: 100%;}
.media_name {font-size:1.7em;font-weight: bold;margin-bottom: 0.5rem;}
.media_name,.media_name a {color: #FFF;}
.media_bg {/*margin: auto auto 2%;*/}
.embed-container iframe {border-radius: 0.41em;}
.media_bg p a {color: #23b1aa;background-color: white;padding: 3px 10px;font-size:0.8em;border-radius: 1em;text-decoration: none;font-weight: bold;}
.media_hit {color: #FFF;background-color: #ef7d96;/*margin-left: 0.5em;*/padding: 0.2em 0.8em;border-radius: 1.5em;font-weight: bold;font-size:0.8em;display: inline-block;}
.media_content {font-size:1.0em;background: linear-gradient(to bottom, #FFF 30%, #bde1d7 100%);padding: 2% 3%;border-radius: 0.41em;margin-bottom: 1em;}
.media_content strong {font-size: 1.1em;}
.epilog_title {color: white;font-size: 1.8em;text-align: center;border-bottom: dotted 2px;padding-bottom: 0.3em;font-weight: bold;}
.epilog_des {font-size:1.1em;line-height: 1.7em;color: white;}
.epilog_des strong {font-size: 1.6em;color: #ffdbe8;}
.fiexed {font-size:1.3em;position: fixed;width:220px;right:-30px;bottom: 30%;background:#00BDAF;border-radius:25px 0 0 25px;padding: 1%;z-index: 9;transition: 0.5s;}
.fiexed:hover {background:#EF4D7E;transform:translateX(-30px);}
.fiexed,.fiexed a {color:#FFF;line-height: 1.9em;}
.fiexed li:before {margin-right: 3%; font-family:"Font Awesome 5 Free";content: '\f058'; }
.video_wrap {margin: 1rem auto;width: 70%;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*場次隨時更新*/
.hooper-indicators {width: 100%;flex-wrap: wrap;}
.hooper-indicators li,.hooper-indicator {width:calc(100%/4);margin:0;}
button.hooper-indicator {width: calc(100%);height:max-content;border-radius:0;}
.hooper-sr-only {position:static;font-size: 1rem;line-height: 2;padding: 1rem;}
.hooper-liveregion {display: none;}
#app .hooper-pagination {top: 0;bottom: auto;}
#app button {width: auto;top:initial;left: initial;opacity: initial;}
.hooper button:hover {background: #05588E !important;}
.hooper-indicator:hover, .hooper-indicator.is-active {background: #05588E;color: white;}
.hooper-list {padding: 3.5rem 0 0;}
.hooper {height: auto;}
.timetable table {border-collapse: collapse;}
.timetable th {background: #249c9f;color: white;}
.timetable td {background: white;color: #05588e;}
.timetable th, .timetable td {border: 1px #05588e solid;padding: 0.5rem;text-align: center;font-size: 1.2em;}
.timetable td small{padding: 0 0 0 0.25rem;}
[id*="tab"] {display: none;}
[id*="content"] {display:none;width:100%;}
#club input:checked + label {font-weight: bold;background-color: #249c9f;color: #ffffff;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5,#tab6:checked ~ #content6,#tab7:checked ~ #content7,#tab8:checked ~ #content8,#tab9:checked ~ #content9,#tab10:checked ~ #content10 {display:block;}
#club label {cursor: pointer;display: inline-block;background-color: #dddddd;text-align: center;border-radius: 0.5rem 0.5rem 0 0;padding: 0.2em 1.2em;color: #747474;}
#AD_BTN {background-color: #00BDAF;}
.ADV_right .segment-class {color: yellow;}

@media (min-width: 768px) {  
    #Ask #formlist input[name="sContent"] {width: 22.5%;}
}
@media (min-width: 1201px) {
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth {width: 1200px;margin: auto;}    
    #club label {font-size: 1.5rem;}
    .media_bg {width: calc(100%/2);/*margin: auto auto 2%;*/}
    .media_bg:first-of-type {padding: 0 1rem 0 0;}
    .media_bg:last-of-type {padding: 0 0 0 1rem;}
    .timetable th:last-of-type {width: 35%;}
}
@media (max-width: 1200px) {        
    #EventContainer .banner .wrap {width: 100%;} 
    .fiexed {width: 100%;bottom: 0;border-radius: 0;right:0;font-size:1rem;z-index: 10;text-align: center;}
    .fiexed li {display: inline-table;width: 32%;}
    .fiexed:hover {transform:translateX(0px);}
    .banner {height: auto;}
    .banner_titleL {position: relative;}
    .banner_titleR {position: initial;margin-top:-2rem;}
    .banner_titleL img {width: 100%;height: auto;}
    .banner_titleR img {width: 60%;height: auto;margin: auto 0 auto auto;}
    .each_title {margin-left: 95px;}    
    .each_title:before {width: 95px;height: 89px;background: url(../../images/1111008_icon.png) no-repeat top left /95px 89px;left: -100px;}
    .media_bg:first-of-type {margin-bottom: 1rem;}
    .intro {font-size: 1.25em;}
    .media_bg {width: 100%;}
}

@media (max-width:767px) {   
    .row48m {width: 48%;}     
    .hall_intro>li {width: 96%;margin: 1% auto;}
    .each_title {font-size: 1.8em;} 
    .date_list dd {height: 10em;padding: 10px 0;}
    .media_hit {border-radius: 1.5em;font-size: 0.7em;display: inline-block;}
    .epilog_title {font-size: 1.3em;}
    .fiexed li::before {content: none;}
    #youtube {width: 100%;height: 215px;margin: auto;}
    #back-top {bottom: 10% !important;}
    .hooper-sr-only {padding: 1rem 0.5rem;}
    .date_list dd a {color: #05588e;}   
    .reservation a {margin: auto 0.25rem;font-size: 1rem;}
    .each_out {padding: 3% 0;}
    .video_wrap {width: 100%;}
    #club label {padding: 0.2em 1em;}
}   
@media screen and (max-width: 767px) and (orientation: portrait){
    .timetable td:last-of-type{text-wrap: pretty;}
}

/*各大相容檢視*/
@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 {
}