@import url("../../../File/css/font.css");
ul,li{margin:0;padding:0;list-style-type:none}
/**{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}*/
:root{
    --color1:#A055A0;
    --color2:#6E3A84;
    --color3:#258357;
    --color4:#3d4141;
    --color5:#F57751;
    --color6:#A11456;
    --color7:#9d61b6;
    --color8:#44a075;
    --font1:"microsoft yahei";
}
/*外層設定*/
.block {display: block;}
body{margin:0 auto;padding:0;font-family:"Microsoft JhengHei",Arial,Verdana}
#BodyContainer_event{width:100%}
#BodyContent{width:100%}
#event{width:100%;margin:0 auto;position:relative}
#event i{margin:0 2px}
.rowflex{display:flex;flex-wrap:wrap;display:-ms-flexbox;-ms-flex-wrap:wrap}
.row1200{width:1200px;margin:0 auto}
.bgcolor0{background:#ffe6dc}
.bgcolor1{position:relative;z-index:0;background:-moz-radial-gradient(50% 50%,circle closest-corner,#FFF 50%,#E8ECFA 70%);background:-webkit-radial-gradient(50% 50%,circle closest-corner,#FFF 50%,#E8ECFA 70%);background:-o-radial-gradient(50%50%,circle closest-corner,#FFF 50%,#E8ECFA 70%);background:-ms-radial-gradient(50% 50%,circle closest-corner,#FFF 50%,#E8ECFA 70%);background:radial-gradient(50% 50%,circle closest-corner,#FFF 50%,#E8ECFA 70%)}
.bgcolor1:before,.bgcolor1:after,.bgcolor2:before,.bgcolor2:after,.have_list>li span,.bgcolor3:before{position:absolute;content:"";z-index:-1}
.bgcolor1:before{background:url(../images/0905080_bg_3.png);width:315px;height:243px;left:0;bottom:0}
.bgcolor1:after{background:url(../images/0905080_bg_2.png);width:474px;height:402px;right:0;top:0}
.bgcolor2{background:#F1F1F1;position:relative;overflow:hidden;z-index:0}
.bgcolor2:before{background:url(../images/83875263_m.jpg) no-repeat center center/cover;width:100vw;height:100vh;left:0;top:-15%;opacity:.2;z-index:-2}
.bgcolor2:after{width:100vw;height:22vh;left:0;top:39%;z-index:-1;background:-moz-linear-gradient(top,rgba(253,239,211,1) 7%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(253,239,211,1) 7%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(253,239,211,1) 7%,rgba(255,255,255,0.4) 70%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdefd3',endColorstr='#00ffffff',GradientType=0)}
.bgcolor3{background:#efefe4;position:relative;z-index:0;overflow:hidden}
.bgcolor3:before{background:url(../images/25191480_l.jpg) no-repeat center center/cover;width:100vw;height:100vh;left:0;top:-8%;margin:auto;z-index:-1;opacity:.15;filter:blur(2px)}
.bgcolor4{background:#FFF}
.bgcolor5{background:-moz-linear-gradient(top,rgba(255,255,255,1) 68%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 68%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 68%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}
.bgpadding{padding:2% 0 5%}
.bgcolor6{background:#efefe4 url(../images/1310095_longroad_bg.png) no-repeat top center;}
.bg-white{background-color:white;}
.bg-gray{background-color:#f5f5f5;}
.wrap_all{
    word-break: keep-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -webkit-text-size-adjust: 100%;
    }

.nowrap{text-wrap: nowrap}


/*標題*/
h1,h2,h3{font-family:var(--font1),'Noto Sans TC',sans-serif;text-align:center;text-shadow:1.5px 0 2px white,-1.5px 0 2px white,0 1.5px 2px white,0 -1.5px 2px white,0 0 6px #fff}
h1{font-size:3.4rem;font-weight:700;color:var(--color2)}
h1 span{margin-right:2%;color:var(--color3);font-size:3rem;border-bottom:thin solid var(--color3);padding:0 1% 0 0;position:relative}
h1 span:before{position:absolute;content:"";width:10px;height:10px;right:0;bottom:0;background-color:var(--color3)}
h2{font-size:2.7rem;color:var(--color2);margin-bottom: 2%}
h3{font-size:2.3rem;font-weight:400;color:var(--color4);margin:1% 0}
h4{font-size:1.875rem;color:var(--color4);margin: 1.5rem auto auto 0;}
/* 主圖 */
.masterbanner{position:relative}
.masterbanner div{position:absolute;content:"";overflow:hidden;width:8px;height:8px;background-color:#fff;border-radius:50%;filter:blur(2px);left:35%;top:52%;animation:move 1.8s linear alternate infinite}
@keyframes move {
0%{left:35%;opacity:0}
58%{left:50%;width:14px;height:14px;opacity:1}
70%{left:70%;width:10px;height:10px;opacity:.5}
100%{left:105%;width:8px;height:8px;opacity:0}
}
.masterbanner img{width:100%;display:block}
.masterbanner span:nth-of-type(2){display:none}
.event_news{padding:2% 5%;border-radius:10px;border:1px solid var(--color1);text-align:left}
.event_news p{margin:1% auto 1.5%;font-size:1.1em;line-height:1.6em}
.event_news p strong{color:#F44336;font-size:1.11em;}
.event_news .video_container{display: flex;justify-content: center;flex-wrap: wrap;}
.event_news .video_container h2{margin: 1rem 0.5rem auto;}
.event_news .video_container span{color:var(--color5);}
.event_news .video_box{width: 90%;margin-top: 1rem;}
.event_news .video_box img {width: 94%;border-radius: 25px;border: 10px #2f6b9d solid;margin: 0 2.2%;}
.event_news iframe{width:100%;height:auto;aspect-ratio:16 / 9;border-radius: 25px;border: #356E99 solid 11px;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}

.news_from{text-align:right}
.people{margin:0 auto 4%}
.table_tabs {margin: 2rem auto;}
.table_tabs a{cursor: pointer;padding: 1rem 3rem;transition: background-color 0.2s;border: 1px solid #ccc;background-color: #f1f1f1;margin: 0 1rem;}
.table_tabs a:hover {background-color: #aaa;color: #fff;}
.table_tabs a.active {background-color: #fff;color: #484848;cursor: default;}
.infotable,.infotable th,.infotable td{border-collapse:collapse}
.infotable{table-layout:fixed;margin:1% auto;font-size:1.2rem;line-height:1.4em;width: 100%;}
.infotable tbody{max-width:100%;overflow:auto}
.infotable th{font-size:1.3rem;background:#a055a0;color:#FFF}
.infotable th,.infotable td{padding:10px 25px;text-align:center;border-bottom:1px #cc81cc solid}
.infotable tr:nth-of-type(odd){background:#fafafa}
.infotable tr:nth-of-type(even){background:#f5f5f5}
.infotable td{opacity:.9}
.infotable li{list-style-position: inside;text-align: justify;}
.infotable ul li{list-style-type: disc;text-indent: -1.4em;margin-left: 1.4em;}
.infotable ol li{list-style-type: decimal;text-indent: -1.1em;margin-left: 1.1em;}
.screentable th{background:#ff9100;color:#FFF}
.screentable th,.screentable td{border-bottom:1px #f8b761 solid}
.writtentable th{background:#a055a0;color:#FFF}
.writtentable th,.writtentable td{border-bottom:1px #cc81cc solid}
.reserve{margin-top: 3% !important}
.reserve a{background:#ffbf10 !important ;padding:.6% 13% !important;color: #000 !important;}
.reserve a:hover{background:#FFF !important;color: #ffbf10 !important;}
.navlink{margin:4% auto 1%;text-align:center}
.navlink li{display:inline;margin:0 1%;font-size:1.4em}
.navlink a{background:purple;color:#FFF;padding:.6% 1.5%;text-decoration:none;border-radius:10px}
.navlink a:hover{background:#316f9e}
.navlink a:hover i{position:relative;left:-6px}
.adv{margin:2% auto}
.adv_list_bg{width:84%;margin:.5% auto 0;text-align:center}
.flip_card{width:240px;height:240px;margin:0 auto;cursor:pointer;position:relative;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;-o-perspective:1000;perspective:1000px}
.flip_card_box{position:relative;width:100%;height:100%;text-align:center;-webkit-transform-style:preserve-3d;-webkit-transition:.8s;-moz-transform-style:preserve-3d;-moz-transition:.8s;-ms-transform-style:preserve-3d;-ms-transition:.8s;-o-transform-style:preserve-3d;-o-transition:.8s;transition:.8s}
.flip_card:hover .flip_card_box{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.flip_card_front,.flip_card_back{border-radius:50%;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.flip_card_front{color:#FFF;font-size:2em;line-height:240px;font-weight:700;background:-moz-radial-gradient(50% 50%,circle contain,#F57751 55%,#DC5C3F 97%);background:-webkit-radial-gradient(50% 50%,circle contain,#F57751 55%,#DC5C3F 97%);background:-o-radial-gradient(50% 50%,circle contain,#F57751 55%,#DC5C3F 97%);background:-ms-radial-gradient(50% 50%,circle contain,#F57751 55%,#DC5C3F 97%);background:radial-gradient(50% 50%,circle contain,#F57751 55%,#DC5C3F 97%);z-index:10}
.flip_card_back{background-color:#AA3B91;color:#fff;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);padding:75px 10px 0;width:220px;height:165px;font-size:1.3em;filter:drop-shadow(0 0 5px white);border:5px solid #fff}
.have{padding:1% 0}
.have_list{width:80%;margin:1% auto;justify-content:space-around}
.have_list>li {
    position: relative;
    width: 47%;
    height: 9vh;
    line-height: 9vh;
    text-align: center;
    padding: 0;
    margin: 0 0 1%;
    font-size: 1.6rem;
    font-weight: bold;
    outline: 2px solid #DC5C3F;
    outline-style: dotted;
    background-color: rgba(255, 255, 255, .4);
    border-left: 10px #ffbec2 solid;
    border-radius: 10px;
    color: #e76740;
}
.have_list>li span:nth-of-type(1){width:22px;height:3px;background-color:rgba(255,255,255,1);left:13%;top:45%;opacity:0}
.have_list>li span:nth-of-type(2){width:3px;height:22px;background-color:rgba(255,255,255,1);left:14.8%;top:33%;opacity:0}
.have_list>li:nth-of-type(2) span:nth-of-type(1){left:1.5%!important}
.have_list>li:nth-of-type(2) span:nth-of-type(2){left:3.6%!important}
@keyframes move1 {
0%{transform:rotate(0deg)}
100%{transform:rotate(180deg)}
}
.have_list>li:hover{transform:scale(1.1);background-color:var(--color5);z-index:10;color:#fff;font-size:1.5rem;padding:0 1%}
.have_list>li:hover span{opacity:1;animation:move1 .6s alternate 1}
.event_plan{margin:0 auto}
.plan_bg{margin:3% auto;justify-content:center;color:#fff}
.plan_list{width:calc(100%/3.2 - 10px/3*2);margin:1% auto;padding:4% 10px 2%;transform:skew(8deg);position:relative}
.plan_list:hover{left:-5px;top:-8px;filter:drop-shadow(0 6px 8px #fff)}
.plan_list div{transform:skew(-8deg)}
.plan_list:nth-of-type(4),.plan_list:nth-of-type(5),.plan_list:nth-of-type(6){transform:skew(-8deg)!important}
.plan_list:nth-of-type(4) div,.plan_list:nth-of-type(5) div,.plan_list:nth-of-type(6) div{transform:skew(8deg)!important}
.plan_list:nth-of-type(odd){background-color:var(--color8)}
.plan_list:nth-of-type(even){background-color:var(--color7)}
.date{font-size:3.5rem;font-weight:700;padding:1% 0;text-align:right;opacity:.1;top:-10%;right:-2.5%;position:absolute}
.course {font-size: 2rem;line-height: 2em;font-weight: bold;}
.course a{color:#fff}
.plantxt{font-size:1.2em;text-align:left}
.media_bg{margin:1% auto}
.media{padding:0 1%;margin:2% auto;text-align:left}
.stu{font-size:2.2em;margin:1% 0;color:var(--color3);font-weight:700}
.stu .top{color:#ff173a;}
.stu .obtain{display:block;font-size:1.5rem;color:var(--color5)}
.stu small{font-size:1.4rem}
.media p{margin:0 auto .8%;font-size:1.1em;line-height:1.6em}
.media strong,.media a{color:#9148b0;font-weight:700;font-size: 1.11em}
/*我的研究所甄試上榜計畫*/
#event_plan h2{color:#e6687b;text-shadow:none;}
#event_plan h2 img{width:18%;display:block;margin:0 auto;text-align:center}
#event_plan h3{color:#ea4b2f;text-shadow:none;font-weight: bold;}
#event_plan .plan_select{width:100%;display:inline-block;margin:2% auto auto;padding:2% 0;border-top:5px dotted #dc5c3f;}
.select1,.select2{width:33%;height:130px;display:inline-block;padding:25px 0 0 76px;margin:1%;font-size:2.2em;font-weight:700;border-radius:97px;color:#fff;cursor:pointer;text-align:center;background-image:url(../images/0706040_bigboy_s4.svg);background-color:#dc5c3f;background-repeat:no-repeat}
.select1 b,.select2 b{display:block;color:#ffef70;font-size:2.4rem}
.course_content1,.course_content2{display:none;width:83%;padding:2%;margin:0 auto 2%;position:relative;background:#e0d1ad;border-radius:70px;overflow: initial !important;}
.course_content1:after,.course_content1:before,.course_content2:after,.course_content2:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.course_content1:after,.course_content1:before{left:20%}
.course_content2:after,.course_content2:before{right:20%}
.course_content1:after,.course_content2:after{border-color:rgba(136,183,213,0);border-bottom-color:#e0d1ad;border-width:15px}
.course_content1:after{margin-left:0}
.course_content2:after{margin-right:44px}
.course_content1:before,.course_content2:before{border-color:rgba(194,225,245,0);border-bottom-color:#e0d1ad;border-width:19px}
.course_content1:before{margin-left:-4px}
.course_content2:before{margin-right:40px}
.course_content1 ul,.course_content2 ul{width:100%;text-align:center;margin:2% auto 0}
.selectTitle{font-size:2.3em;line-height:1.1em;font-weight:700;color:#dc5c3f;text-align:center}
.course_content1 ul li,.course_content2 ul li{margin:0 2%;display:inline-block;font-size:1.6em;font-weight:700}
.course_content1 a,.course_content2 a{color:#000}
/*PC*/
@media (min-width:1201px) and (max-width:1600px){
.bgcolor2:before{height:120vh}
}
@media all and (min-width: 1201px){
.master_mobile{display:none}
.md\:block {display: block;}
}
/*手機*/
@media(max-width:767px){  
    .br_mb{display: block;}
    .masterbanner span:nth-of-type(1){display:none}
    .masterbanner span:nth-of-type(2){display:block}
    h1{font-size:1.8rem;font-weight:700;color:var(--color2)}
    h1 span{font-size:1.5rem;display:block}
    h2,.course{font-size:1.3rem}
    h3{font-size:1.4rem}
    h4{font-size:1.25rem}
	.event_news {text-align: justify;width: 85%;margin: 4% auto;padding: 3%;}
    .event_news p,.infotable th{font-size:1rem}
    .event_news iframe{border: #356E99 solid 5px;}
    .infotable{width:100%;font-size:1rem;}
    .infotable tbody{width:auto;overflow-y:hidden;display:table-row-group;}
    .infotable th, .infotable td {padding: 5px 10px;/* word-break: keep-all; */text-align: left;text-align: left;}
    .navlink li{text-align:center;font-size:1.05rem}
    .navlink a{display:inline-block;margin:1.5% 0;padding:1.3% 3%}
    .adv{margin:4% auto 2%}
    .flip_card{width:200px;height:200px;margin:2% auto}
    .flip_card_front{line-height:200px;font-size:1.7em;position:relative}
    .flip_card_front:after{content:"\f25a";font-family:"Font Awesome 5 Free";position:absolute;bottom:-66px;left:43%;color:#fdefd3;font-size:1.4em;text-shadow:2px 2px 5px #333,0 0 3px #333}
    .flip_card_back{width:160px;height:130px;padding:60px 15px 0;font-size:1.05em}
    .event_info,.event_adv,.event_plan,.event_media{padding:4% 0}
    .have_list{width:94%}
    .have_list>li{width:98%;line-height:2em;height:inherit;font-size:1.1em;margin:1% auto}
    .have_list>li:hover{transform:scale(1);font-size:1.25rem}
    .have_list>li span{display:none}
    .plan_bg{margin:3%}
    .plan_list{padding:10% 10px 4%}
    .plan_list,.plan_list div{transform:skew(0deg)}
    .plan_list,.plan_list:nth-of-type(4),.plan_list:nth-of-type(5),.plan_list:nth-of-type(6){width:calc(100%/2.3 - 10px/3*2);transform:skew(0deg)!important}
    .plan_list:nth-of-type(7){width:calc(94% - 15px/2);transform:skew(0deg)!important}
    .plan_list:nth-of-type(5) div,.plan_list:nth-of-type(6) div,.plan_list:nth-of-type(7) div{transform:skew(0deg)!important}
    .date{font-size:2em;top:-2%;right:0}
    .plantxt{font-size:1rem}
    .course{line-height:1.4em;margin-bottom:8px}
    .media{width:90%}
	.media p{font-size:1rem}
    .event_news .video_container h2 {margin: 1rem 0rem auto;}
    .event_news .video_box img {width: 97.5%;border-radius: 20px;border: 6px #2f6b9d solid;margin: 0 0;}
    .stu{font-size:1.8em}
    .stu span{font-size:1.4rem}
	.stu .obtain {font-size: 1.3rem;}
    /*我的研究所甄試上榜計畫*/
    #event_plan h2 img{width:35%}
    #event_plan .plan_select{margin-bottom:4%}
    #event_plan .plan_select img{width:25%}
    .select1,.select2{width:44%;height:auto;padding:10% 1% 0;margin:1% 1.5%;font-size:1.3em;border-radius:20px;vertical-align: text-top;background-size:80%}
    .select1 b,.select2 b{font-size:1.3rem}
    .course_content1,.course_content2{border-radius:19px;padding:4% 2%}
    .selectTitle{font-size:1.8em}
    .course_content1 ul,.course_content2 ul{width:100%;text-align:center;margin:4% auto 2%}
    .course_content1 ul li,.course_content2 ul li{width:100%;margin:0 auto;font-size:1.35em;line-height:1.55em;text-align:center}
    ul.courseContent{width:96%;padding:3% 2%}
}
@media (min-width:768px) and (max-width:991px){
    .masterbanner span:nth-of-type(1){display:none}
    .masterbanner span:nth-of-type(2){display:block}
}
@media (min-width:768px) and (max-width:1199px){
    .plan_bg{margin:3% 5%}
}
@media(max-width:1200px){
    .row1200{width:100%}
}