@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{font-size:unset;padding:0;margin:0;background:0 0;background-color:none;outline:0;border:none}img{max-width:100%;height:auto}footer{margin:0;background:#111422;font-family:\5fae\8edf\6b63\9ed1\9ad4,Malgun Gothic,Dotum,Tahoma,sans-serif;letter-spacing:normal;font-size:12px;display:flex;flex-direction:row;justify-content:center;color:#cfcfcf;padding:2% 0}@media only screen and (max-width:767px){footer{padding:20px;flex-wrap:wrap}}footer .contain{display:flex;flex-direction:row;justify-content:center;gap:32px}@media only screen and (max-width:767px){footer .contain{flex-wrap:wrap}}footer .contain .copyright{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:32px}@media only screen and (max-width:767px){footer .contain .copyright{padding:8px 30px}}footer .contain .copyright span{color:#fff;line-height:1.5;font-size:14px}@media only screen and (max-width:430px){footer .contain .copyright span{font-size:12px}}footer .contain .textWrap{display:flex;justify-content:center;align-items:center}@media only screen and (max-width:767px){footer .contain .textWrap img{width:12vw}}footer .contain .textWrap span{margin-left:15px;line-height:1.5;font-size:14px;color:#fff}@media only screen and (max-width:430px){footer .contain .textWrap span{font-size:12px}}.navbar{color:#fff;position:fixed;width:100%;z-index:11;padding:10px 40px;flex-direction:row-reverse}@media only screen and (max-width:768px){.navbar{padding:20px}}.navbar .icon{display:flex;gap:10px;align-items:center;justify-content:center}@media only screen and (max-width:768px){.navbar .icon{position:unset}}.navbar .icon a{transition:filter .3s ease}.navbar .icon a:hover{filter:brightness(1.2)}@media only screen and (max-width:450px){.navbar .icon a img{width:40px;height:40px}}.navbar .navbar-toggler{padding:.5rem .75rem}.navbar .navbar-collapse{justify-content:center;gap:30px}.navbar .navbar-collapse .navbar-nav{justify-content:center;align-items:center}.navbar .navbar-collapse .navbar-nav li{position:relative;padding:25px 0}@media only screen and (max-width:450px){.navbar .navbar-collapse .navbar-nav li{padding:15px 0}}.navbar .navbar-collapse .navbar-nav li .nav-link{display:block;transition:.3s all;color:#fff;padding:0 30px;font-size:18px;font-weight:500}@media only screen and (max-width:1024px){.navbar .navbar-collapse .navbar-nav li .nav-link{padding:0 10px}}.navbar .navbar-collapse .navbar-nav li .nav-link:hover{color:#4fa1e1}body{font-family:Microsoft JhengHei,sans-serif}body .notice a,body .notice p,body .notice span{font-size:1.1rem;line-height:2rem;color:#fff;text-align:left;font-weight:500;white-space:wrap}body .notice p,body .notice span{color:#6d5a52}@media only screen and (max-width:767px){body .notice a,body .notice p,body .notice span{font-size:16px}}@media only screen and (max-width:767px){body .notice a.time,body .notice p.time,body .notice span.time{display:none}}body .notice p{margin:10px 0}@media only screen and (max-width:767px){body .notice h2{width:320px;margin:0 auto}}body .header{background:url(../images/header.jpg) no-repeat 25% 1%;background-size:cover;position:relative;width:100%;height:368px;overflow-x:hidden;display:none}@media only screen and (max-width:767px){body .header{height:200px}}body .notice{background:url(../images/s1Bg.png) no-repeat center center;background-size:cover;position:relative;padding:120px 0%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;gap:20px;overflow:hidden;max-width:inherit;min-height:100vh}body .notice .notice_wrap{width:100%;max-width:1200px;padding:80px 190px 100px 130px;display:flex;justify-content:center;flex-direction:column;background:url(../images/s1NewsBg_L.png) no-repeat center center;background-size:100% 100%;position:relative;gap:8px;background-position:center center}@media only screen and (max-width:1200px){body .notice .notice_wrap{padding:50px 80px 100px 70px;background-size:cover}}@media only screen and (max-width:560px){body .notice .notice_wrap{padding:100px 40px 100px 20px}}body .notice .notice_wrap .tabs{position:relative}body .notice .notice_wrap .tabs:before{content:"";position:absolute;width:184px;height:50px;left:0;top:-10px;background:url(https://landing.mangot5.com/template/soc/event/web/images/newsTitle.png) no-repeat center center;background-size:contain}body .notice .notice_wrap h3{position:relative;font-size:32px;line-height:1.4;font-weight:700;color:#6d5a52;text-shadow:3px 3px 6px rgba(0,0,0,.4)}@media only screen and (max-width:767px){body .notice .notice_wrap h3{font-size:20px}}body .notice .notice_wrap .tab-content ul li{display:flex;position:relative;align-items:center;padding:6px 12px;gap:30px}body .notice .notice_wrap .tab-content ul li:last-child:before{display:none}body .notice .notice_wrap .labels{position:relative;display:inline-block;padding:6px 12px;text-align:center;line-height:1;white-space:nowrap}body .notice .notice_wrap .labels-all{color:#fff;background:#e8af36}body .notice .notice_wrap .labels-system{color:#fff;background:#57adf3}body .notice .notice_wrap .labels-event{color:#fff;background:#6acc56}body .notice .notice_wrap .breadcrumbs{display:flex;gap:4px;align-items:center;color:#7f5f50}body .notice .notice_wrap .breadcrumbs a{font-size:16px;color:#7f5f50}body .notice .notice_wrap .title h3{color:#312319}body .notice .notice_wrap nav .text-center a{padding:5px 15px;transition:.3s all;background:#192123;border-radius:unset}body .notice .notice_wrap nav .text-center a:hover{filter:brightness(1.5);color:#fff}body .notice .notice_wrap .pagination{justify-content:center;gap:16px;flex-direction:row}body .notice .notice_wrap .pagination li:before{display:none}body .notice .notice_wrap .pagination li{display:flex;justify-content:center;padding:0}body .notice .notice_wrap .pagination li.active a{color:#f7893f;-webkit-text-stroke:2px #f7893f}body .notice .notice_wrap .pagination li:hover{filter:none}body .notice .notice_wrap .pagination li:hover a{color:#f7893f;-webkit-text-stroke:2px #f7893f}body .notice .notice_wrap .pagination li a{color:#9d7c6d;font-weight:900;-webkit-text-stroke:2px #9d7c6d;text-shadow:0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 2px #fff;font-family:noto-serif-tc,serif;transition:.3s all;font-size:20px;width:unset}body .notice .news-tabs .nav-pills,body .notice .tabs .nav-pills{margin:10px 0;padding-top:50px;display:flex;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:20px}@media only screen and (max-width:767px){body .notice .news-tabs .nav-pills,body .notice .tabs .nav-pills{gap:4px;margin:10px 0}}body .notice .tabs .nav-pills li:before{display:none}body .notice .tabs .nav-pills li{position:relative;width:164px;max-width:25%;height:54px;display:flex;align-items:center;justify-content:center;transition:.3s all;padding:0}body .notice .tabs .nav-pills li a{position:relative}body .notice .tabs .nav-pills li a:after{opacity:0;transition:.3s all}body .notice .tabs .nav-pills li:hover a:after,body .notice .tabs .nav-pills li.active a:after{opacity:1}body .notice .tabs .nav-pills li:nth-of-type(1) a:after{position:absolute;content:"";width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/news_tab1_hov.png) no-repeat center center;background-size:contain}body .notice .tabs .nav-pills li:nth-of-type(2) a:after{position:absolute;content:"";width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/news_tab2_hov.png) no-repeat center center;background-size:contain}body .notice .tabs .nav-pills li:nth-of-type(3) a:after{position:absolute;content:"";width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/news_tab3_hov.png) no-repeat center center;background-size:contain}body .notice .tabs .nav-pills li:nth-of-type(4) a:after{position:absolute;content:"";width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/news_tab4_hov.png) no-repeat center center;background-size:contain}body .notice .tabs ul li a{color:#606060;font-weight:600}body .notice .tabs .nav-pills li.active a,body .notice .tabs .nav-pills li:hover a{color:#fff}body .notice .tab-content .tab-pane ul li span{white-space:nowrap}body .notice .pag{position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}body .notice .pag nav{display:inline-block;padding-left:0;margin:20px 0}body .notice .pag nav ul li.active a{color:#e02323}body .notice .pag nav ul li a{color:#fff;padding:10px 16px;transition:.3s all;font-size:24px;font-family:noto-serif-tc,serif;text-shadow:0 2px 4px #000}body .notice .pag nav ul li a:hover{color:#e02323}