@import url("https://noon360.com/mainssl/uploads/noon360/template/us_basic/style.css");
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
/*\\\\\\\\\\\\\\\\\\\\\\\\餐飲style.css開始\\\\\\\\\\\\\\\\\\\\\\\\*/
body{font-family: "Zen Maru Gothic"; color: #50423C;}
#ns_Wrapper{background-image: url(https://athena.noon360.com/noon360/shop1096/MsgInfo/首頁_20250808_18272755.jpg); overflow:hidden;}
#ns_Header {
background-image: url(https://athena.noon360.com/noon360/shop1096/MsgInfo/首頁_20250808_18272755.jpg);
    background-color: unset;
    height: 100px;
}
#id_HeaderCol3 .nsDock{
	width:25%;
}
#id_HeaderCol3 .HeaderCenter3{
	width:50%;
}
@media (max-width:768px){
	#id_HeaderCol3 .nsDock{
		width:33%;
	}
	#id_HeaderCol3 .HeaderCenter3{
		width:33%;
	}
	body .treeList #dataSiteTree.Hori .SiteGroup_1{
		border-right: 1px solid #D8B460;
	}
}
.meLogoBlock{
	padding-left:20%;
}
.meLogoBlock .AlignCenter {
    text-align: left;
}
.meLogoBlock img {
  width: 100%;
	max-height: 60px;
}
.orderBlk img,
.contactBlk .meMsg_MsgBlk img,
.memberBlk .meMsg_MsgContentBlk img{
	height:30px;
}
body #dataSiteTree.Hori *{
    color: #50423C;
    font-family: "Zen Maru Gothic";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}
#dataSiteTree.Hori *:hover {
    color: #D8B460;
    font-weight: 700;
}
#ns_Footer .ClassName{
    font-family: "Zen Maru Gothic";
}
body .treeList #dataSiteTree.Hori .SiteGroup_1:last-child{
	border-right: 1px solid #D8B460;
}
body .treeList #dataSiteTree.Hori .SiteGroup_1{
	border-left: 1px solid #D8B460;
	margin:0px -3px 0px;
	padding: 0px 30px;
}
@media (max-width:1200px){
body .treeList #dataSiteTree.Hori .SiteGroup_1{
	padding: 0px 20px;
}
}
@media (max-width:1000px){
body .treeList #dataSiteTree.Hori .SiteGroup_1{
	padding: 0px 10px;
}
}
@media (max-width:821px){
body .treeList #dataSiteTree.Hori .SiteGroup_1{
	padding: 0px 6px;
}
}
.ZC10283463 .SiteMenu .SiteGroup:nth-child(1) .ClassName:nth-of-type(2)::after{
	content:"News";
}
.ZC10283463 .SiteMenu .SiteGroup:nth-child(2) .ClassName:nth-of-type(2)::after{
	content:"ABOUT";
}
.ZC10283463 .SiteMenu .SiteGroup:nth-child(3) .ClassName:nth-of-type(2)::after{
	content:"SHOP";
}
.ZC10283463 .SiteMenu .SiteGroup:nth-child(4) .ClassName:nth-of-type(2)::after{
	content:"SUBSCRIBE";
}
.ZC10283463 .SiteMenu .SiteGroup .ClassName:nth-of-type(2)::after{
	display:block;
	color: #887B6C;
	font-size: 12px;
	font-weight: 500;
}
.ZC10283463 .SiteMenu .SiteGroup .ClassName:nth-of-type(2):hover::after{
    color: #D8B460;
}

/*內用隱藏購物車*/
.cartNone .meMsg_MsgTitle_4 {
    display: none;
}

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

/*購物車按鈕*/
a.popupShopCartBtnSubmit.txt_PopupShopCartSubmit {
    background: #D8B460;
}


#ns_Footer {
    background-image: url("https://athena.noon360.com/noon360/shop1096/MsgInfo/Frame1171276541_20250724_21002764.png");
	background-size:100%;
	background-color:unset;
	background-repeat:no-repeat;
   padding-top: 40px;
	margin-top: -25px;
   z-index: 0;
}
.ns_FooterR2{
	background-color: #d8b460;
}
#ns_Footer .socialBar img {
    filter: brightness(100);
}



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


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

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

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

