@import url("https://noon360.com/mainssl/uploads/noon360/template/us_basic/style.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
#ns_Wrapper5 #ns_Header {
    background-color: #000;
    height: 90px;
    border-bottom: unset;
}
.meLogoBlock .AlignCenter {
    text-align: left;
}
.meLogoBlock img {
  width: 100%;
  max-width: 100px;
  position: absolute;
  z-index: 1;
  top: 31px;
  left: 22px;
}
#dataSiteTree.Hori *{
  color: #fff;
}
#dataSiteTree.Hori *:hover {
    color: #fff;
}
/*內用隱藏購物車*/
.cartNone .meMsg_MsgTitle_4 {
    display: none;
}

/*聯絡我們*/
#iWinTopDiv .contactUs .weForm span.btnUploadURL {
    background: #b7884b;
    color: #fff;
    border: 1px solid #b7884b;
}
#iWinTopDiv .contactUs .weForm .button[type=submit] {
    background: #b7884b;
    border-color: #b7884b;
}

/* 會員中心按鈕 */
.FunBarNo1 .meMsg_MsgTitle_3 .meMsgAdv .meMsg_MsgContentBlk {
	color: #fff;
   display: flex;
   align-items: center;
}
.FunBarNo1 .meMsg_MsgTitle_3 .meMsgAdv .meMsg_MsgContentBlk .meMsg_MsgSubTitle{
	margin-left: 5px;
   width: 68px;
}

@media (max-width:768px){
	#ns_Header .meDivList .itemDivList, .FunBarNo1 .itemDivList{
		padding: 0 10px 0 0;
	}
}
/*購物車按鈕*/
a.popupShopCartBtnSubmit.txt_PopupShopCartSubmit {
    background: #b7884b;
}


#ns_Footer {
    background: #362116;
	 margin-top:0;
}
#ns_Footer .socialBar img {
    filter: brightness(100);
}

body #ns_Main .FAQMenu1 {
    background: #333;
}
body #ns_Main .FAQMenu0 {
    background: #b7884b;
}


/*分類背景塗滿版*/
.food .TreeNode .ClassImg {
    width: 100%;
}

/*=================== 色系統一調整 ==================*/
/*線上訂位調整*/
.bookform .weForm .bookbtn input:read-only {
    background: #b7884b;
    color: #fff;
}
.bookform .weForm .bookbtn input:read-only:hover {
    background: #333;
    color: #fff;
}
body .iWinBody .btn-list input[type="button"] {
    background: #b7884b;
    color: #fff; 
}

/*餐飲PrdList調整*/
body .food .ClassName {
    background: rgb(255 255 255 / 90%);
    color: #b7884b;
}
.phpPrdList .stepbtn .itemMsgList {
    color: #b7884b;
    border-color: #b7884b;
}
.phpPrdList .stepbtn .itemMsgList a {
    color: #b7884b;
    border-color: #b7884b;
}

/*電商PrdList_購物按鈕*/
body #ns_Main .PrdList .SaleBtn1, body #ns_Main .PrdList .SaleBtn2, body #ns_Main .PrdList .SaleBtn3 {
    background: #b7884b;
    border: 1px solid #b7884b;
    color: #fff;
}
body #ns_Main .PrdList .SaleBtn1:hover, body #ns_Main .PrdList .SaleBtn2:hover, body #ns_Main .PrdList .SaleBtn3:hover {
    background: #333;
    color: #fff;
}
/*PrdList_左側分類*/
#id_ColLeft_1 .mePrdTree .TreeNode_2 {
    color: #000;
    background: #fff;
    /*border-top: 1px solid #b7884b;*/
}
#id_ColLeft_1 .mePrdTree .TreeGroup_2:last-child {
    border-bottom: 1px solid #b7884b;
}
#id_ColLeft_1 .mePrdTree .TreeNode_2:hover {
    color: #fff;
    background: #b7884b;
}
#id_ColLeft_1 .mePrdTree .TreeNode_2:hover .ClassName {
    color: #fff;
}
#id_ColLeft_1 .dataPrdTree .TreeNode_2:hover {
    background: #b7884b;
}
#id_ColLeft_1 .dataPrdTree .TreeNode_2:hover .ClassName {
    color: #fff;
}


