@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');
@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');
}


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

html, body { font-family: 'Noto Sans TC', 'Roboto', 'Open Sans', sans-serif; margin:0; padding:0;  width:100%; -webkit-font-smoothing: antialiased;  font-size: 16px; line-height: 170%; color: #333; letter-spacing: 1px; }
* { 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%; text-align:left; background:#ffffff; border:0px; padding:0px; }
.ns_WrapperR1, .ns_WrapperR3, #ns_Wrapper4, #ns_Wrapper6 { display:none; }

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


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

/*天第一列左欄*/
#id_HeaderLeft  { width:55px; }
/*天第一列左右欄*/
#id_HeaderRight { /*width:50%;*/vertical-align: middle;width: calc(100% - 55px); }


#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%;
}
.ns_FooterR1, .ns_FooterR3, #ns_Footer4, #ns_Footer6 { display:none; }
#id_Footer { width:100%; height:100%; max-width: 1400px; margin: auto; }

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

/*地第一列右欄*/
#id_FooterRight { width:60%;vertical-align: bottom; }

#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開始-------------------------------------------------------------------------*/
/*--Header--*/
#ns_Header {
    background: linear-gradient(180deg, #101A42 0%, #184374 100%);
	/*position:relative;*/
    height: 88px;
}
#ns_Header .treelist .ClassName{
	color: #FFF;
	text-align: center;
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28.8px; /* 160% */
}
body #back-to-top.BottomRight{
	bottom:10%;
}

/*商標*/
/*.logo {
    margin-top: 0px;
    box-sizing: border-box;
    position: absolute;
    z-index: 99999;
}*/
.logo img {
    width: 100%;
	 max-width:54px;
	 z-index: 10;
    position: absolute;
	 top: 18px;
}
@media (max-width:768px){
	/*.logo{
		left:50%;
		transform:translate(-50%,0%);
	}*/
	#id_HeaderLeft{
		width:100%;
	}
	body .awBtnMenuDiv{
		position: absolute;
		background:unset;
		top:15px;
		left:13px;
	}
	body .awBtnMenuDiv .line1,
	body .awBtnMenuDiv .line2,
	body .awBtnMenuDiv .line3,
	body .awBtnMenuDiv .line4{
		background-color:#fff;
	}	

	#ns_Header{
	    height: 70px;
	}
}



.language {
    position: absolute;
    top: 0;
    /*margin-top: 5px;
    z-index: 2;*/
    /* width: 240px; */
    right: 0;
    white-space: nowrap;
    z-index: 999;
}
.language .meMsg_MsgList .listMsgList {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 88px;
}
.language .meMsg_MsgList .itemMsgList {
    margin: 0 10px;
}
.language .meMsg_MsgList .meMsg_ItemTitle {
    color: #fff;
}
.language.language_Mob { display: none; }
/*.language {
    position: relative;
    top: -5px;
    margin-top: 8px;
}*/
.language .meMsg_MsgList .itemMsgList {
    margin: 0;
    padding: 0 10px;
}
.language.language_Mob {
    display: none;
    top: 70px;
    z-index: 2;
    width: 100%;
    /*background: #3d6e83;*/
    padding: 10px 0;
    position: absolute;
    left: 0;
    background: #101A42;
}
.en .language.language_Mob, .jp .language.language_Mob, .kr .language.language_Mob {
    top: 145px;
}
.language.language_Mob .meMsg_MsgList .listMsgList {
    display: flex;
    justify-content: center;
}
.language.language_Mob .meMsg_MsgList .meMsg_ItemTitle {
    color: #fff;
}
.treelist {
    position: absolute;
    top: 0;
    /*left: 0px;*/
    /*transform: translate(-50%, 0%);*/
    width: 100%;
}
.treelist .ClassDesc, .treelist .ClassImg { display: none; }
#dataSiteTree.Hori .SiteMenu_0{v
    text-align: center;
}

/*導覽列*/
#dataSiteTree.Hori .SiteMenu_0 {
    display: flex;
    justify-content: center;
    height: 88px;
    align-items: center;
}

body #dataSiteTree.Hori .SiteGroup_1 {
    /*display: inline-block;*/
    margin: 5px 20px 5px 5px;
    white-space: nowrap;
	 float:unset;
	 /*padding-bottom: 9px;
    border-bottom: 10px solid rgba(240, 106, 165, 0);*/
}

/*導覽列hover特效*/
#dataSiteTree.Hori .SiteGroup_1:hover {
    border-bottom: 10px solid rgba(240, 106, 165, 1);
    transition: border-bottom-color 0.4s ease;
}

