@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif+SC:wght@200..900&family=Noto+Serif+TC:wght@200..900&family=Oswald:wght@200..700&display=swap');
@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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif+SC:wght@200..900&family=Noto+Serif+TC:wght@200..900&family=Oswald:wght@200..700&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');
}

/*\\\\\\\\\\\\\\\\\\\\\\無障礙定義 尚未調整成雲林\\\\\\\\\\\\\\\\\\\\\\\\\\*/
:root {

    /* ---color區--- */
    --theme-color: #7B0308;
    --dark-theme-color: #570E15;
    --sub-theme-color: #EFEEE9;
    --main-body-color: #fdfdfd;
    --prd-col-color: #000;
    --copyright-color: #5d735e;
    --footer-color: #D3D0CB;
    /* 灰階 */
    --black: #1c1c1c;
    --grey-darker: #595959;
    --grey-dark: #757575;
    --grey-light: #ababab;
    --grey-lighter: #c0c0c0;
    --grey-lightest: #D9D9D9;
    --white: #fdfdfd;
    /* ---font區--- */
    --chinese-font: 'Noto Sans TC', sans-serif;
    --second-chinese-font: 'Noto Serif TC', serif;
    --number-font: 'Inter';
    --english-font: "";
    --smaller-font-size: .8125rem;
    /* 13 */
    --small-font-size: .875rem;
    /* 14 */
    --regular-font-size: 1rem;
    /* 16 */
    --big-font-size: 1.125rem;
    /* 18 */
    --bigger-font-size: 1.5rem;
    /* 24 */
    --h4-font-size: 1.3125rem;
    /* 21 */
    --h3-font-size: 1.75rem;
    /* 28 */
    --h2-font-size: 2rem;
    /* 32 */
    --h1-font-size: 2.5rem;
    /* 40 */
    /* ---width區--- */
    --max-width: 1440px;
    /* ---客服中心--- */
    --help-title-color: #766659;
    --help-theme-color: #a97918;
    /* ---會員中心--- */
    --memtab-filter-color: invert(55%) sepia(88%) saturate(6868%) hue-rotate(341deg) brightness(49%) contrast(121%);
    /* 改ICON色 */
    /* ---線上商城--- */
    --prd-width: 200px;
    /* 商城一個商品的大小 */
}

:root:has(.en, .fr) {
    /* ---font區--- */
    --smaller-font-size: .8125rem;
    /* 13 */
    --small-font-size: .875rem;
    /* 14 */
    --regular-font-size: .9375rem;
    /* 16 > 15 */
    --big-font-size: 1.0625rem;
    /* 18 > 17 */
    --bigger-font-size: 1.375rem;
    /* 24 > 22 */
    --h4-font-size: 1.1875rem;
    /* 21 > 20*/
    --h3-font-size: 1.625rem;
    /* 28 > 26 */
    --h2-font-size: 1.75rem;
    /* 32 > 28 */
    --h1-font-size: 2.25rem;
    /* 48 > 44 */
}




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

html, body { /*background:#FBFAF8;*/ background:#fff;  border:0px;  font-size: var(--regular-font-size); font-family: 'Noto Sans TC', 'Roboto', 'Open Sans', sans-serif; margin:0; padding:0;  width:100%; -webkit-font-smoothing: antialiased;   line-height: 170%; color: #333; letter-spacing: 1px;   }
* { box-sizing: border-box; }
table { width:100%; }
img { vertical-align:middle; }
a { text-decoration:none; }
a:hover { font-weight: bold; text-decoration:none; }


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

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

/*--1桌面區塊--*/
#ns_Wrapper { width:100%; text-align:left;  padding:0px; }
.ns_WrapperR1, .ns_WrapperR3, #ns_Wrapper4, #ns_Wrapper6 { display:none; }

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


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

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


#id_HeaderCol{ width:100%; }
/*天三*/
#id_HeaderCol3 .nsDock {
    text-align: center;
    vertical-align: middle;
}