/*PrdInfo_購物按鈕*/
body #ns_Main .PrdInfo .SaleBtn1, body #ns_Main .PrdInfo .SaleBtn2, body #ns_Main .PrdInfo .SaleBtn3 {
    border: 1px solid #b7884b;
    /*color: #333;*/
    background-color: #FFF;
}
body #ns_Main .PrdInfo .c5Buy {
    border: 1px solid #b7884b;
    color: #fff;
    background-color: #b7884b;
}
/*PrdInfo_規格按鈕*/
body .divPrdInfo .tablePrdSpec .liOpt.isClk,
body .divPrdInfo .tableClassSpec .liOpt.isClk {
    background: #b7884b;
}
body .divPrdInfo .tablePrdSpec .optname,
body .divPrdInfo .tableClassSpec .optname {
    color: #fff;
    background: #000;
}
body .divPrdInfo .tablePrdSpec .optname:hover,
body .divPrdInfo .tableClassSpec .optname:hover {
    color: #fff;
    background: #b7884b;
}
body .divPrdInfo .tablePrdSpec .liOpt.isClk .optname,
body .divPrdInfo .tableClassSpec .liOpt.isClk .optname {
    color: #fff;
    background: #b7884b;
}
body .divPrdInfo .tablePrdSpec .liOpt.disabled .optname,
body .divPrdInfo .tableClassSpec .liOpt.disabled .optname {
    color: #fff;
}


/*ShopCart*/
body #ns_Main .BtnTable .BtnInput .ShopInfoBtn {
    background: #b7884b;
    border-color: #b7884b;
    color: #fff;
	 padding: 9px 0;
    width: 180px;
    border-radius: 0;
}

@media (max-width:768px){
	body #ns_Main .BtnTable .BtnInput .ShopInfoBtn {
		width: auto;
	}
}

/*ShopLogin*/
body #ns_Main .tbLoginForm input[type="submit"]  {
    background: #b7884b;
    color: #fff;
}
body #ns_Main input.txt_ShopLoginQryPwd {
    border-color: #b7884b;
    color: #b7884b;
    margin-top: 20px;
}


/*ShopOrder*/
body #ns_Main input#btnCouponCode, body #ns_Main input.txt_btnChgCouponCode  {
    background: #b7884b;
    color: #fff;
}

body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(1) .StepItem0 .badge .text, body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(3) .StepItem0 .badge .text {
    background: #f5eacf;
}


/*查詢個人資訊_QryReg*/
body input#btnQryRegRegister {
    background: #b7884b;
    color: #fff;
}
body input#btnQryRegRegister:hover {
    background: #333;
    color: #fff;
}

/*修改個人資訊_RegForm*/
body .meCSS .meForm input[type=submit] {
    background: #b7884b;
    color: #fff;
}
body .meCSS .meForm input[type=submit]:hover {
    background: #333;
    color: #fff;
}

/*訂單查詢_按鈕調整*/
body .BlockTD a, body .ShopInfoBtn21 {
    background: #b7884b;
    color: #fff;
}
body .BlockTD a:hover, body .ShopInfoBtn21:hover {
    background: #333;
    color: #fff;
}

/*訊息_按鈕調整*/
body .contactPageForm .weForm span.btnUploadURL {
    border-color: #b7884b;
    background: #b7884b;
    color: #fff;
}
body .contactPageForm .weForm span.btnUploadURL:hover {
    background: #333;
    color: #fff;
}
body .contactPageForm .weForm .button[type=submit] {
    border-color: #b7884b;
    background: #b7884b;
    color: #fff;
}
body .contactPageForm .weForm .button[type=submit]:hover {
    background: #333;
    color: #fff;
}

