*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}html.noScroll{overflow:hidden}html.noScroll header{overflow:hidden}@media (min-width:768px){html.noScroll body{overflow-y:scroll}}.outer{max-width:100%;padding:0 30px}@media (max-width:767px){.outer{padding:0 20px}}.inner{width:1400px;max-width:100%;margin:auto}.tablet,.mobile{display:none !important}@media (min-width:1200px){.pc{display:block !important}.pc.inline{display:inline-block !important}.pc.flex{display:flex !important}.pc.flex.inline{display:inline-flex !important}}@media (max-width:1199px){.pc{display:none !important}}@media (max-width:1199px) and (min-width:768px){.tablet{display:block !important}.tablet.inline{display:inline-block !important}.tablet.flex{display:flex !important}.tablet.flex.inline{display:inline-flex !important}}@media (max-width:767px){.mobile{display:block !important}.mobile.inline{display:inline-block !important}.mobile.flex{display:flex !important}.mobile.flex.inline{display:inline-flex !important}}.eb_garamond{font-family:'EB Garamond',Poppins,Arial,'微軟正黑體','Microsoft JhengHei UI','Microsoft JhengHei','Heiti TC',STHeitiTC,'新細明體','PMingLiU','Noto Emoji','Noto Color Emoji'}.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.clear{clear:both;float:left}.inline-block{display:inline-block}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle}.container{max-width:1200px;margin:auto;position:relative}header,#content,footer{width:100%}header{position:relative;z-index:5;border-bottom:solid 5px #9199a2}@media (min-width:1200px){header:before{content:'';position:absolute;bottom:0;left:50%;z-index:-1;width:50%;height:calc(100% - 59px);background:#0070AC}}header .inner{display:flex;justify-content:space-between;gap:20px}header .inner .logo{width:184px;min-height:113px;background:url(/img/logo.png) no-repeat center center}@media (max-width:1199px){header .inner .logo{background-image:url(/img/logo-m.png);background-size:100%}}header .inner .top{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding-top:22px;padding-bottom:16px}header .inner .top a{line-height:21px;font-size:15px;font-weight:500;padding-left:26px;background-image:var(--icon);background-repeat:no-repeat;background-position:center left;background-size:18px 18px !important;transition:all .4s cubic-bezier(.65, .05, .36, 1)}header .inner .top a.cur{color:#4F2074;background-image:var(--icon2)}@media (min-width:1200px){header .inner .top a:hover{color:#4F2074;background-image:var(--icon2)}}header .inner .top .home{--icon:url(/img/1/h/icon-home-grey.svg);--icon2:url(/img/1/h/icon-home-purple.svg)}header .inner .top .login_logout{--icon:url(/img/1/h/icon-login-grey.svg);--icon2:url(/img/1/h/icon-login-purple.svg)}header .inner .top .login_logout.logout{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%236B6B6B'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E") !important}header .inner .top .login_logout.logout:hover,header .inner .top .login_logout.logout.cur{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%234F2074'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E") !important}header .inner .top .events{--icon:url(/img/1/h/icon-events-grey.svg);--icon2:url(/img/1/h/icon-events-purple.svg)}header .inner .top .user_profile_info{--icon:url(/img/1/h/icon-login-grey.svg);--icon2:url(/img/1/h/icon-login-purple.svg);color:#6B6B6B;font-weight:500}header .inner .top .user_profile_info .user_name{color:#6B6B6B;font-weight:500}header .inner .top .user_profile_info:hover,header .inner .top .user_profile_info.cur{color:#4F2074;background-image:var(--icon2)}header .inner .top .user_profile_info:hover .user_name,header .inner .top .user_profile_info.cur .user_name{color:#4F2074}header .inner .right .bottom{position:relative;width:129px;height:54px;padding:7px 0;background:#0070AC;box-shadow:30px 0px #0070ac;margin-left:auto}@media (max-width:767px){header .inner .right .bottom{width:119px}}header .inner .right .bottom:before{content:'';position:absolute;top:0;right:100%;z-index:-1;width:92px;height:100%;background:linear-gradient(90deg, rgba(47,110,168,0) 0%, rgba(47,110,168,0.12) 33%, rgba(47,110,168,0.41) 65%, #2f6ea8 100%)}header .inner .right .bottom button{width:40px;height:40px;background:url(/img/1/h/menu.svg) no-repeat center center;background-size:100%;margin-left:auto}@media (max-width:1199px){header .inner .nav{position:fixed;top:0;left:0;width:100%;height:100%;background:#F2F2F2}header .inner .nav:not(.open){display:none}header .inner .nav .top{justify-content:space-between;align-items:center;padding:0 30px;padding-top:40px;margin-bottom:33px}header .inner .nav .top button{width:40px;height:40px;background:url(/img/1/h/close.svg) no-repeat center center;background-size:100%}}@media (max-width:1199px) and (max-width:767px){header .inner .nav .top{padding-left:20px;padding-right:20px}}header .inner .nav .menu{display:flex;justify-content:flex-end;gap:34px;position:relative;padding:18px 0 15px 12px;background:#0070AC}@media (max-width:1399px){header .inner .nav .menu{gap:20px}}@media (max-width:1199px){header .inner .nav .menu{flex-direction:column;gap:0;padding:0 30px;background:transparent}}@media (max-width:767px){header .inner .nav .menu{padding:0 20px}}header .inner .nav .menu:before{content:'';position:absolute;top:0;right:100%;z-index:-1;width:125px;height:100%;background:linear-gradient(90deg, rgba(47,110,168,0) 0%, rgba(47,110,168,0.12) 33%, rgba(47,110,168,0.41) 65%, #2f6ea8 100%)}header .inner .nav .menu .page{position:relative}@media (max-width:1199px){header .inner .nav .menu .page{border-bottom:solid 1px rgba(0,0,0,0.4)}}header .inner .nav .menu .page a{line-height:1.4;font-size:15px;font-weight:300;transition:all .4s cubic-bezier(.65, .05, .36, 1)}@media (max-width:1199px){header .inner .nav .menu .page a{line-height:1.64705882;font-size:17px;font-weight:400}}header .inner .nav .menu .page .main{display:block;color:#ffffff}@media (max-width:1199px){header .inner .nav .menu .page .main{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;min-height:56px;color:#6B6B6B;padding:4px 0 !important}header .inner .nav .menu .page .main:not(.open):after{transform:scale(1, -1)}header .inner .nav .menu .page .main:not(.open)+.submenu{display:none}header .inner .nav .menu .page .main.open:before{content:'';position:absolute;top:0;left:-30px;width:5px;height:100%;background:#0070AC}}@media (max-width:1199px) and (max-width:767px){header .inner .nav .menu .page .main.open:before{left:-20px}}header .inner .nav .menu .page .main.cur{color:#6FC3F1}@media (max-width:1199px){header .inner .nav .menu .page .main.cur{color:#0070AC}}header .inner .nav .menu .page .main.has_child{display:flex;align-items:center;gap:7px}header .inner .nav .menu .page .main.has_child:after{content:'';width:10px;height:5px;background:url(/img/1/h/arrow-white.svg) no-repeat center center;transition:all .4s cubic-bezier(.65, .05, .36, 1)}@media (max-width:1199px){header .inner .nav .menu .page .main.has_child:after{width:40px;background-image:url(/img/1/h/arrow-blue.svg)}}@media (min-width:1200px){header .inner .nav .menu .page .submenu{position:absolute;top:100%;left:50%;width:250px;padding-top:20px;margin-left:-125px;transition:all .4s cubic-bezier(.65, .05, .36, 1)}}@media (max-width:1199px){header .inner .nav .menu .page .submenu{margin-bottom:20px}}header .inner .nav .menu .page .submenu .sub_inner{display:flex;flex-direction:column;gap:1px}header .inner .nav .menu .page .submenu .sub_inner .sub{display:block;padding:10px 25px;padding-top:8px;background:#ffffff}@media (min-width:1200px){header .inner .nav .menu .page .submenu .sub_inner .sub:hover{background:#E0ECF2}}@media (max-width:1199px){header .inner .nav .menu .page .submenu .sub_inner .sub{line-height:1.86666667;font-size:15px;font-weight:300;padding:6px 25px}}@media (min-width:1200px){header .inner .nav .menu .page:nth-last-child(2) .submenu{left:inherit;right:0;margin-left:0}header .inner .nav .menu .page:hover .main{color:#6FC3F1}header .inner .nav .menu .page:hover .main:after{transform:scale(1, -1)}header .inner .nav .menu .page:not(:hover) .submenu{top:0;opacity:0;pointer-events:none}header .inner .nav .menu .page:not(:hover) .submenu *{pointer-events:none}}#content{position:relative;min-height:500px}footer{position:relative;border-top:solid 5px #b5bec8;background:#F2F2F2}footer .inner{padding:70px 0}footer .inner .logo{height:123px;background:url(/img/1/f/logo-footer.svg) no-repeat left center;margin-bottom:31px}footer .inner .menu{display:flex;flex-wrap:wrap;gap:10px 25px;overflow:hidden}footer .inner .menu .page{position:relative}footer .inner .menu .page:before{content:'';position:absolute;top:50%;left:-13px;width:1px;height:13px;background:#6B6B6B;margin-top:-6.5px}footer .inner .menu .page a{display:block;line-height:1.38888889;font-size:18px;font-weight:500}footer .inner .bottom{display:flex;flex-wrap:wrap;align-items:center;gap:15px 20px;padding-top:20px;border-top:solid 1px rgba(107,107,107,0.8);margin-top:20px}@media (max-width:1199px){footer .inner .bottom{flex-direction:column;align-items:flex-start}}footer .inner .bottom .media{display:flex;flex-wrap:wrap;gap:15px}footer .inner .bottom .media a{width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg, #7a6997 0%, #6a7b97 100%);overflow:hidden}footer .inner .bottom .media a img{width:100%;height:auto;vertical-align:top}footer .inner .bottom .right{display:flex;align-items:center;gap:10px 25px;margin-left:auto}@media (max-width:1199px){footer .inner .bottom .right{margin:0}}@media (max-width:767px){footer .inner .bottom .right{flex-direction:column;align-items:flex-start}}footer .inner .bottom .right .shortcut{position:relative}@media (min-width:768px){footer .inner .bottom .right .shortcut:after{content:'';position:absolute;top:50%;right:-13px;width:1px;height:13px;background:#6B6B6B;margin-top:-6.5px}}footer .inner .bottom .right .shortcut a{line-height:1.71428571;font-size:14px}footer .inner .bottom .copyright{line-height:1.71428571;font-size:14px}footer .inner .bottom .copyright a{font-size:inherit}.back_top{position:-webkit-sticky;position:sticky;bottom:52px;right:0;z-index:3;height:0;text-align:right;transition:all .4s cubic-bezier(.65, .05, .36, 1)}.back_top:not(.show){opacity:0;pointer-events:none}.back_top:not(.show) *{pointer-events:none}.back_top .inner{width:1546px}.back_top button{position:relative;top:-22px;width:48px;height:48px;background:url(/img/1/f/back-to-top.svg) no-repeat center center;background-size:100%;box-shadow:0px 10px 10px rgba(0,0,0,0.16);transition:all .4s cubic-bezier(.65, .05, .36, 1);vertical-align:top}@media (min-width:1200px){.back_top button:hover{box-shadow:0px 10px 10px rgba(0,0,0,0.5)}}.banner{position:relative}.banner .img{display:flex;position:relative}.banner .img:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/1/curve-graphic-1-banner.png) no-repeat center left;background-size:auto 100%}/*953795e33e25c16a067bcfa2a5842f5b*/.banner .img .left{flex-grow:1;background:linear-gradient(270deg, #6696bf 0%, #9182b2 100%)}.banner .img .right{flex-shrink:0;position:relative;width:1156px;max-width:100%}.banner .img .right:after{content:'';position:absolute;top:0;left:0;width:591px;max-width:100%;height:100%;background:linear-gradient(270deg, transparent 0%, #6696bf 100%)}.banner .img .right img{width:100%;height:auto}.banner .title{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}.banner .title h1{font-family:'EB Garamond',Poppins,Arial,'微軟正黑體','Microsoft JhengHei UI','Microsoft JhengHei','Heiti TC',STHeitiTC,'新細明體','PMingLiU','Noto Emoji','Noto Color Emoji';line-height:1.30434783;font-size:46px;font-weight:500;color:#ffffff;text-shadow:0px 0px 30px rgba(0,0,0,0.16)}@media (max-width:1199px){.banner .title h1{font-size:36px}}@media (max-width:767px){.banner .title h1{font-size:28px}}.path{position:relative;margin-bottom:43px}.path .inner{position:relative;padding:21px 0}.path .inner .all{position:relative}.path .inner .all:has(.back){padding-right:100px}.path .inner .all span,.path .inner .all a{display:inline-block;max-width:100%;line-height:2;font-size:15px;vertical-align:top}.path .inner .all a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path .inner .all span{display:inline-block;max-width:min(100%, 382px);vertical-align:top}.path .inner .all .dot{width:52px;height:30px;background:url(/img/1/arrow-3-blue.svg) no-repeat center center;background-size:17px}.path .inner .all .back{position:absolute;top:0;right:0}.path .inner .all .back .dot{transform:scale(-1, 1)}#content:has(.content_bg):before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#F5F9FA}.content_bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:1120px;background:url(/img/4/graphic-left.png) no-repeat top 24px right -292px,url(/img/2/bg-big-1-inner.jpg) no-repeat top center;background-size:822px,auto;overflow:hidden}.banner .content_bg{top:100%}.select{position:relative}.select .select-input{display:block;position:relative;z-index:1;width:100%;height:40px;line-height:1.41176471;font-size:15px;font-weight:300;padding:7px 24px;padding-right:40px;border:solid 1px #ececec;background:url(/img/2/arrow-blue.svg) no-repeat center right 17px,#fff;background-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select .select-outer{display:none;position:absolute;top:100%;left:0;width:100%;border:solid 1px #ececec;border-top:0;background:#ffffff}.select .select-outer .select-container{max-height:160px;overflow-y:auto}.select .select-outer .select-container div{line-height:1.41176471;font-size:15px;font-weight:300;padding:7px 24px;cursor:pointer}@media (min-width:1200px){.select .select-outer .select-container div:hover{background:#e0ecf2}}.select.select-fix{z-index:5}.select.select-fix .select-outer{display:block}form .msg,form .error-msg{font-size:17px;color:#0070AC}form .star{color:#0070AC;margin-left:10px}form input,form textarea{width:100%;height:40px;font-size:15px;font-weight:300;padding:0 24px;border:solid 1px #ececec;background:#ffffff;vertical-align:top}form input.error,form textarea.error{border-color:#0070AC}form textarea{height:200px;line-height:24px;padding:8px 24px}form select.error+.select .select-input{border-color:#0070AC}form .fields{display:flex;flex-wrap:wrap;gap:25px 40px}form .fields .row{width:calc(50% - 20px)}@media (max-width:767px){form .fields .row{width:100%}}form .fields .row.full{width:100%}form .fields .row .label{line-height:1.41176471;font-size:17px;margin-bottom:11px}form .fields .split{width:100%;height:1px;background:#6B6B6B;opacity:0.3;margin:15px 0}form .bottom{display:flex;flex-wrap:wrap;gap:40px}form .bottom .captcha{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:13px 20px;max-width:100%}form .bottom .captcha .label{flex-shrink:0;width:100%;line-height:1.41176471;font-size:17px}form .bottom .captcha .img{display:flex;align-items:center;gap:14px}form .bottom .captcha .img .refresh_btn{width:36px;height:36px;background:url(/img/2/refresh.svg) no-repeat center center}form .bottom .captcha .input{width:250px}form .bottom .btn{display:flex;align-items:center;gap:20px;max-width:100%}@media (max-width:767px){form .bottom .btn{justify-content:center}}form .bottom .btn a,form .bottom .btn button{display:block;width:257px;height:52px;line-height:52px;text-align:center;font-size:17px;background:#D8D8D8}form .bottom .btn a[type=submit],form .bottom .btn button[type=submit]{color:#4C1658;background:#D6CDE2}nav.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 30px;margin-top:40px}nav.pager ul{display:flex;gap:10px;list-style-type:none}@media (max-width:767px){nav.pager ul{gap:5px}}nav.pager ul li:has(.disable){display:none}nav.pager ul li a{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:17px}nav.pager ul li a.selected{position:relative}nav.pager ul li a.selected:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#4F2074}nav.pager ul li a.prev{width:11px;background:url(/img/2/arrow-4-black_s.svg) no-repeat center center;background-size:100%;transform:scale(-1, 1)}@media (min-width:1200px){nav.pager ul li a.prev{margin-right:20px}}nav.pager ul li a.next{width:11px;background:url(/img/2/arrow-4-black_s.svg) no-repeat center center;background-size:100%}@media (min-width:1200px){nav.pager ul li a.next{margin-left:20px}}@media (min-width:1200px){nav.pager ul li a.first{margin-right:20px}nav.pager ul li a.last{margin-left:20px}}nav.pager form input{width:80px;height:40px;padding:0 20px;border:none;background:#ECECEC}.chatbox{margin-top:30px;overflow:hidden}.chatbox .messages{height:415px;padding:10px;background:#ECECEC}.chatbox .messages.simplebar-scrollable-y{padding-right:36px}.chatbox .messages .messages_inner{padding:0 20px}.chatbox .messages .messages_inner .all{display:flex;flex-direction:column;gap:15px;max-width:850px;padding:20px 0;margin:auto}.chatbox .messages .messages_inner .all .latest{line-height:2;text-align:center;font-size:12px}.chatbox .messages .messages_inner .all .msg .text{display:inline-block;position:relative;max-width:674px;line-height:1.76470588;font-size:17px;padding:13.5px 25px;vertical-align:top}.chatbox .messages .messages_inner .all .msg .text:after{content:'';position:absolute;bottom:0;width:12px;height:8px}.chatbox .messages .messages_inner .all .msg.self{padding-right:12px}.chatbox .messages .messages_inner .all .msg.self .text{float:right;max-width:min(674px, calc(100% - 56px));color:#ffffff;background:#6B6B6B}.chatbox .messages .messages_inner .all .msg.self .text:after{left:100%;background:url(/img/2/graphic-chat-triangle-grey.svg) no-repeat bottom left;background-size:100%}.chatbox .messages .messages_inner .all .msg.another{position:relative;padding-left:56px}.chatbox .messages .messages_inner .all .msg.another:before{content:'';position:absolute;bottom:0;left:0;width:30px;height:30px;border-radius:50%;background:url(/img/2/icon-chat-people.svg) no-repeat center center,#fff;background-size:100%}.chatbox .messages .messages_inner .all .msg.another .text{float:left;max-width:min(674px, calc(100% - 12px));background:#ffffff}.chatbox .messages .messages_inner .all .msg.another .text:after{right:100%;background:url(/img/2/graphic-chat-triangle-white.svg) no-repeat bottom left;background-size:100%}.chatbox .new_msg{position:relative;z-index:1;padding:9px 10px;background:#D5E2E9;box-shadow:0px 0px 20px rgba(0,0,0,0.16)}.chatbox .new_msg form{display:flex;gap:20px}.chatbox .new_msg form button{line-height:1.4375;font-size:16px;color:#1385D1;text-decoration:underline;padding-right:39px;background:url(/img/1/arrow-3-blue.svg) no-repeat center right 10px;background-size:19px}.simplebar-track{width:16px !important;background:#ffffff;margin:10px}.simplebar-track .simplebar-scrollbar{background:#7A6997}.simplebar-track .simplebar-scrollbar:before{background:#7A6997}.popup{display:none;position:fixed;top:0;left:0;z-index:11;width:100%;min-width:480px;height:100%;text-align:center;background:rgba(79,32,116,0.82);white-space:nowrap;overflow-y:scroll;overflow-x:hidden}.popup .inner{position:relative;width:1100px;margin:139px auto;white-space:normal}.popup .inner button.popupClose{width:40px;height:40px;background:url(/img/1/h/close.svg) no-repeat center center,#c9dde7;margin:auto;margin-bottom:20px}.popup .inner .content{background:#F5F9FA;box-shadow:0px 0px 20px rgba(0,0,0,0.16)}.events .inner{padding-bottom:86px}.events .inner .name{font-family:'EB Garamond',Poppins,Arial,'微軟正黑體','Microsoft JhengHei UI','Microsoft JhengHei','Heiti TC',STHeitiTC,'新細明體','PMingLiU','Noto Emoji','Noto Color Emoji';line-height:1.47058824;font-size:34px;font-weight:600;color:#4C1658}.events .inner .editor{position:relative;padding:26px 33px;margin-top:28px}@media (max-width:767px){.events .inner .editor{padding:26px 21px}}.events .inner .editor img{max-width:100%;height:auto}.events .inner .editor:before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:solid 1px #d8d8d8;background:#FFFFFF;box-shadow:0px 10px 10px rgba(0,0,0,0.11);opacity:0.42}