@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=Noto+Sans+JP:wght@100..900&display=swap');

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
}


/*\\\\\\\\\\\\\\\\\\\\\\\\全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

body{
height: 100vh;
  width: 100vw;
  overflow-x: hidden;
}
html, body { font-family: 'Noto Sans TC', 'Roboto', 'Open Sans', sans-serif; margin:0; padding:0;    background: #ffffff;  
width:100%; -webkit-font-smoothing: antialiased;  font-size: 16px; line-height: 170%; color: #333; letter-spacing: 1px;	
background-image:url(https://athena.noon360.com/noon360/snc/MsgInfo/Frames63_20250902_02451384.png);background-position: top center;background-size:cover; 
}
body.en {font-family: "Open Sans", "Open Sans Fallback"; letter-spacing: 0px;	}
body.jp {font-family: "Noto Sans JP", sans-serif; letter-spacing: 0px;	}


* { box-sizing: border-box; }
table { width:100%; }
img { vertical-align:middle; }
a { color:#666666; text-decoration:none; }
a:hover { color:#ee6622; text-decoration:none; }


/*\\\\\\\\\\\\\\\\\\\\\\\\全網基本定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\全網架構定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/


/*--1桌面區塊--*/
#ns_Wrapper {
    width: 100%;
	margin:auto;
    text-align: left;
    border: 0px;
    padding: 0px;
   background-image: url(https://athena.noon360.com/noon360/snc/MsgInfo/Rectangle9701_20250902_00273847.png);
	background-size:50%;
	background-repeat:no-repeat;
	//background-position: calc(50% + 270px) calc(0% - 20px); 
   background-position-x: right;
   background-position-y: -100px;
}
/*--
.ns_WrapperR2 {
	background-image:url(https://athena.noon360.com/noon360/snc/MsgInfo/Frame75_20250902_00280219.png);
	background-repeat:no-repeat;
	background-size:608px 1008px;
	background-repeat:no-repeat; 
   background-position-x: left;
}
--*/
#ns_Wrapper::after{
	content:"";
	background-image:url(https://athena.noon360.com/noon360/snc/MsgInfo/Frame75_20250902_00280219.png);
	background-repeat:no-repeat;
	display:block;
	width:608px;
	height:1008px;
    position: absolute;
    top: calc(0% + 600px);
    //left: calc(50% - 720px);
    z-index: 0;
    background-size: 80%;
	max-width:100%;
}

.about .meMsg_MsgTitle::after{
	content:"";
	display:block;
	width:70px;
	height:11px;
	border-radius:500px;
	background-color:#224390;
	margin: 45px 0px;
}
.main{
	max-width:1200px;
	margin:auto;
	padding:0px 20px 200px;
}
.about .meMsg_MsgBlk a,
.about .meMsg_MsgBlk .meMsg_Content{
	max-width:560px;
	width:100%;
	margin-left: auto;
    margin-right: 140px;
	display:block;
	padding:0px 20px;
	position:relative;
	z-index:1;
}
@media (max-width:1300px){
.about .meMsg_MsgBlk a{
    display: block;
}
.about{
	position:relative;
	z-index:1;
}
.about .meMsg_MsgBlk a, .about .meMsg_MsgBlk .meMsg_Content {
    max-width: 460px;
    width: 100%;
    margin-left: auto;
    margin-right: 140px;
    display: block;
    padding: 0px 20px;
    position: relative;
    z-index: 1;
}
}

@media (max-width:768px){
#ns_Wrapper {
   background: url(https://athena.noon360.com/noon360/snc/MsgInfo/Frame76_20250902_02394575.png),url(https://athena.noon360.com/noon360/snc/MsgInfo/Frames63_20250902_02451384.png);
	//background-size:293px 469px,cover;
	background-repeat:no-repeat;
	background-position: calc(50% + 230px) calc(2% + 0px), top center;
}
#ns_Wrapper::after{
background-size: 50%;
}
.main .meMsg_MsgBlk div[align="left"],
.about .meMsg_MsgBlk a,
 .about .meMsg_MsgBlk .meMsg_Content{
    display: block;
    background-color: unset;
    clip-path:unset;
	line-height:160%;
}
.about .meMsg_MsgTitle::after{
    margin: 45px 200px 45px auto;
}


}