/*登入_LoginForm*/
body .meCSS input[type=submit] {
    background: #b7884b;
    color: #fff;
}
body .meCSS input[type=submit]:hover {
    background: #333;
    color: #fff;
}


/*範本設定 結束*/
/**LIFF 設定
body.isInLIFF:not(.phpManagerCenter) table#ns_Header {
    display: block;
}
body.isInLIFF:not(.phpManagerCenter) .HeaderLeft3, 
body.isInLIFF:not(.phpManagerCenter) .HeaderCenter3 {
    display: none;
}
body.isInLIFF:not(.phpManagerCenter) .FunBarNo1 .meMsgInfo:not(.orderBlk) {
    display: none;
}
body.isInLIFF:not(.phpManagerCenter) .FunBarNo1 .orderBlk {
    position: fixed;
    top: 15px;
    right: 15px;
}*/

@media (max-width:768px) {
body .treeList{
 margin-top: 0px;
 border-top: none;
 top: 72px;
 background: #000000;
 z-index: 3;
}}
/*首頁商品 購物車icon按鈕隱藏*/
body .ptPrdListBlkTab .PrdCtrl{    
  display: none;
}

@media (max-width:768px){
	.meLogoBlock img{
    max-width: 90px;
    top: 31px;
    left: 50%;
    transform: translate(-50%);
	}

	body #ns_Menu {
        margin-top: 0px;
    }

}

@media (max-width: 700px) {
    body #ns_Main {
        padding: 0;
    }
}

/*====icon=====*/
/*icon 開始*/
.contactBlk .meMsg_MsgBlk img, .memberBlk .meMsg_MsgContentBlk img, .orderBlk img, .JayEtSearchBarNo1V1-container .open-search-bar-btn img {
   filter: brightness(100);
}
.socialBar .meMsg_ItemURL_1, .socialBar .meMsg_ItemURL_2 , .socialBar .meMsg_ItemURL_3 , .socialBar .meMsg_ItemURL_4 {
  filter: brightness(100);
}

/*====漢堡線=====*/
body .awBtnMenuDiv{
    background: none;
}

/*===導覽列hover特效=====*/
.treeList #dataSiteTree.Hori .SiteGroup_1{
    padding: 17px 8px;
    margin: 0 10px;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
	 transition:border-bottom 0.4s ease;
}

.treeList #dataSiteTree.Hori .SiteGroup_1:hover{
    border-bottom: 13px solid #7C7C7C;
}

#dataSiteTree.Hori .SiteGroup_1:hover .SiteMenu_1,
#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1{
	left: 0;
   width: 140px;
   background: #7c7c7c;
   margin-top: 10px;
}

#dataSiteTree.Hori .SiteNode_2 a{
    border-bottom: none;
}

#dataSiteTree.Hori .SiteNode_2 a .ClassName{
	color: #fff;
   padding: 0 10px;
}

#dataSiteTree.Hori .SiteNode_2 a:hover .ClassName{
    color: #585757;
}

.treeList .dataSiteTree {
    height: 90px;
}

.treeList .SiteNode_T{
	display: none!important;
}

@media (max-width:768px) {
	body .treeList #dataSiteTree.Hori .SiteGroup_1{
    margin: 0px;
    padding: 10px 0;
	 border-top:none;
	 border-bottom:none;
	}

	.treeList #dataSiteTree.Hori .SiteGroup_1:hover {
    border-bottom: none;
	}

	#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1{
		position: relative;
	}

	#dataSiteTree.Hori .SiteGroup_1:hover .SiteMenu_1,
	#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1{
		width: 100%;
	}

	body #dataSiteTree.Hori .ClassName {
    padding-left: 10px;
    text-align: left;
	}

	.treeList .SiteMenu .SiteGroup_1:nth-of-type(3) {
    background-image: url(https://athena.noon360.com/noon360/emoer/MsgInfo/down-arrow_20250421_14050040.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 91% 18px;
	}

	#dataSiteTree.Hori .SiteGroup_1:hover .SiteMenu_1,
	#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1{
    margin-top: 0;
    padding: 10px 0;
	}

	#dataSiteTree.Hori .SiteGroup_1:hover .SiteMenu_1,
	#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1{
		background: #080808;
	}

}