@media (max-width:768px){
	#dataSiteTree.Hori .SiteGroup_1:hover{
		border-bottom:none;
	}
}

@media (max-width:768px){
	.meSiteTree.treelist {
	    top: 110px;
	    display: none;
	    z-index: 999;
	}
	.meSiteTree.treelist #dataSiteTree.Hori {
	    /*margin: 20px 0;*/
		 background: linear-gradient(180deg, #101A42 0%, #184374 100%);
	}
	#dataSiteTree.Hori .SiteMenu_0{
        flex-direction: column;
        background: linear-gradient(180deg, #101A42 0%, #184374 100%);
        width: 100%;
        height: 370px;
        gap: 10px;
	}
	#dataSiteTree.Hori .SiteMenu_0 div:nth-of-type(1){
		padding-top:5px;
	}
	.meSiteTree.treelist #dataSiteTree.Hori .SiteGroup_1 {
	    margin: unset;
		padding:5px;
		display:block;
	}
}


/*=======fix button=======*/
.button{
	position:fixed;
	right:0;
	top:45%;
    z-index: 9;
}
.button .meMsg_MsgListBlk .meMsg_MsgTitle {
border-radius: 30px 0px 0px 30px;
background: rgba(255, 255, 255, 0.90);
box-shadow: -10px 20px 40px 0px rgba(0, 0, 0, 0.10);
	padding:20px;
	margin-top:26px;
}
.button .meMsg_MsgListBlk .meMsg_MsgTitle img{
	 width: 40px;
    height: 40px;
    object-fit: cover;
}
@media (max-width:768px){
	.button{
        top: 12px;
        right: 5%;
        transform: translate(5%, -4%);
	}
	.button .meMsg_MsgListBlk {
		display:flex;
	}
	.button .meMsg_MsgListBlk .meMsg_MsgTitle{
		border-radius: 50%;
		padding:10px;
		margin-top:0;
		margin-left: 22px;
	}
	.button .meMsg_MsgListBlk .meMsg_MsgTitle img{
	   width: 30px;
	   height: 30px;
	}
}

/*--Footer--*/
#ns_Footer{
	/*height:448px;
	position:relative;
	overflow:hidden;
	background: linear-gradient(0deg, #00368B 14.84%, #3D6AB2 99.6%);
	padding: 65px 55px 85px 55px;*/
    padding: 120px 20px 90px 20px;
    background-image: url(https://athena.noon360.com/noon360/yehliu/PageInfo/bgg_20250519_15331567.jpg);
    background-size: cover;
}

/*#ns_Footer::before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:80%;
	width:100%;
	background:linear-gradient(0deg, #00368B 14.84%, #3D6AB2 99.6%);
	z-index:0;
}*/

.ns_FooterR2{
	position:relative;
	/*background-image:url("https://athena.noon360.com/noon360/yehliu/MsgInfo/LandingPage52_20250423_22353622.png");*/
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
}
#ns_Footer5{
	position:relative;

}
.footerlogo .meMsg_MsgTitle{
	display:none;
}
.footerlogo .meMsg_MsgBlk .meMsg_Content{
	color: #FFF;
	font-family: Roboto;
	font-size: 19.2px;
	font-weight: 400;
	line-height: 28.8px; /* 150% */
	text-transform: capitalize;
	padding-top:30px;
}

/*.id_FooterR1 .nsDock{
	padding:20px;
} */

/*#id_Footer > tbody > tr{
	display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
    width: 100%;
}*/
/*#id_FooterRight{
	width:100%;
}*/
.forManager{
	padding-top:30px;
}
.forManager .meMsg_ItemTitle{
	/*text-align:right;*/
	font-size:12px;
	line-height:120%;
	color:#fff;
}
.partnerlogo .meMsg_MsgListBlk {
	display: flex;
   justify-content: end;
	gap:40px;
}
/*@media (max-width: 1200px) {
	#id_FooterRight{
		margin-bottom:auto;
	}
}*/
@media (max-width: 768px) {
	/*.ns_FooterR2{
		background-image:unset;
	}
	#id_FooterLeft {
		width:100%;
   	height:100%;
      justify-content: center;
      align-items: center;
      display: flex;
		background-image: url("https://athena.noon360.com/noon360/yehliu/MsgInfo/Slice 4_20250424_15215059.png");
		background-size:cover;
		background-repeat:no-repeat;
}
	#id_Footer > tbody > tr{
		justify-content: unset;
      flex-direction: column-reverse;
	}*/
	.footerlogo .meMsg_MsgTitleBlk .meMsg_ImgTD,
	.footerlogo .meMsg_MsgBlk .meMsg_Content{
		text-align:center;
	}
	.partnerlogo .meMsg_MsgListBlk {
	   justify-content: center;
	}
	.forManager .meMsg_ItemTitle{
		text-align:center;
	}

	.partnerlogo .itemMsgList {
	    width: 50%;
	}
	
	.partnerlogo .itemMsgList img {
	    width: 100%;
	}
}

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



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