@media (max-width:600px){
#ns_Wrapper {
	background-position: calc(0% + 310px) calc(0% + 200px), top center;
}
#ns_Wrapper::after{
	content:"";
   top: calc(0% + 630px);
   left: calc(50% - 300px);
}
.main {
    padding: 0px 20px 600px;
}
}
@media (max-width:500px){
#ns_Wrapper {
	background-position:calc(0% + 200px) calc(0% + 200px), top center;
}
#ns_Wrapper::after{
	content:"";
   top: calc(0% + 630px);
   left: calc(50% - 350px);
}
    .about .meMsg_MsgTitle::after {
        margin: 45px auto;
    }
.main {
    padding: 0px 20px 500px;
}
}
@media (max-width: 400px) {
    #ns_Wrapper::after {
        content: "";
        top: calc(0% + 620px);
        left: calc(50% - 320px);
    }

}

.ns_WrapperR1, .ns_WrapperR3, #ns_Wrapper4, #ns_Wrapper6 { display:none; }

/*--1版權宣告區塊--*/
#ns_Copyright { width:100%; }


/*--2天區塊--*/
#ns_Header { width:100%; height:120px;}
.ns_HeaderR1, .ns_HeaderR3, #ns_Header4, #ns_Header6 { display:none; }
#id_Header { width:100%; padding: 0 20px; box-sizing: border-box; }

/*天第一列左欄*/
#id_HeaderLeft  { width:200px; }
/*天第一列左右欄*/
#id_HeaderRight {  }
.language .meMsg_MsgListBlk {
display:flex;
}
body .NkNavList:not(.clone) .SiteMenu_0{
    justify-content: unset;
}
.language {
	position: absolute;
   right: 2%;
   top: 6%;
}
.language .meMsg_MsgListBlk .meMsg_MsgTitle .meMsg_ItemTitle{
   color: #fff;
   display: block;
   padding: 0px 10px;
   background: #01399e;
   margin: 0 2px;
   border: 1px solid #fff;
}


#id_HeaderCol{ width:100%; }

/*--2導覽區塊--*/
#id_Menu { width:100%;  }

/*導覽列左欄*/
#id_MenuLeft  { width:50%; }
/*導覽列右欄*/
#id_MenuRight { width:50%; }


.TopMenuUserName, .TopMenuHome, .TopMenuLoginLogout, .TopMenuJoinPanel, .TopMenuMemberCenter, .TopMenuSearch { white-space:nowrap; }
#id_CtrlBtn { display:none; }
#SearchBox { border:1px solid #888888;  color:#bbbbbb; }
#SearchBox:focus { color:#333333; }
#id_MemoLeft, #id_MemoRight { width:50%; }
#MemberMenu { text-align:left; }


/*--2內容區塊--*/
#ns_Main {  width:100%; }
.ns_MainR1, .ns_MainR3, #ns_Main4, #ns_Main6 { display:none; }
#id_Main { width:100%; }


/*--2地區塊--*/
#ns_Footer {
    width: 100%;
    background-color: #071029;
}
.ns_FooterR1, .ns_FooterR3, #ns_Footer4, #ns_Footer6 { display:none; }
#id_Footer { width:100%; }

/*地第一列左欄*/
#id_FooterLeft  { width:50%; }

/*地第一列右欄*/
#id_FooterRight { width:50%; }

#id_FooterCol{ width:100%; }


/*--3左欄區塊--*/
#id_ColLeft  { width: 200px; }

/*--3中欄區塊--*/
#id_Content  { width: 100%;  }

#ns_Content  { width:100%; }
#ns_Content .meMsgInfo { margin-bottom: 0; }
.ns_ContentR1, .ns_ContentR3, #ns_Content4, #ns_Content6 { display:none; }
#ns_Content5 { }
#id_ContentTop { width:100%;  }
#id_ContentBottom { width:100%;  }