/*=======零售=======*/
/*導覽列hover修改*/
body #ns_Main .FAQMenu0 {
  background: #EB5C45;
}

body #ns_Main .FAQMenu1 {
  background: #D64E3C;
}

/*商品分類導覽列Begin*/
#id_HeaderCol {
    width: 100%;
    background: #b7884b;
}
body .dataPrdTree .SiteNode_1, .dataPrdTree .SiteNode_x1 {
    padding-left: 25px;
    /* margin: 10px; */
    margin-top: 20px;
}
.dataPrdTree .SiteNode_1, .dataPrdTree .SiteNode_x1 {
    padding-left: 25px;
    margin: 10px;
}
#id_HeaderCol_2 .dataPrdTree .TreeNode_1 span.ClassName {
    text-overflow: clip;
    white-space: normal;
    word-break: keep-all;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #fff;
}
#id_HeaderCol_2 .dataPrdTree .TreeGroup_3 {
    padding: 10px;
    border-bottom: 1px solid #ededed;
    background: #fff;
}
body .meus_NkMiniSiteAndPrdNav .tab {
    flex-wrap: unset;
    overflow: hidden;
    border: none;
}
body .NkCategoryList .TreeGroup_2 {
    /*width: 120px;*/
}
body .arrow-icon {
    background-image: url("https://athena.noon360.com/noon360/lavod/MsgInfo/1263971230_20220623_11144825.png");
    background-size: 10px 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    transition: transform 0.2s ease-in;
    padding-left: 10px;
    filter: brightness(100);
}
.NkCategoryList .TreeNode_1>a>.ClassName {
    color: #fff;
}
/*分類小圖隱藏*/
.meus_NkMiniSiteAndPrdNav .prd-list .TreeNode img, .NkCategoryList .TreeNode img {
    display: none;
}
.NkCategoryList .TreeNode {
    text-align: center;
    padding: 10px 0;
}

@media (min-width: 768px){
.categoryList:not(.clone) .TreeMenu_1 {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    padding: 30px;
}
.categoryList:not(.clone) .TreeGroup_2 {
    width: 161px;
    padding-top: 10px;
}

/*電腦版分類顯示*/
body .NkCategoryList .TreeGroup_2.hasSubMenu>.TreeMenu {
    display: flex;
    justify-content: center;
}
#id_HeaderCol .dataPrdTree .TreeGroup_3 {
    padding: 0px;
    background: unset;
    width: auto;
    border: 0;
}
body .meus_NkMiniSiteAndPrdNav .prd-list .TreeNode_1>a>.ClassName, body .NkCategoryList .TreeNode_1>a>.ClassName {
    max-width: unset;
    padding: 0 10px;
}

}
@media (max-width: 768px) {
#id_HeaderCol3 .nsDock {
    width: unset;
}
body #dataSiteTree.Hori * {
    text-align: left;
    font-family: Noto Sans TC;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
}

body #dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 {
    padding-left: 0px;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