@media (max-width: 768px) {

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

/*--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開始-------------------------------------------------------------------------*/
/*.logo {
    margin-top: 10px;
    box-sizing: border-box;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    top: 10px;
}*/
#ns_Header .logo img {
    display:none;
}

.language .meMsg_MsgList .listMsgList{
	 height:unset;
}

#dataSiteTree.Hori .SiteMenu_0{

}


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

}

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


/* ============ banner 開始 ============ */
.banner img{
	width:100%;
}
.banner .slick-dots{
	bottom:10%;
}
.banner .slick-dots li button:before{
	font-size:10px;
	color:#fff;
}
.banner .slick-dots li.slick-active button:before{
	color:#fff;
}

/*輪播箭頭*/
body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-next,
body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-prev,
body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-next:hover,
body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-prev:hover{	 
	 width: 50px;
	 height: 50px;
    border-radius: 50%;
    background: none;
    background-color: #D9D9D9;
    z-index: 2;
    opacity: 1;
}

body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-next:hover,
body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-prev:hover {
    opacity: 0.7;
}

.banner .meMsg_MsgListBlk .slick-next:before,
.banner .meMsg_MsgListBlk .slick-prev:before{
    content: '';
    width: 20px;
    height: 30px;
    display: block;
    background-image: url(https://athena.noon360.com/noon360/yehliu/MsgInfo/next_20250426_17191763.png);
	 background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner .meMsg_MsgListBlk .slick-prev:before{
    background-image: url(https://athena.noon360.com/noon360/yehliu/PageInfo/back_20250426_15493375.png);
}

.slick-prev:before,
.slick-next:before{
    opacity: 1; 
}

body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-next{
    right: 20px;
}

body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-prev{
    left: 20px;
}

@media (max-width:768px){
	.slick-slide img{
        height: auto;
        object-fit: cover;

	}

	body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-next,
	body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-prev,
	body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-next:hover,
	body #ns_Wrapper .banner .meMsg_MsgListBlk .slick-prev:hover{
		display:none!important;
	}

	.slick-track:before, .slick-track:after {
	    content: none!important;
	}


}

/* ============ banner 結束 ============ */


/*ios手機版下滑header無滿版問題*/
.banner {
    padding-top: 75px;
    display: block;
    width: 100%;
}

@media (max-width:768px){
	.banner{
	    padding-top: 69px;
	}
}

#ns_Header {
    /*display: block;*/
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
}

@media (max-width:768px){
	.logo img {
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	}
}

/*手機版banner旁有兩條空白問題*/
@media (max-width:768px){
	.slick-slider .slick-list{
		width: 100%;
	}
}

@media (max-width: 700px) {
    #id_Menu {
        margin-bottom: 0px;
        display: block;
    }

#id_Menu > tbody,
#id_Menu > tbody tr,
#id_Menu > tbody tr td{
    width: 100%;
    display: block;

}
}

/*coming soon footer上方白線問題*/
/*#ns_Footer::before {
	 content: "";
    background-image: url(https://athena.noon360.com/noon360/yehliu/MsgInfo/LandingPage52_20250423_22353622.png);
    display: block;
    width: 100%;
    height: 448px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
}*/

/*footer改版*/
.footerLogo {
    max-width: 440px;
}

.footerLogo img {
    width: 100%;
}

.yehliu .meMsg_ItemTitle {
    color: #fff;
}

.yehliu .listMsgList {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

@media (max-width: 768px){
	 #id_Footer > tbody > tr {
		  display: flex;
        flex-direction: column;
    }

	#id_FooterLeft,
	#id_FooterRight {
	    width: 100%;
	}

	.footerLogo{
	    margin: 0 auto;
	    margin-bottom: 40px;
	}

	.yehliu .listMsgList{
	    justify-content: center;
	}

}


/*rwd時語言切換卡到問題*/
@media (max-width: 840px){
	.treelist{
	    top: 28px;
	}

.en .language.language_Mob, .jp .language.language_Mob, .kr .language.language_Mob {
    top: 70px;
}


}