#id_ContTop { width:100%; }
#id_ContTopLeft{ width:34%; }
#id_ContTopCenter { display:; }
#id_ContTopRight  { width:34%; }

#id_ContBottom { width:100%; }
#id_ContBottomLeft{ width:34%; }
#id_ContBottomCenter { display:; }
#id_ContBottomRight  { width:34%; }

#id_PhpTop { width:100%; }
#id_PhpTopLeft{ width:50%; }
#id_PhpTopRight  { width:50%; }

#id_PhpBottom { width:100%; }
#id_PhpBottomLeft{ width:50%; }
#id_PhpBottomRight  { width:50%; }

/*--3右欄區塊--*/
#id_ColRight { width: 200px; }

/*\\\\\\\\\\\\\\\\\\\\\\\\全網架構定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*\\\\\\\\\\\\\\\\\\\\\\\\全網元素開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/* 頁碼元素*/
#PageCtrl { color: #666666; }
#PageCtrl a { color: #666666; }
#PageCtrl .ThisPage  a { font-weight: bold; color: #000000; }
#PageCtrl .OtherPage a { color: #666666; }

/* 管理後台內容區背景色 */
.PanelBgColor { background:#c0d0e0; }

/*\\\\\\\\\\\\\\\\\\\\\\\\全網元素結束\\\\\\\\\\\\\\\\\\\\\\\\*/

/*自訂css開始-------------------------------------------------------------------------*/
.meLogoBlock {
    width: 258px;
    height: 258px;
    border-top: 245px solid #fff;
    border-right: 258px solid transparent;
    position: absolute;
    left: 0;
	 top:0;
}
.meLogoBlock .meMsg_ImgTD {
    position: absolute;
    top: -203px;
    left: 57px;
}
.meLogoBlock .meMsg_MsgTitle {
    display: none;
}

.NkAnimateCircleItem .listMsgList .meMsg_ItemTitle {
    font-size: 28px;
    text-align: center;
    color: #224390;
    line-height: 150%;
}
.NkAnimateCircleItem .listMsgList .meMsg_ItemContent {
    font-size: 16px;
    color: #333333;
    text-align: center;
}

.NkAnimateCircleItem .item-content-wrapper {
    padding: 90px 30px;
    width: 340px;
    margin: 0 10px 20px;
    background-repeat: no-repeat;
    background-color: #ededed;
    border-radius: 50%;
    aspect-ratio: 1;
    box-shadow: 18px 40px 35px rgba(0, 0, 0, 0.3);
}
.en .NkAnimateCircleItem .item-content-wrapper {
    padding: 140px 2vw;
    width: 450px;
}

/*優勢區塊*/
.adv {
    position: relative;
    padding: 200px 0px 100px;
    overflow: hidden;
	margin-top:50px;
}
.adv::after {
  content: "";
  position: absolute;
  width: 1500px;
  height: 1400px;
  border-radius: 50%;
  background: #F5F5F5;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%); /* 保證水平置中 */
  z-index: 0;
  pointer-events: none;
}
.adv .meMsg_MsgMainTd{
	position:relative;
	z-index:1;
}
.adv .meMsg_MsgBlk .meMsg_MsgTitle {
    display: block;
    text-align: center;
    letter-spacing: 5px;
    color: #224390;
    font-size: 45px;
    font-weight: bold;
    line-height: 120%;
}
.adv .meMsg_MsgBlk .meMsg_MsgSubTitle {
    color: #224390;
    font-size: 16px;
    display: block;
    text-align: center;
}
.adv .AlignCenterB {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 60px;
    border-radius: 50%;
    margin: 54px 0;
    object-fit: contain;
}
.adv .meMsg_MsgBlk img {
    width: 100%;
}
@media(max-width: 950px){
.language {
    position: absolute;
    right: 2%;
    top: 20px;
}
}
@media screen and (max-width: 768px) {
.main {
    padding: 0 0 600px 60px;
}
#ns_Header {
    width: 100%;
    //height: 200px;
}

.NkAnimateCircleItem .listMsgList .meMsg_ItemTitle{
	font-size:24px;
}

.adv {
    clip-path: polygon(0% 5%, 50% 0%, 100% 6%, 100% 93%, 50% 98%, 0% 93%);
    padding: 200px 0 280px;
}
.adv .AlignCenterB {
    position: static;
    padding: 56px 30px 30px;
    transform: unset;
    margin: 0 auto;
}
.adv::after{
	height:1500px;
}
.adv .meMsg_MsgBlk .meMsg_MsgTitle {
    letter-spacing: 3px;
    font-size: 40px;
}

.meLogoBlock .meMsg_ImgTD {
    top: -218px;
}
}
@media(max-width: 600px){

	body .NkAnimateCircleItem .listMsgList{
		flex-wrap:unset;
		flex-direction:column;
		align-items:center;
	}
body .NkAnimateCircleItem .listMsgList .meMsg_MsgTitle:nth-child(1){
	left:unset;
}
body .NkAnimateCircleItem .listMsgList .meMsg_MsgTitle {
    padding-top: unset;
    padding-bottom: unset;
	  width:70%;
}

    .adv::after {
        height: 2200px;
    }
}