#dataSiteTree .SiteNode_1 a, #ns_Header #dataSiteTree .SiteNode_x1 a {
    font-size: 16px;
}
.meus_NkMiniSiteAndPrdNav .prd-list {
    flex-wrap: wrap;
    margin-top: 5px;
}
body .meus_NkMiniSiteAndPrdNav .prd-list .TreeNode_1>a>.ClassName, body .NkCategoryList .TreeNode_1>a>.ClassName {
    margin-left: unset;
    font-size: 16px;
    color: #fff;
}
.meus_NkMiniSiteAndPrdNav .prd-list .TreeMenu_1 .ClassName {
    margin-left: 15px;
    font-size: 16px;
    color: #fff;
}
.meus_NkMiniSiteAndPrdNav .TreeGroup_2 {
    padding-left: 25px;
    margin: 0;
}
body .meus_NkMiniSiteAndPrdNav .tab button.active {
    background-color: #b7884b;
    color: #fff;
}
body .meus_NkMiniSiteAndPrdNav .tab-content.active {
    display: block;
    background: #080808;
    border: none;
}
.meus_NkMiniSiteAndPrdNav .site-tree .ClassName, .NkNavList .ClassName {
    color: #fff;
}
body .meus_NkMiniSiteAndPrdNav .tab-content {
    flex: 1;
}
.meus_NkMiniSiteAndPrdNav .ClassDesc {
    display: none;
}
#ns_Header #dataSiteTree .SiteNode_1 a {
  padding: 10px 25px;
}
#ns_Header #dataSiteTree .SiteNode_1 a:before {
    content: '';
    position: absolute;
    height: 1px;
    border-left: 15px solid #bbbbbb;
    left: 0;
    top: 50%;
}


body .meus_NkMiniSiteAndPrdNav .prd-list .ClassName, .NkCategoryList .ClassName {
    font-size: 16px;
    color: #fff;
}
#content-1 #dataSiteTree.Hori .SiteGroup_1 {
    margin: 10px 0;
}


/*手機版隱藏零售分類*/
.meus_NkMiniSiteAndPrdNav .tab-content .TreeGroup_2.hasSubMenu .TreeNode_2 {
    display: none;
}
body .meus_NkMiniSiteAndPrdNav .tab-content .TreeGroup_2.hasSubMenu .TreeMenu_2 {
    display: block;
}

}
/*商品分類導覽列End*/

/*導覽列店家需求新版*/
@media (max-width: 768px) {
    #dataSiteTree.Hori .SiteNode_1, #dataSiteTree.Hori .SiteNode_x1 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-bottom: 1px solid #bbbbbb;
        padding: 10px 0;
    }
}

@media (max-width: 768px) {
    body .arrow-icon-span {
        position: absolute;
    }
}

.arrow-icon-span {
    position: static;
    top: 50%;
    right: 1px;
    transform: translate(0, -50%);
}
.arrow-icon {
    position: absolute;
    right: -15px;
    bottom: 5px;
}


@media (max-width: 768px) {
	body .arrow-icon {
    position: unset;
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
	}
	#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1{
    position: unset;
	}
	#dataSiteTree.Hori .SiteNode_2 a{
    border: unset;
	}
}

/*header版面調整*/
#id_HeaderCol3 .nsDock {
    width: unset;
}

#ns_Header #id_HeaderCol3 .nsDock:nth-child(1),
#ns_Header #id_HeaderCol3 .nsDock:nth-child(3) {
    width: 150px;
}

/*備註留言無法帶入 且有預設文字問題 與coupon先隱藏*/
#meMsg_974624_MsgListBlk_6,
#meMsg_974624_MsgListBlk_4 {
    display: none;
}


/*購物車修改*/
.ShopCartNumQty {
    background: #aa8740;
    border: 1px solid #aa8740;
}


/*線上訂位、現場候位細修*/
/*radio*/
@media (max-width: 768px){
	.weForm input[type="radio"] {
	    margin-right: 5px !important;
	}
}

.weFormDiv .weForm .captionTop {
    display: block;
    text-align: left;
    font-size: 16px;
    padding: 0 4px;
}

.weForm .detail{
    padding: 0px;
    width: 100%;
	 display: block;
}

/*按鈕置中*/
tr [fieldattr="按鈕"] {
    text-align: center;
}

.weForm tr {
    width: 100%;
    display: block;
    margin-bottom:30px;
}

/*立即預約按鈕*/
#ns_Main .weForm .button[type=button] {
    padding: 10px 20px;
}