﻿#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;}
.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;display:inline-table;}    
    .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;}
}