/*--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: #6f9a79; /*綠色版本*/
/* background-color: #A1CFE8; */  /*天空藍*/
    padding: 0px 0 130px;
    position: relative;
    margin: 130px 0 0 0;
}

#ns_Footer:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 100%;
    height: 125px; 
    background: url(https://athena.noon360.com/noon360/yunlin/WeForm/jane_noonspace.com_125011.sdir/Frame000004456_20251221_14390747.png);/*綠*/
   /* background: url(https://athena.noon360.com/noon360/yunlin/MsgInfo/Frame2000004448_20251123_22243672.png);天空藍*/
    background-size: cover;
    background-position: center top;
}

.ns_FooterR1, .ns_FooterR3, #ns_Footer4, #ns_Footer6 { display:none; }
#id_Footer { width:100%; }

/*地 三塊*/

.id_FooterR3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
        padding: 0 20px;
}

.FooterLeft3,
.FooterCenter3,
.FooterRight3{
    width: 33.3%;
}

@media (max-width: 768px) {
.id_FooterR3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.FooterLeft3,
.FooterCenter3,
.FooterRight3 {
    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開始-------------------------------------------------------------------------*/

#id_HeaderLeft3 .meLogoBlock {
	position: absolute;
   top: 24px;
   left: 44px;
	z-index:6;
}
#id_HeaderCenter3 > div:first-child{
	position: absolute;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   left: 50%;
   height: 100%;
   top: 50%;
   transform: translate(-50%, -50%);
	z-index:5;
}
body #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after{
	content:unset;
}
.NkNavList .arrow-icon{
	display:none;
}
.NkNavList #dataSiteTree.Hori *{
	font-family: Inter;
   font-size: var(--regular-font-size);
   font-weight: 500;
}
.SiteGroup_1 .ClassName:hover{
	color:#5c9666;
}

@media (max-width: 768px) {
	#id_HeaderLeft3 .meLogoBlock {
		position: absolute;
	   left: 50%;
	   top: 50%;
	   transform: translate(-50%, -50%);
		z-index:6;
	}
   #ns_Footer .meSiteTree {
    /*  display: none; 
      position: absolute;
		left: 0;
      height: 100vh;
      transform: translate(0%);
      top: 0;
      width: 100%;*/
   }
	body .awBtnMenuDiv{
		z-index:999;
		display:block;
		background:unset;
	}
	#ns_Header .SiteMenu_0{
	    display: flex;
	    flex-direction: column;
	}
	body #dataSiteTree.Hori .SiteGroup_1{
		margin:0;
	}
	body #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1{
		position:unset;
		border:unset;
		width:unset;
	}
	body #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 .SiteNode_2{
		border-bottom:1px solid #6f9a79;
	}
	.meus_NkMiniSiteAndPrdNav #dataSiteTree.Hori *{
		font-size:20px;
	}
	.meus_NkMiniSiteAndPrdNav #dataSiteTree.Hori .SiteMenu_1 .ClassName{
		font-size:18px;
	}
	.meus_NkMiniSiteAndPrdNav #dataSiteTree.Hori .SiteNode_1{
		border-bottom:1px solid #6f9a79;
		padding:12px 0px 12px 12px;
		display: flex;
	}
	.meus_NkMiniSiteAndPrdNav .SiteNode_1 .ClassName{
		color:#6f9a79;
	}
	body .meus_NkMiniSiteAndPrdNav .tab-content{
		padding:0;
	}
	.meus_NkMiniSiteAndPrdNav #dataSiteTree.Hori .SiteNode_2 a{
			padding:12px 0px 12px 12px;
	}
	.meus_NkMiniSiteAndPrdNav .arrow-icon-span{
		margin-left:auto;
		padding-right:50px;
		transform:unset;
	}
	body .awBtnMenuDiv .line1,
	body .awBtnMenuDiv .line2,
	body .awBtnMenuDiv .line3,
	body .awBtnMenuDiv .line4{
		padding-bottom:3px;
	}
}


/*自訂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開始-------------------------------------------------------------------------*/




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

}

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