@media(max-width: 500px){
body .NkAnimateCircleItem .listMsgList .meMsg_MsgTitle{
	width:77%;
}
    .adv::after {
        height: 2150px;
    }
}

@media(max-width: 400px){
.NkAnimateCircleItem .listMsgList .meMsg_ItemTitle{
	font-size:21px;
}
}

#ns_Footer{
	height:488px;
	border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}
#ns_Footer5{
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1000px;
    margin: auto;
	padding:0px 20px;
}
#id_Footer{
	height:100%;
}
.id_FooterR1{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#id_FooterCol{
   padding-bottom: 20px;
}
.contact .meMsg_MsgBlk .AlignCenter{
	text-align: left;
    padding-bottom: 24px;
}
.contact .meMsg_MsgTitle{
	color: #FFF;
	font-weight: 700;
	line-height: 150%; /* 24px */
}
.contact .meMsg_ItemTitle{
	color: #FFF;
	font-weight: 400;
	line-height: 150%;
}
.contact .meMsg_MsgList{
	max-width:350px;
}
.social .meMsg_MsgListBlk {
	display:flex;
    justify-content: end;
    align-items: center;
    gap: 80px;
}
.meCopyrightBlock .meMsg_ItemTitle{
	color:#fff;
	font-size:14px;
}
.success .meMsg_MsgListBlk:not(.meMsg_MsgListBlk .meMsg_MsgListBlk)  {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:1200px;
	margin:auto;
	gap:40px;
	padding: 0px 10px 210px;
    justify-content: center;
}
.success .meMsg_MsgListBlk .itemDivList{
	width:22%;
}
.success .meMsg_MsgBlk .meMsg_MsgTitle:not(.meMsg_MsgTitle .meMsg_MsgTitle){
	display:block;
	text-align:center;
	color: #FFF;
	font-size: 45.75px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 6.863px;
	padding: 0px 0px 54px;
}
.success .meMsg_MsgBlk .meMsg_MsgTitle:not(.meMsg_MsgTitle .meMsg_MsgTitle)::before{
	content:"";
	display:block;
	width:70px;
	height:11px;
	border-radius:500px;
	background-color:#fff;
	margin: 0 auto 50px;
}
.success .meMsg_MsgList .meMsg_MsgListBlk .meMsg_MsgListBlk {
	background-color:#fff;
	height:270px;
	border-radius:66px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding:0px 20px;
}
.success .meMsg_MsgList .meMsg_MsgListBlk .meMsg_MsgListBlk img{
	width:100%;
}
.success .meMsg_MsgListBlk .meMsg_MsgMainTd{
    background-color: #363636;
    border-radius: 66px;
}
.success .meMsg_MsgListBlk .meMsg_MsgBlk .meMsg_MsgTitle{
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 25px;
    width: 210px;
    margin: auto;
	color: #FFF;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px; /* 127.273% */
}
.map .meMsg_MsgBlk .meMsg_MsgTitle::before{

	display:block;
	position:absolute;
	background-image:url(https://athena.noon360.com/noon360/snc/MsgInfo/arrow_20250901_19183637.png);
	left:0%;
	width:473px;
	height:683px;
}

.main .meMsg_MsgBlk{
	padding-bottom:55px;
}
.main .meMsg_MsgBlk::before{
	content:"";
	display:block;
	width:70px;
	height:11px;
	border-radius:500px;
	background-color:#262B49;
	margin: 60px 0px 0px;
}
.main .meMsg_MsgBlk .meMsg_MsgTitle{
	color: #262B49;
   text-shadow: 1px 1px 0 #FFF;
	font-size: 65px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 8px;
}
.main .meMsg_MsgBlk .meMsg_Content{
	color: #262B49;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px; /* 180.203% */
	letter-spacing: 2.497px;
}
.main .meMsg_ItemTitle{
	color: #FFF;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
	background:linear-gradient(112deg, #00379D 15.22%, rgba(0, 97, 254, 0.70) 79.18%, rgba(0, 97, 254, 0.40) 143.14%);
	padding:28px 35px;
	border-radius:50px;
}
.contactBtn{
	position:fixed;
	right:0%;
	top:50%;
	z-index:4;
}
.contactBtn .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    opacity: 0.85;
    background: linear-gradient(155deg, #02115B 9.46%, #0831FF 57.35%, rgba(0, 2, 66, 0.60) 91.11%);
    display: block;
    width: 64px;
    padding: 30px 25px;
}



body .service .meMsg_MsgBlk{
    padding: 188px 20px 0px;
	position:relative;
	
}
#id_ContentTop{
	background-image:url(https://athena.noon360.com/noon360/snc/MsgInfo/Frame64_20250902_11173243.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
}
body #back-to-top.BottomRight{
	bottom:90px;
}
.meus_awBtnMenu {
    display: block;
    position: absolute;
    left: 57px;
    top: 170px;
}
body .awBtnMenuDiv .line1,
body .awBtnMenuDiv .line2,
body .awBtnMenuDiv .line3,
body .awBtnMenuDiv .line4{
	left:8px;
	right:unset;
	background-color:#1b1d8b;
	border-radius:5px;
}
body .awBtnMenuDiv{
	width:40px;
}
.awBtnMenuDiv::after{
	content:"";
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}
body .awBtnMenuDiv .line3{
	display:none;
}
body .awBtnMenuDiv .line1{
	width:50%;
transition: all 400ms ease-in-out;
}
body .awBtnMenuDiv .line2{
	width:75%;
	top:24px;
	transition: all 200ms ease-in-out;	
}
body .awBtnMenuDiv .line4{
	width:100%;
	top:34px;
}
body .awBtnMenuDiv:hover .line1 {
  animation: burger-hover 1s ease-in-out 400ms infinite alternate forwards;
}
body .awBtnMenuDiv:hover .line2 {
  animation: burger-hover 1s ease-in-out 200ms infinite alternate forwards;
}
body .awBtnMenuDiv:hover .line4 {
  animation: burger-hover 1s ease-in-out 0ms infinite alternate forwards;
}
@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.NkNavList .ClassName{
display:block;
}


/*歡迎區塊*/
.meWelcomeBlock {
    background-color: rgba(245, 245, 245, 0.95);
    position: fixed !important;
    padding: 15px 13px;
    box-sizing: border-box;
    z-index: 999999;
    width: 100% !important;
    top: unset !important;
    bottom: 0px !important;
}
.meWelcomeBlock .meMsg_MsgMainTd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.meWelcomeBlock .meMsg_MsgBlk .meMsg_MsgTitle {
    font-weight: bold;
}
.meWelcomeBlock .meMsg_MsgBlk .meMsg_Content {
    font-size: 16px;
}
.meWelcomeBlock .meMsg_MsgList {
    margin: 0 0 0 auto;
}
.meWelcomeBlock .meMsg_MsgListBlk .meMsg_ItemTitle {
    background: #2351FF;
    border-radius: 6px;
    font-size: 14px;
    color: #fff;
    line-height: 100%;
    padding: 8px 10px;
    display: inline-block;
    width: 100px;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 700px) {
.meWelcomeBlock .meMsg_MsgMainTd {
    flex-direction: column;
}

}


.notice {
    max-width: 900px;
    margin: 0 auto 50px;
}
.notice .meMsg_MsgTitle {
    color: #000;
    font-size: 45.747px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 6.862px;
    line-height: 120%;
}
.notice .meMsg_MsgTitle::after {
    content: "";
    display: block;
    width: 70px;
    height: 11px;
    border-radius: 500px;
    background-color: #224390;
    margin: 45px 0px;
}

/*自訂css結束-------------------------------------------------------------------------*/



/*=================手機版  開始===================*/

@media (max-width: 700px) {

/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義開始\\\\\\\\\\\\\\\\\\\\\\\\*/

/*--2天區塊--*/

/*天第一列左欄*/
#id_HeaderLeft { display: block; width:100%; }
/*天第一列左右欄*/
/*#id_HeaderRight { display: block; width:100%; }*/


/*--2導覽區塊--*/
#id_Menu { width:100%; margin-bottom:4px; }

/*導覽列左欄*/
#id_MenuLeft { display: block; width:100%; }
/*導覽列右欄*/
#id_MenuRight { display: block; width:100%; }

/*--2地區塊--*/
/*地第一列左欄*/
#id_FooterLeft { display: block; width:100%; }

/*地第一列左右欄*/
#id_FooterRight { display: block; width:100%; }



/*--3左欄區塊--*/
#id_ColLeft { display: block; width:100%; }

/*--3中欄區塊--*/
#id_Content { display: block; width:100%; }

/*--3右欄區塊--*/
#id_ColRight { display: block; width:100%; }

}
/*\\\\\\\\\\\\\\\\\\\\\\\\手機版全網基本定義結束\\\\\\\\\\\\\\\\\\\\\\\\*/


/*手機版自訂css開始-------------------------------------------------------------------------*/
@media (max-width:1350px){
/*.main .meMsg_MsgBlk::before{
    margin: 60px 0px 30px 7vw;
}
.main .meMsg_MsgBlk div[align="left"]{
    display: inline-block;
    background-color: #FFFFFFCC;
    clip-path: polygon(0% 0%, 88% 0%, 100% 47%, 100% 100%, 0% 100%);
}*/
}
@media (max-width:1250px){
.main .meMsg_MsgBlk{
    padding-top: 20px;
}
}

@media (max-width:768px){
#id_Footer{
	padding-top:unset;
}
.id_FooterR1{
    flex-direction: column;
}
.contact .meMsg_MsgBlk .AlignCenter{
	text-align:center;
	padding:70px 0px 35px;
}
.contact .meMsg_MsgList{
	margin:auto;
}
.contact .meMsg_MsgTitle {
    text-align: center;
    display: block;
}
.social .meMsg_MsgListBlk{
    justify-content: center;
	padding-top:75px;
}
#id_FooterCol{
	padding:50px 0px 60px;
}
.map .meMsg_MsgBlk .meMsg_MsgImg img {
    width: 100%;
    object-fit: cover;
    height: 1050px;
    object-position: right;
	background-color:#01023f;
}
body .map .meMsg_MsgBlk .meMsg_MsgTitle{
	font-size:48px;
    top: 18%;
    left: 50%;
    transform: translate(-50%, -24%);
    width: 100%;
}
body .success .meMsg_MsgListBlk .itemDivList{
	width:43%;
}
.success .meMsg_MsgListBlk .meMsg_MsgBlk .meMsg_MsgTitle{
	width:160px;
	font-size:17px;
}
.main .meMsg_MsgBlk .meMsg_MsgTitle{
	font-size:35px;
}
.main .meMsg_MsgBlk {
    padding-bottom: 40px;
}
.about .meMsg_MsgBlk a{
	text-align:right;
}
.about .meMsg_MsgBlk .meMsg_Content{
	margin:auto;
	display:block;
}
#id_ContentTop{
	background-image:url(https://athena.noon360.com/noon360/snc/MsgInfo/Frame68_20250902_13441216.png);
	background-repeat:no-repeat;
	background-size:150%;
	background-position:top 520px center;
}
.contactBtn{
	right:unset;
	bottom:0%;
	top:unset;
	width:100%;
}
.contactBtn .meMsg_MsgBlk a{
	display: flex;
    justify-content: center;
    align-items: center;
}
.contactBtn .meMsg_MsgBlk .meMsg_MsgTitle{
	width: 100vw;
	border-bottom-left-radius: unset;
	border-top-right-radius: 70px;
	padding:10px;
}