/*電商PrdList_購物按鈕*/
body #ns_Main .PrdList .SaleBtn1, body #ns_Main .PrdList .SaleBtn2, body #ns_Main .PrdList .SaleBtn3 {
    background: #D8B460;
    border: 1px solid #D8B460;
    color: #fff;
}
body #ns_Main .PrdList .SaleBtn1:hover, body #ns_Main .PrdList .SaleBtn2:hover, body #ns_Main .PrdList .SaleBtn3:hover {
    color: #fff;
}
/*PrdList_左側分類*/
#id_ColLeft_1 .mePrdTree .TreeNode_2 {
    color: #000;
    background: #fff;
    border-top: 1px solid #D8B460;
}
#id_ColLeft_1 .mePrdTree .TreeGroup_2:last-child {
    border-bottom: 1px solid #D8B460;
}
#id_ColLeft_1 .mePrdTree .TreeNode_2:hover {
    color: #fff;
    background: #D8B460;
}
#id_ColLeft_1 .mePrdTree .TreeNode_2:hover .ClassName {
    color: #fff;
}
#id_ColLeft_1 .dataPrdTree .TreeNode_2:hover {
    background: #D8B460;
}
#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 #D8B460;
    color: #D8B460;
    background-color: #FFF;
}
body #ns_Main .PrdInfo .c5Buy {
    border: 1px solid #D8B460;
    color: #fff;
    background-color: #D8B460;
}
/*PrdInfo_規格按鈕*/
body .divPrdInfo .tablePrdSpec .liOpt.isClk,
body .divPrdInfo .tableClassSpec .liOpt.isClk {
    background: #D8B460;
}
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: #D8B460;
}
body .divPrdInfo .tablePrdSpec .liOpt.isClk .optname,
body .divPrdInfo .tableClassSpec .liOpt.isClk .optname {
    color: #fff;
    background: #D8B460;
}
body .divPrdInfo .tablePrdSpec .liOpt.disabled .optname,
body .divPrdInfo .tableClassSpec .liOpt.disabled .optname {
    color: #fff;
}


/*ShopCart*/
body #ns_Main .BtnTable .BtnInput .ShopInfoBtn {
    background: #D8B460;
    border-color: #D8B460;
    color: #fff;
}


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


/*ShopOrder*/
body #ns_Main input#btnCouponCode, body #ns_Main input.txt_btnChgCouponCode  {
    background: #D8B460;
    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: #D8B460;
    color: #fff;
}
body input#btnQryRegRegister:hover {
    background: #333;
    color: #fff;
}

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

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

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

/*登入_LoginForm*/
body .meCSS input[type=submit] {
    background: #D8B460;
    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;
}

.footerLogo .AlignCenter{
	 text-align: left;
    display: block;
	 padding-bottom: 20px;
}
@media (max-width:768px){
	.footerLogo .AlignCenter{
		 text-align: center;
		 padding-bottom: 40px;
	}
    .help .SiteGroup_1 {
        display: block;
        margin-bottom:15px;
	}
    #id_FooterLeft {
        margin-bottom: 30px;
    }
	#ns_Footer .id_FooterR3 .FooterRight3{
		padding:20px 20px 0px;
	}
	#ns_Header .meDivList .itemDivList, .FunBarNo1 .itemDivList{
		padding: 0 8px 0 0;
	}
	.orderBlk img,
	.contactBlk .meMsg_MsgBlk img,
	.memberBlk .meMsg_MsgContentBlk img{
		height:25px;
	}
	body .JayEtSearchBarNo1V1-container .open-search-bar-btn img{
		width:25px;
	}
	.meLogoBlock{
		padding-left:0px;
	}
	.meLogoBlock img{
		max-width:150px;
	}
	.meLogoBlock .AlignCenter{
		text-align:center;
	}
    .treeList {
		top:90px;
	}
	#ns_Header {
		height:90px;
	}
	@media (max-width: 768px) {
    #ns_Menu {
        margin-top:unset; 
  	 	}
	}
}

#ns_Memo{
	padding-bottom:40px;
}

#ns_Footer .meMsg_MsgBlk .meMsg_MsgTitle{
	text-align: center;
}