/*========== fixButton==========*/
.fixButton{
	position:fixed;
	right:0%;
	top:20%;
   z-index: 3;
}
.fixButton img {
    width: 30px;
    object-fit: contain;
}
.fixButton .itemMsgList {
    background: #5b9f0c;
    padding: 10px;
    margin: 10px 0;
    border-radius: 50%;
}
/*============新版文章list info banner =============*/


/*=====bannerList======*/
.bannerList {
    position: relative;
}
.bannerList .meMsg_MsgMain{
    height: 350px ;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}
body .bannerList .meMsg_MsgTitle {
    vertical-align: bottom;
    color: #fff;
    width: 3.5em;
    height: 3.5em;
    text-align: center;
    font-size: var(--h1-font-size);
    line-height: initial;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    column-count: 2;
    column-gap: 2em;
    word-break: keep-all;
    overflow-wrap: normal;
    display: flex !important; /*交通業編輯css層級太多只好用蓋的*/
    justify-content: center;
    align-items: center;
    font-family: "Noto Serif TC";
    font-weight: 600;
}
.bannerList .meMsg_MsgTitle:before {
    content: "";
    position: absolute;
    inset: -0.5em;
    border-radius: 50%;
    background: conic-gradient(from 128deg, currentColor 0deg 275deg, /* 有線條的區段 */ transparent 352deg 366deg /* 斷開的區段 */);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 0.14em), #000 calc(100% - 0.12em));
    mask: radial-gradient(farthest-side, transparent calc(100% - 0.14em), #000 calc(100% - 0.12em));
}
.bannerList .meMsg_MsgTitle:after {
    content: "";
    position: absolute;
    background: currentColor;
    transform: rotate(30deg);
    border-radius: 0.1em;
    width: 1.4em;
    height: 0.13em;
    right: -1.2em;
    bottom: -0.06em;
}
.bannerList img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
@media (max-width: 768px) {
.bannerList .meMsg_MsgMain {   
   height: 270px;
   background-attachment: local;
}
.bannerList .meMsg_MsgTitle {
    font-size: 1.75rem;
}

}



/*====banenrInfo======*/
.bannerInfo {
    overflow: hidden;
    height: 120px;
}
.bannerInfo .meMsg_MsgMain{
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.bannerInfo .meMsg_MsgBlk {
    display: flex;
    gap: 20px;
    align-items: center;
    height: 100%;
    padding: 0 20px;

}
.bannerInfo .meMsg_MsgBlk  img {
    width: 100%;
    height: 65px;
    background: #fff;
    border-radius: 40px;
    padding: 20px;
}
.bannerInfo .meMsg_MsgTitle {
    font-size: 2rem;
    color: #fff;
    font-family: "Noto Serif TC";
    font-weight: 600;
    line-height: normal;
}
@media (max-width: 768px) {
.bannerInfo .meMsg_MsgMain{
   background-attachment: local;
}}


/*=============滑動＋放大鏡背景 專用的banner===============*/
body .jayTxtBackgroundImageParallaxCtrlClass .txtBlk .meMsg_MsgImg::after{
	content:"";
	background-image:url(https://athena.noon360.com/noon360/yunlin/MsgInfo/Frame1000004441_20251113_14134170.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:49px;
	height:5px;
   bottom: 28px;
   right: -49px;
	position:absolute;	
}
.BannerTxt div[align="left"]{
	position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding-right: 5px;
}
.BannerTxt .meMsg_MsgTitle{
	color: #FFF;
    font-size: var(--h1-font-size);
   font-weight: 500;
    line-height: 48px;
   letter-spacing: 7.8px;
   text-align: center;
   font-family: "Noto Serif TC";
}

.BannerTxt img {
    width: 100%;
    height: 200px;

}

body .jayTxtBackgroundImageParallaxCtrlClass .meMsg_MsgBlk img{
    width: 300px;
    max-width: 210px;
}

/*======QA=======*/
body .NewsFile img{
    display: none;
}

/*====服務中心  tab切換====*/ 
.serveTab {
    margin: -30px 20px 0;
    z-index: 2;
    position: relative;
}
.serveTab .meMsg_MsgMain {
    max-width: 60%;
    margin: auto;
}
.serveTab .listMsgList {
    display: flex;
    flex-wrap: wrap;
    border-radius: 37px;
    background: #FDFEFE;
    box-shadow: 0 4px 60px 0 rgba(0, 0, 0, 0.15);
    margin: auto;
}
.serveTab  .listMsgList .itemMsgList {
    flex: 1 1 calc(25% - 20px);
    text-align: center;
    min-width: 150px;
    padding: 20px 0;
    margin: 10px;
}

.serveTab .listMsgList .itemMsgList:hover {
    background: #6aba10;
    border-radius: 30px;
}
.serveTab .meMsg_ItemTitle {
    padding: 10px 10px;
    display: block;
    font-family: "Noto Serif TC";
    font-size: var(--regular-font-size);
color: #000;
}

.serveTab .listMsgList .MsgListBlk_4 {/*導覽人員暫時隱藏*/
    display: none;
}

@media (max-width: 768px) {
.serveTab{
    margin: -20px 20px 0;
}
.serveTab .meMsg_MsgMain{
    max-width: 90%;
    margin: auto;
}
.serveTab  .listMsgList .itemMsgList{
    padding: 0;
    flex: 1 1 calc(40% - 20px);
        min-width: auto;
}}

/*============logo================*/
.logo .meMsg_MsgTitle {
    display: none;
}
#ns_Header .logo .AlignCenter img {
    width: 100%;
    max-width: 100px;
	max-height:56px;
}

#ns_Footer .logo img{
    width: 100%;
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
    filter: brightness(10);

}