#id_ColRight { display: block; width:100%; }

    .map .AlignCenter {
        justify-content: flex-end;
}
.NkNavList .ClassName{
	width:unset;
}
}

@media (max-width:600px){
 body .success{
		margin-top:-53%;
	}
}
@media (max-width:500px){
	body .map .meMsg_MsgBlk .meMsg_MsgTitle{
		font-size:30px;
	}
	.main .meMsg_ItemTitle{
		padding: 16px 25px;
		font-size:16px;
	}
}

@media (max-width: 400px) {
    body .map .AlignCenter {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        max-width: 400px;
    }
	.about .meMsg_MsgBlk a{
		text-align:center;
	}
    body .NkAnimateCircleItem .listMsgList .meMsg_MsgTitle {
        width: 90%;
    }

}
@media (max-width:1050px){
.success .meMsg_MsgListBlk .itemDivList{
	width:29%;
}
}

/*手機版自訂css結束-------------------------------------------------------------------------*/

/*=================手機版  結束===================*/

/* 英日文版 */
.en .main .meMsg_MsgBlk .meMsg_MsgTitle,
.en .meMsg_MsgTitle,
.en .meMsg_Content,
.en .meMsg_ItemTitle,
.en .meMsg_ItemContent,
.jp .main .meMsg_MsgBlk .meMsg_MsgTitle,
.jp .meMsg_MsgTitle,
.jp .meMsg_Content,
.jp .meMsg_ItemTitle,
.jp .meMsg_ItemContent
{
	letter-spacing:0; 
}
.en .main .meMsg_MsgBlk .meMsg_MsgTitle,
.en .about .meMsg_MsgTitle,
.jp .main .meMsg_MsgBlk .meMsg_MsgTitle,
.jp .about .meMsg_MsgTitle{
    text-shadow: 1px 1px 0 #FFF;
}
.en .about .meMsg_MsgBlk .meMsg_Content,
.jp .about .meMsg_MsgBlk .meMsg_Content{
    text-shadow: 1px 1px 0 #ffffff5e;
}
.en .main .meMsg_MsgBlk .meMsg_MsgTitle{
	font-size:40px;
}
.jp .main .meMsg_MsgBlk .meMsg_MsgTitle{
	font-size:50px;
}
.en .contactBtn {
    transform: translate(65px, -50%);
}
.en .contactBtn .meMsg_MsgBlk .meMsg_MsgTitle {
    width: 190px;
    padding: 18px 40px;
    font-size: 18px;
    transform: rotate(90deg);
    border-top-left-radius: 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
.jp .contactBtn .meMsg_MsgBlk .meMsg_MsgTitle {
	padding: 60px 11px;
	font-size: 21px;
}
.jp .NkAnimateCircleItem .listMsgList .meMsg_ItemTitle,
.en .NkAnimateCircleItem .listMsgList .meMsg_ItemTitle{
	font-size:24px;
}
.jp .NkAnimateCircleItem .listMsgList .meMsg_ItemContent{
	line-height:normal;
}
.en .NkAnimateCircleItem .listMsgList .meMsg_ItemContent{
	line-height:normal;
	padding: 0px 17px;
}
	.jp .main::after{
content:unset;
}
.main .meMsg_MsgBlk div[align="left"] {
        display: inline-block;
        padding: 30px 30px 20px 0px;
}


@media (max-width:px){
	.en .main::after {
		bottom:-100px;
	}
}

@media (max-width:1105px){
#ns_Wrapper::after{
background-size:60%;
}
	.jp .main::after,
	.en .main::after {
		content:unset;
	}
}
@media (max-width: 900px) {
    .jp .NkAnimateCircleItem .item-content-wrapper,
    .en .NkAnimateCircleItem .item-content-wrapper {
        padding: 120px 100px;
    }
}
@media (max-width: 850px) {
    .jp .NkAnimateCircleItem .item-content-wrapper {
        padding: 100px 90px;
    }
    .en .NkAnimateCircleItem .item-content-wrapper {
        padding: 100px;
	}
}
@media (max-width: 822px) {
	.en .NkAnimateCircleItem .listMsgList .meMsg_ItemTitle {
		line-height:unset;
	}
   .en .NkAnimateCircleItem .item-content-wrapper {
      padding: 90px;
	}
}
@media (max-width: 768px) {
    .jp .main .meMsg_MsgBlk .meMsg_MsgTitle,
    .en .main .meMsg_MsgBlk .meMsg_MsgTitle {
        font-size: 35px;
    }
	.jp .contactBtn .meMsg_MsgBlk .meMsg_MsgTitle {
		padding: 10px;
		font-size: 26px;
       width: 100vw;
	}
.en .contactBtn .meMsg_MsgBlk .meMsg_MsgTitle{
		padding: 10px;
		font-size: 26px;
       width: 100vw;
    transform: rotate(00deg);
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 0px;
}
.en .contactBtn {
    transform: translate(0, 0);
}
	.jp .main,
	.en .main{
		padding: 0 0 500px 60px;
	}
   .jp .NkAnimateCircleItem .item-content-wrapper {
      padding: 90px 90px;
   }
   .en .NkAnimateCircleItem .item-content-wrapper {
      padding: 80px;
	}
	.en .NkAnimateCircleItem .listMsgList .meMsg_ItemContent{
		padding:unset;
	}
    .jp .adv,
    .en .adv {
    	padding: 200px 0px 100px;
    }
	.en .map .meMsg_MsgBlk .meMsg_MsgImg img{
		height:unset;
		width:100%;
	}
}
@media (max-width: 700px) {
    .jp .NkAnimateCircleItem .item-content-wrapper {
       padding: 75px 65px;
    }
    .en .NkAnimateCircleItem .item-content-wrapper {
       padding: 80px 70px;
    }
	.en .map .AlignCenter {
		max-width:unset;
	}
}
@media (max-width: 600px) {
    .jp .NkAnimateCircleItem .item-content-wrapper {
        padding: 80px 68px;
    }
}
@media (max-width: 500px) {
	.jp .main,
	.en .main{
   	padding: 0 0 450px 60px;
   }
	.jp #id_ContentTop,
	.en #id_ContentTop{
		background-position: top 530px center;
	}
    .en .adv::after {
        height: 2000px;
    }
}
@media (max-width:400px){
   .jp #id_ContentTop,
   .en #id_ContentTop{
      background-size: 160%;
      background-position: top 660px center;
   }
    .en .adv::after {
        height: 1900px;
    }
}


/*導覽列*/



.meSiteTree {
    width: 100%;
    margin-left: auto;
    //margin-top: -12%;
}


body #dataSiteTree.Hori * {
    font-size: 18px;
    color: #606060;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    font-weight: bold;
    transition: 0.5s;
    text-align: center;
}
#dataSiteTree.Hori *:hover{
    color: #224390;
    font-weight: bold;
}

body #dataSiteTree.Hori .SiteGroup_1{
    border-bottom: 2px solid transparent;
       margin: 2%;
}
body #dataSiteTree.Hori .SiteGroup_1:hover {
    border-bottom: 2px solid #224390;
}


body .awBtnMenuDiv{
    margin-left: -13px;
    top: -81px;
    height: unset;
}

@media (max-width:768px) {
body .SiteMenu {
    display: flex;
    flex-direction: column;

}
body .awBtnMenu{
    background: linear-gradient(180deg, #204EA5 16.58%, #4F88E7 72.82%);
}

#dataSiteTree.Hori *{
    text-align: left;
}
#dataSiteTree.Hori *:hover{
    color: #fff;
}
body #dataSiteTree.Hori * {
    color: #fff;
    text-shadow: unset;
}

}