@import url("../../../File/css/event.css");
body{font-family:"微軟正黑體",Arial;}
a{text-decoration:underline;color:#523874;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
.bgcolor{background-color:#FFF;}
.text-2xl{font-size:1.5rem;}
.text-4xl{font-size:2.25rem;}
.flex{display:flex;}
.flex-wrap{flex-wrap:wrap}
.justify-center{justify-content:center;}
h1{font-size:3rem;}
h2{font-size:2.5rem;}
h3{font-size:2.25rem;}
i.fas.fa-hand-point-right{font-size:1.8rem;margin-left:.5rem}
:root{
    --bg-green:#008FBA;
    --green:#008FBA;
    --bg-orange:#EC6B3D;
    --orange:#EC6B3D
}
.bg-orange{background-color:var(--bg-orange);}
.bg-green{background-color:var(--bg-green);}
.green{color:var(--green);}
.orange{color:var(--orange);}
.newline{display:block;}
.item{color:#FFF;margin-left:1rem;padding:0 1.5%;border-bottom:3px #c6c6c6 solid;}
.title{display:flex;font-size:2.5rem;justify-content:center;font-weight:900;}
.battle{margin-right:1rem;}
.subtitle{font-weight:900;font-size:2rem;}
.des{font-size:1.5rem;}
.brochure,.class{margin-top:1rem;}
.test_table table{border-collapse:collapse;text-align:center;}
.test_table th,.test_table td{border:#000 solid 1px;border-collapse:collapse;}
.brochure_title,.class_title{font-size:1.2rem;text-align:center;}
.downloads{text-align:center;}
.downloads a{margin:0 20px;}
.class_table table{border-collapse:collapse;width:100%;text-align:center;}
.class_table th,.class_table td{border:#000 solid 1px;border-collapse:collapse;padding:.5rem;}
.apply{margin-top:1.2rem;font-size:1.2rem;text-align:center;border-radius:50px 50px;background-image:linear-gradient(to top,#f9e4b4,#fbf5e8,#fff,#fbf5e8,#f9e4b4);padding:3% 0;margin:3%;}
.apply_title{color:#934f91;font-size:1.8rem;font-weight:bold;margin-bottom:8px;}
.apply_des{color:#934f91;font-weight:bold;font-size:1.4rem;}
.apply .focus{color:red;font-weight:bold;}
.title_text h2{line-height:1.5em}
.bar{width:155px;height:auto;padding:1rem;position:fixed;top:36%;right:0;z-index:5;background-color:rgba(212,204,204,.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 a{color:black;}
.bar a:hover{color:#ee3100;}
.bar ul{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none;}
.bar img{max-width:100%;vertical-align:bottom;}
#Master_title{display;:block}
.title_bg{background:url('../images/rainbow_bg.png') center top / cover}
#Master_title .title_bg img{width:100%;height:40vh;vertical-align:middle}
.title_area{width:1200px;margin:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;line-height:1rem}
.title_area .logo{width:16%}
.title_area .logo img{width:100%}
.title_text{display:flex;flex-direction:column;margin:1rem;text-align:center}
.text_1{width:100%;display:flex;justify-content:center;align-items:center;margin:30px 0%}
.text_1 h4{width:55%;background-image:linear-gradient(to top,#dddddd,#f8f8f8,#fff,#f8f8f8,#dddddd);box-shadow:0 0 3px 2px rgba(139,139,139,.5);border-radius:50px;padding:5px 20px;text-align:center;font-size:2.3rem;line-height:1.5em}
.text_1 span{color:#008FBA}
.title_text h1{width:100%;font-size:8rem;color:#9054b6a5;line-height:6.56rem;text-shadow:1px 3px 6px #fff,0 0 0 #000,1px 3px 10px rgb(255,255,255),-1px -3px 10px rgb(255,255,255)}
.title_text h2{width:100%;font-size:3.5rem;font-weight:bolder;color:#523874}
.title_text h2 strong{color:#EC6B3D;font-size:4rem;font-weight:900}
.title_text h2 strong:nth-child(2){color:#008FBA;font-size:4rem;font-weight:900}
#event_master .title{justify-content:center;align-items:center;position:relative;top:0;right:0}
#event_master .title img{width:100px;vertical-align:middle;text-align:center}
#event_master .title .test{line-height:3rem}
.transfer_box{border-radius:50px 50px;background-image:linear-gradient(to top,#dddddd,#fff,#fff,#fff,#dddddd);padding:2%;margin:3%}
.transfer_box hr{border-style:dotted;margin:1%;color:rgb(226,226,226)}
.brochure_title{color:#523874;font-size:2.5rem;font-weight:bolder;margin:5% 0 2% 0}
.test_table thead{font-size:1.3rem;color:#fff;background:linear-gradient(to left,#e7b7a0,#a973a8)}
.downloads{color:#523874;font-size:1.5rem;font-weight:bolder;margin:3% 0 2% 0}
#event_sec .title{justify-content:center;align-items:center}
#event_sec .title img{width:100px;vertical-align:middle;text-align:center}
#event_sec .title .strengthen{line-height:3rem}
.subject_box{border-radius:50px 50px;background-image:linear-gradient(to top,#dddddd,#fff,#fff,#fff,#dddddd);padding:3%;margin:3%}
.des img{width:2rem}
.class_title{color:#523874;font-size:2.5rem;font-weight:bolder;margin:5% 0 2% 0}
.class_table thead{font-size:1.3rem;color:#fff;background:linear-gradient(to right,#e7b7a0,#a973a8)}
.class_table tbody tr:nth-child(even){background:#fff2e2}
@media (min-width:1201px){
    .row100{width:100%;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth{width:1180px;padding:2% 0;margin:auto;}
    #Master_title{display:block;}
    .title_area{width:100%;margin:auto}
    .title_area .logo{width:20%}
    .title_area .logo img{width:100%}
    .title_text{margin:1rem}
    .text_1{margin:30px 0%}
    .text_1 h4{padding:1px 4px;font-size:2.5rem;width:70%}
    .title_text h1{font-size:6rem;font-weight:bolder;font-family:"Microsoft YaHei",Microsoft JhengHei,Arial}
    .title_text h2{font-size:3.2rem}
    .title_text h2 strong{font-size:3.8rem}
    .title_text h2 strong:nth-child(2){font-size:3.8rem}
    #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){
    #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:auto;width:96%;padding:2% 1%;}
    #Master_title{display:block;}
    .title_area{width:100%;}
    .title_text{margin:1rem}
    .title{font-size:2rem;}
    .text_1{margin:6px 0%}
    .text_1 h4{font-size:14px}
    .title_text h1{font-size:4.5rem}
    .title_text h2{font-size:2.5rem}
    .title_text h2 strong{font-size:3rem}
    .title_text h2 strong:nth-child(2){font-size:3rem}
}
@media (max-width:1023px){
    .title{display:block;text-align:center;}
    .transfer_box{padding:5%}
}
@media (min-width:992px) and (max-width:1199px){
    .text_1 h4{width:65%;font-size:20px}
    .title_text h1{font-size:4.5rem}
    .title_text h2{width:100%;font-size:2.5rem}
    .title_text h2 strong{font-size:3rem}
    .title_text h2 strong:nth-child(2){font-size:3rem}
}
@media (min-width:768px) and (max-width:991px){
    .title{font-size:1.8rem;}
    .title_text h1{font-size:3.6rem;margin-top:3%;line-height:80%}
    .title_text h2{font-size:2rem}
    .title_text h2 strong:nth-child(1){font-size:2.6rem}
    .title_text h2 strong:nth-child(2){font-size:2.6rem}
    .text_1 h4{width:max-content;font-size:18px}
}
@media (max-width:767px){
    .brochure_title{font-size:2rem;}i.fas.fa-hand-point-right{font-size:1.5rem;}
    .downloads{font-size:1rem;}
    .bar{width:86%;height:auto;padding:.5% 1% 1%;position:fixed;top:initial;bottom:0;right:0;left:0;z-index:5;background-color:#f9e4b4;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 .25rem;}
    .bar img{display:none;}
    .bar ul{font-size:1rem;}
    .newline{display:inline;}
    .item{margin-top:.5rem;}
    .subtitle{font-size:1.5rem;}
    .des{font-size:1.2rem;}
    .test_table table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;white-space:nowrap;text-align:center;}
    #Master_title .title_bg img{width:100%}
    .title{font-size:1.5rem;}
    .title_area{width:100%;display:flex;flex-direction:column}
    .title_area .logo{width:25%;padding-top:6%}
    .title_text h1{font-size:2.4rem;margin-top:3%;line-height:1;text-align:center}
    .title_text h2{font-size:1.3rem;text-align:center}
    .title_text h2 strong:nth-child(1){font-size:1.8rem}
    .title_text h2 strong:nth-child(2){font-size:1.8rem}
    .text_1 h4{width:80%;font-size:16px}
    .title img{width:60px}
    #event_master .title img{width:80px;margin:2% 0}
    #event_sec .title img{width:80px;margin:2% 0}
    .subject_box{padding:5%}
}