/*============footer系列 help================*/
.help {
    max-width: 50%;
    margin: auto;
}
.help .SiteItem_0 {
    display: none;
}
.help .SiteGroup_1{
    border-bottom: 1px solid #fff;
    padding: 5px;
}
.help .SiteGroup_1 .SiteNode .ClassName{
    display: block;
    text-align: center;
    color: #fff;
    font-size: var(--regular-font-size);
    font-family: "Noto Serif TC";
    font-weight: 700;
}

.help #dataSiteTree .SiteNode_1,
.help #dataSiteTree .SiteNode_x1 {
    padding-left: 0;
}

/*====footer系列 community /meCopyrightBlock ====*/
.community {
    padding: 0 0 20px;
    max-width: 325px;
    margin: auto;
}
.community img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.community .meMsg_ItemTitle {
    text-align: center;
    display: block;
    color: #fff;
}
.meCopyrightBlock .meMsg_ItemTitle {
    color: #fff;
}
@media (max-width: 768px) {
.meCopyrightBlock{
    text-align: center;
}}




/*====================socialBar begin (以下為導覽列右側icon )==========*/
.socialBar img {
    height: 35px;
}
/*socialBar end*/

/**購物車icon begin**/
.shopBlk {
    position: relative;
}
.ShopCartNumQty {
    position: absolute;
    color: #fff;
    font-weight: 500;
    top: -10px;
    right: -7px;
    background: #f44336;
    border: 1px solid #f44336;
    border-radius: 16px;
    width: 22px;
    height: 22px;
    padding-top: 1px;
    text-align: center;
    display: block;
    line-height: 130%;
    letter-spacing: 0;
    font-weight: bold;
}
.ShopCartNumQty .ShopCartNumPlus {
    color: #000;
    position: absolute;
    top: -9px;
}
@media (max-width: 768px) {
.ShopCartNumQty {
    top: -12px;
    right: -5px;
}
}
/**購物車icon end**/

