@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@900&display=swap');
@import url("../../../icon_new_6.2/css/all.min.css");

/*css reset 歸0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*remember to define focus styles!*/
:focus{outline:0;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{font-family:'Microsoft JhengHei', '微軟正黑體', 'Arial';color: #4b4b4b;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;list-style-type:none;}
h1,h2,h3{text-align: center;}
h1{font-size: 3rem;color: #ad2e2e;padding: 2.5rem 0 0;}
:root{
    --white:#fff;
    --gray:#dfdfdf;
    --red:#c1322c;
    --join1:#EB6100;
    --join2:#e9e95d;
    --join3:#306b88;
    --join4:#275f7b;
    --gray_liner:linear-gradient(45deg, #dfdfdf, #fff, #dfdfdf);
    --gray_liner2:linear-gradient(90deg, #dfdfdf, #fff, #dfdfdf);
    --teal_liner:linear-gradient(90deg, #306b88, #4a9794, #306b88);
    --font-family1:'Noto Serif TC', serif;
}
.bg_padding{padding:1%;}
.bg{background:radial-gradient(80% 60%, #fdf3f38e 58%, #ffd9d98e 100%) , url('../images/1404039_bg.jpg') no-repeat top center / cover ;}
.bg1{background: url('../images/1404039_bg.jpg') no-repeat top center / 100%;} 
.bg2{background: linear-gradient(90deg, #b03b4f, #e8714d, #f3ab54);}
.bg3{background:var(--gray_liner2);padding: 0 0 1rem;margin: 0 0 1.5rem;border-radius: .5rem;}
.bg4{background: #ffeded;}
.text-white{color:var(--white);}
.red{color: var(--red);}
small{font-size: smaller;}
.ps{padding: 0.5em 0;text-align: center;font-size: .8em;border-top: 1px dashed;margin-top: .5em;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}

/*Back to top button */
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgba(99, 99, 99, 0.74) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;}
#back-top a:hover span {background-color: #777;}

/*event*/
/* top_area */
.banner{display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap; width: 100%;}
.banner img{width: fit-content;height: auto;max-width: 100%;}
.top_title {font-size: 4.2rem;border-bottom: 5px solid #7f190a;padding: 0rem 0;background: linear-gradient(to right, #c50202 10%, #f1564d 90%);color: var(--white);font-weight: 900;text-align: center;letter-spacing: 0.5rem;}
.top_title b {font-size: 5.2rem;color: #f8e3bf;}
.container{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: -3.5rem;column-gap: 12rem;position: relative;width: 1700px;}
.container div{width: 30%;margin: auto;}
.container div:nth-of-type(1):hover,.container div:nth-of-type(2):hover,.container div:nth-of-type(3):hover{transform: scale(1.1);animation: none;transform-origin: bottom;filter: drop-shadow(3px 3px 12px hsl(0, 0%, 100%,100%));}
.container div:nth-of-type(4),.container div:nth-of-type(5){z-index: 1;}
.container div:nth-of-type(4) img{width: 90%;height: auto;}
.container div:nth-of-type(2){animation: move2 1s infinite alternate;position: absolute;bottom: 1%;left: 0;right: 0;}
@keyframes move2{0%{bottom: 1%;}100%{bottom: 4%;}}
.container div:nth-of-type(4){margin: auto;top:-5%;width: fit-content;}
.container div:nth-of-type(5){margin: auto;top: 0;}
#out{margin: 0 auto;}
.all_area{padding: 1.5rem 0 0;}
.click1,.click2,.click3,.click4{cursor: pointer;}
.content1,.content2,.content3,.content4{display: none;margin-top: 0%;}    
.active{display: block;animation-name:ani;animation-duration:.5s;}
.flex-box{display: flex;flex-wrap: wrap;justify-content: center;}
.year-title,.others_title{font-size: 3.25rem;font-weight: bold;width: 100%;display: inline-block;text-align: center;color:var(--white);line-height: 1.6;}
.year-title1{margin:1rem auto .5rem;}
.year-title span{position: relative;z-index: 1;border-radius: .5rem;padding: .15rem 0 .35rem 1.5rem;margin: 0 2.8rem;color: var(--red);background:var(--gray_liner);}
.year-title span::before{content: '';width: 59px;height: 59px;background:var(--gray);position: absolute;left: -25px;top: 9px;transform: rotate(45deg);border-radius: .5rem;z-index: -1;}
.year-title span::after{content: '';width: 59px;height: 59px;background:var(--gray);position: absolute;right: -25px;top: 9px;transform: rotate(45deg);border-radius: .5rem;z-index: -1;}
.man-list{text-align: left;font-size: 1.5rem;margin: 0 auto 3%;border-bottom: 4px dotted #ffffff3a;padding: 0 4rem 1rem;}
.man-list2{width: 90%;margin: 1.5rem auto 3rem;border-radius: .5rem;background: var(--gray_liner2);}
.content1 .flex-box div:nth-of-type(8){font-size: 1.8rem;}
.man-list li{padding: 0 0 1%;margin: 2% 0 0 0;background: var(--gray_liner2);border-radius: .5rem;}
.man-list2 li{background:unset}
.man-list li a{color: #4b4b4b;}
.man-list-ul {padding: 1rem 3rem;}
.man-list-ul li{}
.man-list-ul li i{margin-right: 1rem;color: var(--red);}
.man-box .stu_list img {max-width:100%;display:block;position:relative;margin: auto;background: linear-gradient(0deg,white 50%,#FBF9D8 80%);}
.man-box .out_mask{display: flex;flex-wrap: wrap;align-content: baseline;}
.man-box .out_mask .stu_title {font-size: 1.5rem;color:#fffcd9;border-bottom: dotted 2px;font-weight: 500;text-align:center;text-transform: uppercase;position: relative;margin: auto;line-height: 1.7;width: 100%;}
.man-box .out_mask .stu_title2{/*font-size: 1.3rem;line-height:1.95;*/}
.man-box .out_mask .stu_name {font-size: 1.25rem;line-height: 1.5em;}
.man-box .out_mask .stu_school {font-size: 1.25rem;color: var(--white);margin: auto;padding: .5rem;width: 100%;}
.man-box .out_mask p.stu_school {padding: 0 .5rem 2.5rem;}
.man-box .out_mask .stu_content{font-size:1em;line-height: 1.55em;}
.man-box .out_mask p{margin:.6rem auto;text-align: center;color: black;}
.man-box .out_mask p b{font-size: 1.25em;}
.man-box .out_mask a{color:var(--white);margin-bottom: 2rem;}
.exp-btn {width: 100%;position: absolute;bottom: 0;left: 0;}
.man-box .exp-btn a {background:#0b255a;display: block;padding: .25rem 0;font-size: 1.25rem;margin: auto;}
.man-box .out_mask:nth-of-type(2){top: 0;height: auto;background:var(--red1);margin: 0 .1rem;}
.man-box .out_mask:nth-of-type(2) p{margin: 0 auto;}

#next-year i{margin-right: 3%;font-size: 1.2em;}
.successive li>span:nth-of-type(1),.man-list .man-list_sub{font-size:2.1rem;display:block;border-radius: .5rem;background:var(--teal_liner);box-shadow: #000000aa 0px 17px 10px -18px;margin-bottom: 1rem;padding: .3rem .5rem;}
.successive li span:nth-of-type(1)>span,.man-list_sub span{color:var(--white);display: inline;}
.man-list .man-list_sub{margin: 1rem 0;}
.successive{font-weight: bold;}
.successive .successive_point{color:var(--join2);}
.successive li {text-align: center;line-height: 3.2rem;margin-bottom: .5rem;}
/* .successive li:nth-last-of-type(1){padding-bottom: 1.5rem;} */
.student_area{padding: 0 1.25rem;}
.content1 .successive li {width: calc(100%/4.2 - 10px/2*3);}
.content1 .successive li:nth-of-type(5),.content1 .successive li:nth-last-of-type(1),.content4 .successive li:nth-of-type(5),.content4 .successive li:nth-last-of-type(1){width: 100%;}
.billboard{margin-top: 1.5rem;padding: 1.5rem;background:var(--gray_liner2);border-radius: .5rem;}
.billboard li{width: calc(100% / 3.5);display: inline-table;margin: 0.3% 2%;background: unset;border-radius: unset;padding: .25rem;}
.billboard li span{color: var(--red);}
#next-year a{height: 208px;width: calc(100%/3.3);margin: 2% .5rem 1%;font-size:2.2rem;font-weight: bold; color:var(--white);font-family: var(--font-family1);display: inline-block;padding:4.8rem 1rem;background: url(../images/1303061_adw.png) center ;background-repeat: no-repeat;text-decoration: none;}
#next-year a:hover{text-decoration: underline;position: relative;top:4px;bottom: 4px;}
.cycle-note{color:var(--join4);}
.cycle-note-2{color:var(--join1);font-size: 17.6px;font-weight: normal;}
.year_note{color:var(--join1);position: absolute;top:4px;right: 65px;}
.year_notemb{display:none}
.year_btn{font-size:1.5em}
.year_btn a{color:#368ccc;display: inline-block;margin-right: 5%;}
.year-list{width: 78%;margin: 0px auto 30px;}
.customized ul{height:90px;}
.customized.a ul {height: 58px;}
.industry ul{height:120px;}
.efficient-box{width: 100%;float: left;overflow: hidden;padding: 0 0 0px;border-bottom: solid 4px #1497ab;margin: 0 0 1%;}
.month{text-align: center;padding: 10px 0;border-bottom: dashed 1px #bb312d;border-top: dashed 1px #bb312d;margin: 14px 0;line-height: 1em;font-size: 2em;font-weight: bold;color: #bb312d;}
.detailed_planning{display: none;}
.deputy-title{text-align: center;font-size: 2em;margin-top: 24px;color: #e94709;}
.develop{text-align: center;color:var(--white);margin: 0 10px;border-radius:.5rem;font-size: 1.6em;line-height: 30px;padding: 4px 0;font-weight: bold;box-shadow: 0px 4px 0px 0px #ccc;}
.year-day.a .develop{/*background-color:#368ccc;*/background:var(--teal_liner);}
.year-day.b .develop{background-color:#539e65;}
.year-day.c .develop{/*background-color:#f39700;*/background: linear-gradient(90deg, #b63132, #de7321, #b63132);}
.year-day.d .develop{background-color:#eb6100;}
.year-day.e .develop{background-color:#8963D8;}
.year-day.f .develop{background-color:#FF3787;}
.year-day{font-size: 1.15rem;border: solid 1px #f5f5f5;padding: 23px 10px 23px;margin: 5px 10px;border-radius: 15px;background-color:var(--white);filter: drop-shadow(2px 2px 5px #0000003a);}
.year-day ul{text-align: center;margin: 10px 0px 5px 0px;}
.year-day a ,.year-day li {display: block;line-height: 30px;color: #000;transition: all 0.2s linear;}
.year-day a:hover{background:var(--join2);border-radius: .5rem;text-decoration: none;margin: 0 .8rem;}
.year-day small{font-size: .8em;}
.cycle .year-day{border-radius: 0px 0px 15px 15px;margin: 0px 2px;overflow: hidden;}
.cycle-title{text-align: center;color: var(--white);font-family: "Microsoft YaHei";background: var(--teal_liner);font-size: 1.5em;line-height: 33px;padding: 7px 0;border-radius: .5rem .5rem 0px 0px;margin: 8px 2px 0;}
.cycle-title.a,.cycle .year-day.e .develop{background: linear-gradient(90deg, #5c5c5c, #8b8b8b, #5c5c5c);}
.cycle-title.b,.cycle .year-day.f .develop{background: linear-gradient(90deg, #b63132, #de7321, #b63132);}
.cycle ul {height: 190px;}
.test_note{font-size: 1.4rem;margin: 1rem 0;}
.test_note a{color: rgb(211, 36, 30);}
.test{text-align: left;font-size: 1.15em;padding: 2% 5% 0 0;margin: auto;width: 75%;justify-content: flex-start;align-items: center;}
.test a{color:var(--white);}
.test div{align-items: center;width:100%;}
.test div{width:40%;}
.test ul{width:58%;margin-left: 2%;}
.test div span{color:var(--white);background-color: #bd312c;text-align: center;padding: 2% 5%;border-radius: 20px;font-size: 1.6em;line-height: 2.6rem;font-weight: bold;}
.test div span{width:61%;margin-left: 5%;}
.test .c_out,.test .c_out li{list-style-type: square;list-style-position: outside;}
.test .c_out,.test .c_out li{list-style-type: none;text-indent: 0;margin: .2% 0;}
.test:nth-of-type(3) ul li ul li{list-style-type: square;}
.test li .c1,.test li .c2{text-align: center;padding:2% 12%;border-radius: 20px;display: inline-block;margin-right: 1%;}
.test li .c1{color: white;background-color:var(--join3);}
.test .c_out li{align-items:center;}
.test .c_out li a{width:35%;}
.test .c_out li ul{width:58%;}
.test ul li a .c1{color: white;text-decoration: underline;}
.test .c_out li a:hover span{text-decoration: none;position: relative;left: 3px;}
.test .c2{background-color: #4a9794;}
.m1{background-color:#df8180;}
.m2{background-color:#b676bf;}
.m3{background-color:#73acd3;}
.m4{background-color:#7f7fcb;}
.m5{background-color:#59c4c7;}
.m6{background-color:#bb7095;}
.m7{background-color:#707ebd;}
.m8{background-color:#a0b249;}
.event-banner {width: 80%;margin: auto;text-align: center;padding: 1rem;}
.event-banner a {width: calc(100%/2.4);margin: 2rem 2.5rem 1rem;}
.event-banner a img {width: 100%;box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;}
.event-banner img:hover {transform: scale(1.05);}

/*20250422 add*/
#app{width:100%;margin:0 auto 1.5rem}
#app > div{margin: 1.5rem auto 0}
.VueCarousel {width: 90%;margin: auto;}
.VueCarousel-slide{display:flex;align-items:center;box-sizing:border-box;justify-content: center;text-align: left;}
.VueCarousel button{font-size: .65rem;}
button.VueCarousel-navigation-button.VueCarousel-navigation-prev {left: 3%;z-index: 1;}
button.VueCarousel-navigation-button.VueCarousel-navigation-next {left: 97%;z-index: 1;}
.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-prev{left: 8%;}
.hit_out .VueCarousel-navigation-button.VueCarousel-navigation-next{left: 85%;}
.media_student{width: calc(100% / 2 - 5%);font-size: 1.3rem;text-align: center;}
.media_student iframe{width: 100%;height: 19rem;border: 2px solid var(--join2);border-radius: 0 0 1rem 1rem;}
.media_student dt{font-size: 1.4rem;background: linear-gradient(90deg,#e9e95d,#ffff8a,#e9e95d);border-radius: 1rem 1rem 0 0;padding: .5rem 0;color: #346983;font-weight: bold;}
.media_student a{text-decoration: none;}
.media_student .coming_soon{background: var(--join4);color: var(--white);display: inline-block;padding: 0 .8rem .25rem;margin:0 .5rem;border-radius: .5rem;}
.media_student .red{background: var(--red);color: var(--white);padding: 0 .5rem;border-radius: .5rem;margin: 0 .5rem;}
.yt-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#FF0000;border-radius:12px;padding:10px 22px;box-shadow:0 0 10px rgba(0,0,0,.3);cursor:pointer;z-index:10;}
.yt-btn i{color:white;font-size:32px}
.yt-btn:hover{transform: translate(-50%, -50%) scale(1.2);}
.media_student .stu_yt{position: relative;}
.media_student .stu_yt img{width: 100%;border: 2px solid var(--join2);border-radius: 0 0 1rem 1rem;z-index: 0;}
.media_note{font-size: 1.5rem;border-bottom: 4px dotted #ffffff3a;padding: 0 0 2.5rem;}
.media_note a , .stu_more a{background: linear-gradient(45deg, #b63132, #ea871c);border-radius: .5rem;padding: .2rem 1rem .25rem;border: 1px solid #ffffff7a;color: #ffffff;text-decoration: none;font-weight: bold;filter: drop-shadow(2px 2px 3px #0000003a);}
.media_note a:hover , .stu_more a:hover{background: linear-gradient(155deg, #b63132, #ea871c);filter: drop-shadow(2px 2px 3px #0000001a);border: 1px solid #ffffffbd;}
.student_out{width: calc(100% / 4 - 1rem);position: relative;padding: 0.5rem;margin: 0 auto;border: 1px #489493aa dotted;border-radius: .5rem;}
.stu_photo{margin: auto;}
.stu_photo img{width: 45%;border-radius: 9999rem;margin: 1rem auto;text-align: center;display: block;}
.student_list dt{font-size: 1.25rem;font-weight: 900;line-height: 2rem;padding: 0 0 .5rem;color:var(--join4);}
.student_list dd{font-size: 1.1rem;}
/* .student_list dd:last-child{height: 4.125rem;} */
.student_list dd:last-child,.hit_list dd:last-child{font-size: initial;color: #333;background:var(--join2);border-radius: .5rem;width: fit-content;padding: .25rem .5rem;margin: .5rem 0 0;}
.student_list .cursor{display: block;text-align: right;background: linear-gradient(90deg, #dfdfdf1a 50%, #ffffff7e, #dfdfdf60);color: var(--red);vertical-align: middle;padding: 0 1rem .1rem 0;border-radius: 50rem;}
.student_list .cursor img{width: 9%;padding:0 0 0 .3rem;}
.stu_content{display: none;position: absolute;top: 0;left: 0;border: 1px #489493 solid;border-radius: .5rem;padding: .8rem;height: 100%;width: 100%;}
.stu_content,.stu_content a{text-decoration: none;background:var(--white);}
.student_out:hover .stu_content{display: block;}
.stu_content dt{font-size: 1.25rem;line-height: 1.55rem;color: var(--red);font-weight: bold;border-bottom: 2px dotted;padding: 0 0 .5rem;margin: 0 0 .5rem;}
.stu_content dt b{background:var(--red);color:var(--white);font-size: initial;margin: 0 .25rem 0 0;padding: 0 .5rem .05rem;border-radius: .5rem;}
.student_out .stu_content dt .stu_name{display: block;color: #333;background: var(--join2);border-radius: .5rem;padding:.1rem .5rem;margin: 0 0 .5rem;text-align: center;}
.stu_content dd{font-size: 1.05rem;line-height: 1.5rem;text-align: justify;color: #000;}
.stu_more{text-align: center;margin: 1rem auto;color:var(--white);}
.stu_content .arrow-right i{display: block;font-size: 1.5rem;text-align: right;padding:.5rem 1rem;color:#4a9794ee;}


.hit_title{text-align: center;background: linear-gradient(45deg, #a92d2e, #c0322c);border: 2px solid #e1e1e1;border-bottom: unset;border-radius: .5rem .5rem 0 0;padding: 0.35rem 0;color: white;margin: 0 auto;font-size: 1.5rem;font-weight: bold;}
.hit_out{width: calc(92% / 3 - 1rem);margin: 1.5rem .5rem 0;display: inline-block;}
.hit_list{font-size: 1.25rem;padding: 1rem 3rem;}
.hit_list dt{font-weight: bold;color: var(--join4);}
.hit_list a {color:#4a9794;font-weight: bold;}
.hit_out .VueCarousel{width: 100%;margin: auto;background: var(--gray_liner);border-radius: 0 0 .5rem .5rem;}

.Vuetabs {width: 92%; margin-bottom: -2px;}
.Vuetabs ul {/* list-style-type: none; margin-left:; */}
.Vuetabs a{width: 50%;position: relative;text-align: center;cursor: pointer;color:#adadad;border: 1px solid #ccc;border-bottom: 3px solid #adadadaa;text-decoration: none;border-right: none;font-size: 2.1rem;display: block;border-radius: .5rem .5rem 0 0;background:linear-gradient(45deg, #dfdfdf, #ffffff, #dfdfdf);padding: .3rem .5rem .2rem;}
/* .Vuetabs a:last-child {border-right: 1px solid #ccc;} */
.Vuetabs a::before{content:'▸';position: absolute;left: 18.3rem;}
.Vuetabs a:hover {background: var(--gray_liner);color:var(--join3);}
.Vuetabs a:hover::before{content:'▸';position: absolute;left: 27rem;}
.Vuetabs a.active {background:var(--teal_liner);color:var(--white);border-bottom: 3px solid var(--join2);cursor: default;box-shadow: #000000aa 0px 17px 10px -18px;}
.tabVuecontent {width: 88%;margin: auto;padding: .5rem;}
.Vuetabs a.active::before{content:'▾';position: absolute;color: var(--join2);left: 27rem;}

.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;transition: opacity 0s;}

/*20220408 add*/
.others_service{}
.each_group{width: calc(100%/5.8); margin:  1rem;background: linear-gradient(to bottom, #ffffff 20%,#ffbdd7 99%);border-radius: 1rem;padding: 1rem;font-weight: bold;}
.each_group dt{font-size: 1.6rem;}
.each_group dd{font-size: 1.2rem;}
.each_group dt,.each_group dt a{color: #500321;line-height: 1.3em;}
.each_group dt {color: #500321;border-bottom: dotted;display: inline-block;padding-bottom: 0.2em;}
.each_group dt i {color: white;display: block;background-color: #e42b74;border-radius: 50%;font-size: 1.6rem;padding: .5em 0;width: 50px;height: 50px;margin: 0 auto 0.3em;}
.each_group dd,.each_group dd a{color: rgb(211 19 94);}
.spec{background: linear-gradient(to right, #c50202 10%, #f1564d 90%);COLOR: #fff7e8!important;border-radius: 1.5rem;padding: 0 .6rem .1rem;margin: 0 .5rem;}

.fixedbtn{position: fixed;right: 0rem;bottom: 25%;}
/* .fixedbtn a:hover i{position: relative;left: -.2rem;color: var(--red1);font-weight: bold;} */
.fixedbtn dt{color: #f8e390;font-weight: bold;}
.fixedbtn dd{color:#fff;font-size: 1.4rem;padding: 0 .25rem;margin: .8rem auto .5rem;}
.fixedbtn{background: linear-gradient(45deg, #a92d2e, #c0322c);border-left: 1px solid #f8e390;padding: 1rem;font-size: 1.2rem;color: var(--purple1);clip-path: polygon(5% 0, 100% 0, 100% 5%, 100% 100%, 95% 100%, 5% 100%, 0 95%, 0 5%);z-index: 99;}
.fixedbtn a{background: linear-gradient(45deg, #b63132, #ea871c);border-radius: .5rem;padding: .2rem 1rem .25rem;border: 1px solid #ffffff7a;color: #ffffff;text-decoration: none;font-weight: bold;filter: drop-shadow(2px 2px 3px #0000003a);}
.fixedbtn a:hover{background: linear-gradient(155deg, #b63132, #ea871c);filter: drop-shadow(2px 2px 3px #0000001a);border: 1px solid #ffffffbd;position: relative;transition: .3s ease;}
.fixedbtn dd i{padding: 0 .25rem 0 0;}

/*display*/
.block{display:block}.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}.inline-flex{display:inline-flex}
.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}
.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.hidden{display: none;}
/*定位*/
.fixed {position: fixed;}
.absolute{position:absolute}.relative{position:relative}
.flex-1 {flex: 1 1 0%;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.grid {display: grid;}
.inline-grid {display: inline-grid;}
/*對齊*/
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around; }
.content-around{align-content: space-around;}
.items-center {align-items: center;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right{text-align: right;}
/*內外距*/
.p-0 {padding: 0;}
.p-2 {padding: 0.5rem;}
.p-4 {padding: 1rem;}
.p-3 {padding: 0.75rem;}
.px-2 {padding-left: 0.5rem; padding-right: 0.5rem;}
.m-1 {margin: 0.25rem;}
.m-2 {margin: 0.5rem;}
.mr-1 {margin-right: 0.25rem;}
.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 0.75rem;}
.mt-2 {margin-top: 0.5rem;}
.mt-3 {margin-top: 0.75rem;}
.my-auto {margin-top: auto;margin-bottom: auto;}
.mx-auto {margin-left: auto; margin-right: auto;}
.mx-0 {margin-left: 0; margin-right: 0;}
.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-0 {margin-top: 0; margin-bottom: 0;}
/*字級*/
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}
.text-base{font-size:1rem}.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}
.leading-loose {line-height: 2;}
.font-bold {font-weight: 700;}
.font-extrabold {font-weight: 800;}
.font-black {font-weight: 900;}
.ft_NOTO{font-family: 'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family: 'Noto Serif TC', serif;}
.ft_Meiro{font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}
.w-full{width:100%}
@media all and (min-width: 1201px){
    /*外框區域*/
    .w-px{width:1px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}
}  
@media all and (min-width: 1px) and (max-width: 1200px){
    /*寬度區域*/
    .sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:w-1\/4{width:25%}.sm\:w-2\/4{width:50%}.sm\:w-3\/4{width:75%}.sm\:w-1\/5{width:20%}.sm\:w-2\/5{width:40%}.sm\:w-3\/5{width:60%}.sm\:w-4\/5{width:80%}.sm\:w-1\/6{width:16.666667%}.sm\:w-2\/6{width:33.333333%}.sm\:w-3\/6{width:50%}.sm\:w-4\/6{width:66.666667%}.sm\:w-5\/6{width:83.333333%}.sm\:w-1\/12{width:8.333333%}.sm\:w-2\/12{width:16.666667%}.sm\:w-3\/12{width:25%}.sm\:w-4\/12{width:33.333333%}.sm\:w-5\/12{width:41.666667%}.sm\:w-6\/12{width:50%}.sm\:w-7\/12{width:58.333333%}.sm\:w-8\/12{width:66.666667%}.sm\:w-9\/12{width:75%}.sm\:w-10\/12{width:83.333333%}.sm\:w-11\/12{width:91.666667%}.sm\:w-full{width:100%}
}
/*20220408 END*/
.cell-xs-1, .cell-sm-1, .cell-md-1, .cell-lg-1, .cell-xs-2, .cell-sm-2, .cell-md-2, .cell-lg-2, .cell-xs-3, .cell-sm-3, .cell-md-3, .cell-lg-3, .cell-xs-4, .cell-sm-4, .cell-md-4, .cell-lg-4, .cell-xs-5,.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths, .cell-sm-5, .cell-md-5, .cell-lg-5, .cell-xs-6, .cell-sm-6, .cell-md-6, .cell-lg-6, .cell-xs-7, .cell-sm-7, .cell-md-7, .cell-lg-7, .cell-xs-8, .cell-sm-8, .cell-md-8, .cell-lg-8, .cell-xs-9, .cell-sm-9, .cell-md-9, .cell-lg-9, .cell-xs-10, .cell-sm-10, .cell-md-10, .cell-lg-10, .cell-xs-11, .cell-sm-11, .cell-md-11, .cell-lg-11, .cell-xs-12, .cell-sm-12, .cell-md-12, .cell-lg-12 {position: relative;min-height: 1px;}
.cell-xs-1, .cell-xs-2, .cell-xs-3, .cell-xs-4, .cell-xs-5, .cell-xs-6, .cell-xs-7, .cell-xs-8, .cell-xs-9, .cell-xs-10, .cell-xs-11, .cell-xs-12 {float: left;}
.cell-xs-12 {width: 100%;}
.cell-xs-11 {width: 91.66666667%;}
.cell-xs-10 {width: 83.33333333%;}
.cell-xs-9 {width: 75%;}
.cell-xs-8 {width: 66.66666667%;}
.cell-xs-7 {width: 58.33333333%;}
.cell-xs-6 {width: 50%;}
.cell-xs-5 {width: 41.66666667%;}
.col-xs-5ths {width: 20%;}
.cell-xs-4 {width: 33.33333333%;}
.cell-xs-3 {width: 25%;}
.cell-xs-2 {width: 16.66666667%;}
.cell-xs-1 {width: 8.33333333%;}
@media (min-width: 768px) {
    .cell-sm-1, .cell-sm-2, .cell-sm-3, .cell-sm-4, .cell-sm-5, .cell-sm-6, .cell-sm-7, .cell-sm-8, .cell-sm-9, .cell-sm-10, .cell-sm-11, .cell-sm-12 {float: left;}
    .cell-sm-12 {width: 100%;}
    .cell-sm-11 {width: 91.66666667%;}
    .cell-sm-10 {width: 83.33333333%;}
    .cell-sm-9 {width: 75%;}
    .cell-sm-8 {width: 66.66666667%;}
    .cell-sm-7 {width: 58.33333333%;}
    .cell-sm-6 {width: 50%;}
    .cell-sm-5 {width: 41.66666667%;}
    .col-sm-5ths {width: 20%;float:left;}
    .cell-sm-4 {width: 33.33333333%;}
    .cell-sm-3 {width: 25%;}
    .cell-sm-2 {width: 16.66666667%;}
    .cell-sm-1 {width: 8.33333333%;}
}
@media (min-width: 992px) {
    .cell-md-1, .cell-md-2, .cell-md-3, .cell-md-4, .cell-md-5, .cell-md-6, .cell-md-7, .cell-md-8, .cell-md-9, .cell-md-10, .cell-md-11, .cell-md-12 {float: left;}
    .cell-md-12 {width: 100%;}
    .cell-md-11 {width: 91.66666667%;}
    .cell-md-10 {width: 83.33333333%;}
    .cell-md-9 {width: 75%;}
    .cell-md-8 {width: 66.66666667%;}
    .cell-md-7 {width: 58.33333333%;}
    .cell-md-6 {width: 50%;}
    .cell-md-5 {width: 41.66666667%;}
    .col-md-5ths {width: 20%;float:left;}
    .cell-md-4 {width: 33.33333333%;}
    .cell-md-3 {width: 25%;}
    .cell-md-2 {width: 16.66666667%;}
    .cell-md-1 {width: 8.33333333%;}
}
@media (min-width: 1200px) {
    .cell-lg-1, .cell-lg-2, .cell-lg-3, .cell-lg-4, .cell-lg-5, .cell-lg-6, .cell-lg-7, .cell-lg-8, .cell-lg-9, .cell-lg-10, .cell-lg-11, .cell-lg-12 {float: left;}
    .cell-lg-12 {width: 100%;}
    .cell-lg-11 {width: 91.66666667%;}
    .cell-lg-10 {width: 83.33333333%;}
    .cell-lg-9 {width: 75%;}
    .cell-lg-8 {width: 66.66666667%;}
    .cell-lg-7 {width: 58.33333333%;}
    .cell-lg-6 {width: 50%;}
    .cell-lg-5 {width: 41.66666667%;}
    .col-lg-5ths {width: 20%;float:left;}
    .cell-lg-4 {width: 33.33333333%;}
    .cell-lg-3 {width: 25%;}
    .cell-lg-2 {width: 24.66666667%;}
    .cell-lg-1 {width: 8.33333333%;}
}
#event_third li {display: inline;}
#event_third li a{transition: all .05s!important;text-decoration: none;color:var(--white);font-weight: bold;font-size: 1.35em;padding: 1.2% 4%;border-radius: 12px;background: linear-gradient(90deg, #306b88, #4a9794) /*#b78c36*/; display: inline-block;margin:1.5% 1%;position: relative;overflow: hidden;}
#event_third li:nth-of-type(even) a{background: linear-gradient(90deg, #b63132, #de7321) /*#c94d2f*/;}
#event_third li i{position: absolute;right:-15px;top: 16px;font-size: 1.1em;}
#event_third li a:hover{position: relative;/*right:5px;background-color: var(--red);*/color: var(--white);}
#event_third li :hover i{right:18px;}
#askarea_out{position: relative;}

@keyframes ani{from{opacity: 0;}to{opacity:10;}}
@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 {
}

@media all and (min-width: 1201px){    
    .man-box .stu_list:hover .out_mask p.stu_title {display: none;}
    .man-box .out_mask, .stu_list {height: 100%;}
    .man-box .exp-btn a {border-left: 1px solid rgb(255 255 255 / 50%);}
    .content1 .flex-box div:nth-of-type(8){margin: 0 13%;}
    .man-box{/*height:305px; /*圖片高度*/display: inline;overflow: hidden; position: relative;width: calc(100%/6);text-align:center;cursor: default; margin:1.5rem 0;padding:0;bottom:0;}
    .man-box .out_mask{width: 100%;}
    .man-box .stu_list:hover .out_mask {
        width:100%;top:0;bottom:0;left:0;right:0;margin:0; padding: 10% 5% 0;text-align: right;
        vertical-align:bottom;	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity: 0.8;
    }

    #BodyContent{width:100%;padding:0;margin:0;}
    #BodyContainer_event{width:100%;margin:0;z-index: 10;}
    #BodyHeader_event_rwd,#topli{display:none;}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中1200px寬外框*/
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0 auto 1rem;display:inline-block;/*width:1220px;padding:10px;*/}
    #Master_title{margin:0 auto;width:100%;padding:0;}   
    #event_master{margin:0 auto 1.5rem;width:86%;padding:0;}   
    /*div section標籤段落*/
    section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;}
    /*標題大小*/
    
    h2{ font-size: 2.5em; }
    h3{ font-size: 2.2em; }
    #event_sixth nav a{ font-size: 1.3em; }
    /*event*/
    .cell-space{position:relative;}
    .cycle-note-2{position: absolute;display: block;top: -19px;right:25px;}
    .cycle-note-3{top:61px;right:115px;}
    /* bodyHeader */
    #BodyHeader_event,#header-share{width:100%;float:left}
    #BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:var(--white)}
    #BodyHeader_event #header-share img{margin-bottom:5px}
    #BodyHeader_event a{color:#333;font-size:17px}
    #BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
    /* Footer */
    #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
    #BodyFooter_rwd{width:100%;margin-top:2%;}
    #footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
    #footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
    #footer_inline a,#footer_address a{color:#000}
    #footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
    #footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
    #adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
    #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;}
    #footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
    /*ask*/
    #askarea_out *{font-family:"微軟正黑體";font-size:1em}
    #askarea_out{width:100%;display:inline-block;text-align:left;background:var(--teal_liner);}
    #askarea{width:1200px;margin:0 auto}
    #askarea img{width:8%;height:auto}
    #askarea p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
    #askarea .asktitle,#askarea .asktitle p{text-align:center}
    #askarea .asktitle{color:var(--white);font-size:1.55em;margin-top: 1%;margin-bottom: 1%;}
    #askarea #formlist{width:80%;margin:2% auto;color:var(--white)}
    #askarea SELECT,#askarea input{border-radius:7px;background-color:var(--white);border:var(--white);padding:.5%;margin:auto 1% 1% auto}
    #askarea SELECT{width:19.7%}
    #askarea input{color:#A1A1A1}
    #askarea input[name="sContent"]{width:50%}
    #askarea input[type="text"]{width:40%;}
    #askarea input[type="radio"]{margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:var(--white);background-color:#eb543f;padding:.5em}
    #noie{color:var(--white);width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
    #noie a{color: #FC0;}
    .hottxt{ color: #ffd942; font-size: 13px;}
}