@import url("../../../File/css/event.css");
:root {
    --orange1:#ff5722;
    --orange2:#ee6a00;
}
body{font-family:'Noto Sans TC',sans-serif;background:linear-gradient(to left,rgb(0 188 212/24%) 0%,rgb(255,255,255) 20%,rgb(255,255,255) 80%,rgb(249 255 193) 100%);text-align:center;}
.bgcolor{background-color:#00bcd4a8;border-radius:0 80px 0 80px;background:linear-gradient(to left,rgb(0 188 212/36%) 25%,#ffffffc4 35%,#ffffff87 65%,rgb(248 69 160/39%) 100%)}
.transfer .subtitle{font-size:2.5rem;line-height:3rem;font-weight:900;color:#074D83;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 16px #fff,0 0 16px #fff,0 0 16px #fff;margin-right:5%;margin-bottom:3%;text-align:left;display:flex}
#event_third .subtitle{font-size:3rem;line-height:3.2rem;color:#ff5722;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 16px #fff,0 0 16px #fff,0 0 16px #fff;margin-bottom:1.8%;}
#event_sec .video .title{font-size:3rem;line-height:3.2rem;color:rgb(255,255,255);margin-bottom:1.8%;box-shadow:0 15px 10px rgba(129,132,149,.4);padding:.5rem 0;background:var(--orange2);}
#event_third .subtitle i{color:#F09;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 16px #fff,0 0 16px #fff,0 0 16px #fff;font-size:3rem}
#event_master .subtitle{font-size:3rem;line-height:3.2rem;font-weight:900;color:#ff5722;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 16px #fff,0 0 16px #fff,0 0 16px #fff;margin:2% 0;}
#event_fourth .gift .title{font-size:3.3rem;font-weight:normal;color:#ff52a7;margin:.5%}
#event_fourth .video .title{font-size:3.3rem;font-weight:normal;color:var(--orange2);margin:.5%}
.icon{color:#e9dc7c;font-size:1em;margin-right:.5rem}
.video{margin-bottom:2rem}
.video-txt{background:var(--orange2);color:#fff;border-radius:0 0 50px 50px;padding:0 1rem 2rem;}
.video-txt .subtitle{font-size:2.4rem;line-height:3rem;padding-top:2%;padding-bottom:2.1%;font-weight:900;text-align:center}
.video-container{padding:1rem;background-color:var(--orange2);}
.videobox{position:relative;width:100%;height:0;padding-bottom:56.25%}
.videobox iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#event_fourth .title i{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 16px #fff,0 0 16px #fff,0 0 16px #fff;}
.focus{color:#ff0000;background-color:#FFF;display:inline-block;padding:.5rem 1rem;border-radius:50px;font-size:1.5rem;font-weight:700;margin-top:.5rem;text-align:center;}
.lecture{border-radius:10px;box-shadow:rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px;background-color:#FFF;padding-bottom:.8rem;margin:0 0 2.5rem;border:dashed skyblue 1px;}
.lecture h1{color:var(--orange2);margin:1rem auto;font-size:clamp(1.6rem,4vw,3rem);text-align:center;}
.lecture .sessions ul{background-color:#d4d4d447;padding:1rem 2rem;border-radius:10px;width:70%;list-style:none;font-size:clamp(1.2rem,4vw,1.7rem);}
.lecture .sessions .project{background-color:#a1b617;color:#FFF;padding:0 .5rem;margin-right:.3rem;}
.lecture .sessions ul li{margin:1rem 0;}
.lecture .sessions ol{margin-left:1em;}
.lecture .sessions a{color:#074D83;}
.encourage{color:#074D83;font-size:clamp(1.3rem,4vw,2.2rem);font-weight:900;text-align:center;}
.sessions,.question{text-align:justify;display:flex;justify-content:center;}
.lecture .sessions dl{margin:2rem 2rem;background-color:#d4d4d447;padding:1rem 2rem;border-radius:10px;width:50%;text-align:left;}
.reserve{color:var(--orange2);font-size:clamp(2rem,4vw,2.8rem);font-weight:900;text-align:center;}
.link{display:flex;justify-content:center;margin:0 2rem 1.5rem;}
.link a{color:#fff;text-decoration:none;margin:1rem;width:100%;padding:.4rem 2rem;color:#fff;background-color:var(--orange2);border-radius:50px;text-decoration:none;text-align:center;font-size:1.5rem;}
.link a:hover{background-color:#00bcd4;}
.link>div{cursor:pointer;}
.emoji{font-size:2.5rem;}
.sessions,.question{text-align:justify;display:flex;justify-content:center;}
.sessions .icon{margin:45px 18px 0px -5%;}
.sessions dd{font-size:clamp(1.2rem,4vw,1.7rem);padding:.5rem;}
.sessions dd i{color:#974a9f;font-size:2rem}
.transfer{display:flex;align-items:flex-end;}
.transfer dl{padding:1% 2% 5%;}
.transfer dd{text-align:justify;font-size:1.2rem;line-height:2rem}
.answer li{list-style-type:disc;font-size:1.4rem;}
.lecture .question dd{margin:.5rem 0;}
.br_pc{display:block;}
.gift_des i{color:#bc65cb;}
.askarea_out{background-color:#00bcd4;border-radius:0 80px 0 0}
.askarea input[type="submit"],.askarea input[type="reset"]{background-color:#b6ad17}
.bar{width:155px;height:auto;padding:1rem;position:fixed;top:36%;right:0;z-index:5;background-color:rgba(255,255,255,.45);border-radius:30px 0 0 30px;font-size:1.2rem;font-weight:bold;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}
.bar img{max-width:100%;vertical-align:bottom}
.des{font-size:1.4rem;}
@media (min-width:1201px){
    .row100{width:100%;}
    #event_master{margin:0 auto;width:1180px;padding:60px 10px 10px;font-size:1.4rem;}
    #event_sec,#event_third,#event_fourth,#event_fifth{margin:2% auto;display:inline-block;width:1180px;padding:10px;font-size:1.4rem;}
    #Master_title{display:block;padding:0 0 1.5%;}
    #noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #006699;background-color:#3399CC;z-index:9999;position:fixed;left:0;top:0;}
    #noie a{color:#FC0;}
    .hottxt{color:#ffd942;font-size:13px;}
}
@media (max-width:1200px){
    #BodyHeader_event,.hottxt,#noie,.toparea{display:none;}
    #BodyContent{width:100%;padding:0;}
    #BodyContainer_event{width:100%;}
    .row100{width:100%;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:2% auto;display:inline-block;width:96%;padding:1%;}
    #Master_title{display:block;}
    .focus{display:block;width:fit-content;margin:auto;font-size:1.2rem;}
    .main_title img{width:100%}
}
@media (max-width:1023px){.lecture .sessions .project:after{content:'\A';white-space:pre-wrap}}
@media (max-width:767px){
    .answer li{font-size:1.1rem;}
    .bar{width:90%;height:auto;padding:.5% 1% 1%;position:fixed;top:initial;bottom:0;right:0;left:0;z-index:5;background-color:rgb(7 77 131);border-radius:0;text-align:center;align-items:center;justify-content:space-around;margin:0 auto;border-radius:12px 12px 0 0}
    .bar2{justify-content:right;}
    .bar li{margin:0 .5rem;}
    .bar img{display:none;}
    .bar ul{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;background-color:rgb(7 77 131/85%)}
    .bar ul a{color:#fff;font-size:1rem;}
    .br_mb{display:block;}
    .transfer .subtitle br{display:none;}
    .main_title img{width:94%;}
    .main_title h1{margin:0 .4rem 0 .4rem}
    .main_title h1{font-size:2.5rem;letter-spacing:0;color:#70027ceb;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 16px #fff,0 0 16px #fff,0 0 16px #fff;font-family:"Microsoft YaHei"}
    .main_title h2{font-size:1.8rem;line-height:2rem;}h3{font-size:1.2rem;letter-spacing:2px;margin-bottom:4%}
    .link{flex-wrap:wrap;}
    .link a{color:#fff;padding:1% .7%;background-color:var(--orange2);border-radius:50px;text-decoration:none;text-align:center;font-size:1rem;width:23%}
    .transfer{padding:5%;flex-wrap:wrap;}
    .transfer dd{text-align:justify;font-size:1rem;line-height:1.8rem;margin-bottom:5%}
    .transfer .subtitle{font-size:1.4rem;line-height:2rem;font-weight:900;}
    .video-txt .subtitle{font-size:1.4rem;line-height:2rem;font-weight:900;color:#fff}
    .subtitle i{font-size:2rem;display:block;}
    #event_third .subtitle i{font-size:2.3rem;display:contents;}
    #event_third .subtitle,.video .title,#event_sec .video .title{font-size:1.6rem;line-height:2.3rem;text-align:center;margin-top:3%;}
    .video_container{flex-wrap:wrap;margin-top:1rem;}
    .video_content{width:98%;margin-top:.5rem;}
    .question{padding:3% 10% 10%;}
    #event_fourth{padding:2%;}
    #event_fourth .title{font-size:1.6rem;line-height:2.3rem;text-align:center;}
    .link{margin:0;}
    .bgcolor{border-radius:0 30px 0 30px;padding:1rem 0;}
    .main_title{padding:4% 0 1%;}
    .lecture .sessions ul{width:75%;}
    .transfer dl{margin:1.5rem auto;display:contents;padding:2%;}
    .sessions .icon img{width:150px;margin:8% 0 0;}
    .sessions .icon{margin:0 -19px -53px 3px;margin:0;}
    .sessions{text-align:justify;display:flex;align-items:center;flex-direction:column}
    #event_fourth .video .title{font-size:1.9rem;margin:1.5% .5% 1.5%;}
    #event_fourth .gift .title{font-size:1.8rem;font-weight:bold;margin:.5% .5% 2.5%;}
    .des{font-size: 1.1rem;}
    .icon{font-size:1rem;}
    #back-top span{width:40px;height:40px;}
    .lecture .question dl dt{font-size:1.5rem;}
    .lecture .question{font-size:1.1rem;}
    .lecture .sessions dl{width:75%;margin:.5rem 2rem;}
    .ps{font-size:1rem;margin-left:1.2rem;}
    .sessions dd{text-align:left;}
}