/* 選單區塊 */
.menuBlk {
    padding: 0 5px;
}
.menuBlk .meMsg_MsgMainTd {
    cursor: pointer;
}
.menuBlk .btnMenuDiv {
    position: relative;
    width: 20px;
    height: 25px;
    box-sizing: border-box;
    background: unset;
    margin-left: 0;
}
.menuBlk .btnMenuDiv .line1 {
    top: 6px;
    right: 0px;
    position: absolute;
    width: 100%;
    padding-bottom: 2px;
    background-color: #ffffff;
    box-sizing: border-box;
	 border-radius: 1px;
    transition: .4s;
}
.menuBlk .btnMenuDiv .line2 {
    top: 13px;
    right: 0px;
    position: absolute;
    width: 70%;
    padding-bottom: 2px;
    background-color: #ffffff;
    box-sizing: border-box;
	 border-radius: 1px;
    transition: .4s;
}
.menuBlk .btnMenuDiv .line3 {
    top: 13px;
    right: 0px;
    position: absolute;
    width: 70%;
    padding-bottom: 2px;
    background-color: #ffffff;
    box-sizing: border-box;
	 border-radius: 1px;
    transition: .4s;
}
.menuBlk .btnMenuDiv .line4 {
    top: 19px;
    right: 0px;
    position: absolute;
    width: 70%;
    padding-bottom: 2px;
    background-color: #ffffff;
    box-sizing: border-box;
	 border-radius: 1px;
    transition: .4s;
}

.menuBlk .btnMenuDiv.rotate .line1 {
	opacity:0;
}
.menuBlk .btnMenuDiv.rotate .line2 {
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.menuBlk .btnMenuDiv.rotate .line3 {
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	
}
.menuBlk .btnMenuDiv.rotate .line4 {
	opacity:0;
}

.menuBlk .listMsgAdv {
    display:none; 
    z-index: 9999;
    top: 55px;
    position: absolute;
    right: 0;
    box-sizing: content-box;
	 background: #000;
}
.menuBlk .listMsgAdv .meMsg_MsgTitle  {
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    display: block;
    width: 100%;
	 border-bottom: 1px solid #979797;
}

.menuBlk .listMsgAdv .meMsg_ItemTitle {
}
.menuBlk a:hover {   color: #d66831; }
.menuBlk a:last-child {  width: 200px;
    padding: 10px 15px;}
.menuBlk a {   color: #fff; 
	 padding-left: 10px;
    display: inline-block;}

/*--線上商城右邊選單--*/
#ns_Header .meDivList.FunBarNo1 .meMsg_MsgListBlk {
    position: relative;
	 z-index:6;
}
#ns_Header .meDivList .itemDivList,  .FunBarNo1 .itemDivList  {
    vertical-align: middle;
    padding: 0 15px 0 0;
}

/* 線上訂購區塊 */
.orderBlk img {
    width: auto;
    height: 20px; 
}

/* 聯絡我們區塊 */
.contactBlk .meMsg_MsgBlk img {
    height: 20px;
    width: auto;
}
/* --------- 會員中心樣式 BEGIN --------- */

/* 第三方按鈕列 */

body #line .lineBtn {
    height: 45px;
}

.fbLogin a {
    background: #3b589e;
    border-bottom: 2px solid #2a478d;
    color: var(--white);
    font-size: 1rem;
    font-weight: bold;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    display: block;
}

/* 字體大小統一 */

#line .btnLineLogin {
    font-size: 1rem;
    background-position: 40px 3px;
    padding: 0 0 0 37px;
    width: 100%;
    line-height: 45px;
}

#facebook .meMsg_MsgTitle {
    font-size: 1rem;
}

#apple .meMsg_MsgTitle {
    font-size: 1rem;
}

/* 基本 */

.thirdPartyBtn .meMsg_MsgListBlk.listDivList {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(2, 45%);
    column-gap: 8px;
    row-gap: 8px;
    justify-content: center;
}

.phpShopLogin .thirdPartyBtn .meMsg_MsgListBlk.listDivList {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0px;
}

.isSafari .thirdPartyBtn .gpLogin iframe {
    margin-left: -10px !important;
}

.thirdPartyBtn .gpLogin {
    overflow: hidden;
    border-radius: 4px;
}

@media screen and (max-width: 768px) {
    .thirdPartyBtn .meMsg_MsgListBlk.listDivList {
        grid-template-columns: repeat(1, 1fr);
    }

    /*.thirdPartyBtn .gpLogin iframe {
	    margin-left: -10px !important;
	}*/

    .phpShopLogin .thirdPartyBtn .meMsg_MsgListBlk.listDivList {
        grid-template-columns: repeat(1, 70%);
    }
}

@media screen and (max-width: 600px) {
    .phpShopLogin .thirdPartyBtn .meMsg_MsgListBlk.listDivList {
        grid-template-columns: repeat(1, 340px);
        row-gap: 8px;
    }
}

@media screen and (max-width: 480px) {
    .thirdPartyBtn .loginSBTN {
        max-width: 325px;
        margin: 0 auto;
    }

    /*.thirdPartyBtn .gpLogin iframe {
        margin-left: -15% !important;
    }*/

    #meBtn {
        padding: 30px 12px;
    }
}

/* GOOGLE登入按鈕 */

.googleBtn>div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.loginSBTN.gpLogin {
    background-color: #202124;

}

.loginSBTN.gpLogin:hover, 
.loginSBTN.gpLogin:focus-within {
    background-color: #555658;
}

@media(min-width:768px) {
    .thirdPartyBtn .gpLogin iframe {
        transform: translate(-60px, 0px);
    }

    .isSafari .thirdPartyBtn .gpLogin iframe {
        transform: translate(0px, 0px);
    }

}



/* APPLE登入按鈕 */

.appleLogin.loginSBTN .meMsg_MsgTitle {
    background-color: #FFF;
    border: 1px solid #333;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.6px;
    line-height: 44px;
}

.appleLogin.loginSBTN .meMsg_MsgTitle:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(https://athena.noon360.com/noon360/yunlin/MsgInfo/apple-logo_20251211_18270443.svg);
    background-position: 50% 50%;
    background-size: 15px;
    background-repeat: no-repeat;
    padding-right: 12px;
}
#appleid-signin {
    display: none;
}
/* --------- 會員中心樣式 END --------- */
.txt_TopMenuLogin{
    font-family: "Noto Serif TC";
}

/* 會員區塊 */
.memberBlk .meMsg_MsgMainTd{
	cursor:pointer;
}
.memberBlk .meMsg_MsgBlk .meMsg_MsgTitle {
    display: inline-block;
    margin-left: 10px;
    color: #000;
    margin-bottom: 0;
    border: 0;
    padding: 0;
}

.memberBlk a {   color: #fff; display: inline-block; 
	 padding: 10px 0;
	 padding-left: 10px;}
.memberBlk a:hover {   color: #d66831; }
.memberBlk a.aTopMenuLoginLogout,.memberBlk a:last-child {  width: 200px;}

.memberBlk .meMsg_MsgBlk .meMsg_ImgTD, .memberBlk .meMsg_MsgBlk .meMsg_TxtTD { vertical-align: middle; }
.memberBlk .meMsg_MsgList {
    display: none;
    z-index: 9999;
    top: 39px;
    position: absolute;
    right: 0;
    box-sizing: content-box;
    background: #221f26;
}
.memberBlk .meMsg_MsgListBlk, .memberBlk tbody, .memberBlk tr, .memberBlk span{
	display:block;
}
.memberBlk .meMsg_MsgContentBlk img {
    width: auto;
    height: 20px;
} 
.memberBlk .meMsg_MsgTitle {
    margin: 0 auto;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    display: flex;
    width: 100%;
}
.memberBlk .listMsgAdv .meMsg_ItemTitle {
}
.memberBlk .MsgListBlk_2 #idMenuLoginLogout {  display: inline-flex;}
.memberBlk .MsgListBlk_2 #idMenuLoginLogout:before {
    content: url(https://athena.noon360.com/noon360/noon360/PageInfo/wperson_outline.svg);
    height: 100%;
    padding: 10px 0;
    padding-left: 11px;
    width: 26px;
}

/*====登入====*/
.txt_JoinNow {
    display: block;
}
/*===會員中心標題===*/
body .membercenter-headline .meMsg_MsgBlk .meMsg_MsgTitle {
   font-size: var(--bigger-font-size);
    line-height: 120%;
    margin-top: 50px;
    margin-bottom: 40px;
    margin: 30px 0px;
    display: block;
    color: #5b9f0c;
}


/*=====收藏按鈕=========*/
.faveBtnArea {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.favorite-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background-color: #FF9500;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(255, 149, 0, 0.3);
    width: 121px;
    height: 62px;
    box-sizing: border-box;
    justify-content: center;
}

.favorite-button:hover {
    background-color: #e68600;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 149, 0, 0.4);
}

.favorite-button:active {
    transform: scale(0.95);
}

.favorite-button.favorited {
    background-color: #FBFAF8;
    border: 2px solid #FF9500;
}

.favorite-button.favorited:hover {
    background-color: #f0efe8;
}

.heart-icon {
    width: 20px;
    height: 16px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.favorite-button.favorited .heart-icon {
    animation: heartBeat 0.3s ease;
}

@keyframes heartBeat {
    0%, 100% { transform: scale(1); }
    25% { transform: scale(1.2); }
    50% { transform: scale(0.95); }
}

.heart-icon path {
    transition: fill 0.3s ease;
}

.favorite-button.favorited .heart-icon path {
    fill: #FF9500;
}

.button-text {
    color: #FBFAF8;
    font-size: 16px;
    font-weight: 700;
    font-family: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", sans-serif;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.favorite-button.favorited .button-text {
    color: #FF9500;
}
/*===========色系============*/
/*LoginForm*/
body .meCSS input[type=submit]{
     background: #6ABA01;
}
body .meCSS input[type=submit]:hover {
    background: #5b9f0c;
}

/*加入頁*/
.title2 .meMsg_MsgTitle {
    display: block;
    font-size: 1.5rem;
    font-family: Noto Sans TC;
    color: #6ABA01;
    text-align: center;
}

/*歡迎頁*/
body .HeaderArea .meMsg_MsgTitle{
    color: #6ABA01;
}
body .underBtn .meMsg_MsgTitle_2 a{
     background: #6ABA01;
}

/*登出*/
input.formButton {
    border: unset;
    background: #6ABA01;
    border-radius: 4px;
    padding: 10px 20px;
    color: #fff;
    font-size: var(--regular-font-size);
    font-weight: 500;
    cursor: pointer;
}
input.formButton:hover{
     background: #5b9f0c !important;
}
/*修改密碼*/
/*忘記密碼*/

/*會員資訊*/
input#btnQryRegRegister,
body .meCSS .meForm input[type=submit]{
     background: #6ABA01 !important;
}
input#btnQryRegRegister:hover,
body .meCSS .meForm input[type=submit]:hover{
     background: #5b9f0c !important;
}

/*優惠券*/
body .goGetCoupon a{
color: #5b9f0c;
    border: 1px solid #5b9f0c;
}
body .goGetCoupon a:hover {
    background: #5b9f0c;
    color: #fff;
    border: 1px solid #5b9f0c;
}
body .meShopOrderCouponChk .txt_CouponChkBtn, 
body .meShopOrderCouponChk .txt_ChkCodeBtn{
    color: #5b9f0c;
    border: 1px solid #5b9f0c;
}
.underBtn .meMsg_ItemTitle {
    color: #5b9f0c;
}

/*收藏*/
body .kvfave-empty-icon,


body .kvfave-category-item.active .kvfave-category-name,
body .kvfave-sidebar-title{
     color: #6ABA01;
}
body .kvfave-btn,
body .kvfave-category-item.active .kvfave-category-count{
     background: #6ABA01;
}
body .kvfave-btn:hover{
     background: #5b9f0c;
}
body .kvfave-category-item.active {
      background: rgba(45, 90, 69, 0.08);
}



/*===========色係結束============*/


body #back-to-top.BottomRight {
    bottom: 100px;
    right: 8px;
}




.appV { height: 30px; }


.app .meus_NkFabMenu { display: none; }
.app #gt_float_wrapper { display: none; !important }