@import url("https://panel.noon360.com/mainssl/uploads/noon360/template/us_basic/style.css");


body #ns_Wrapper #ns_Header {
  background-color: #fff;
  position: unset;
  height: auto;
}
#id_HeaderCol3 .nsDock {
    /*width: unset;*/
}
body .meLogoBlock img {
    width: 100%;
    max-width: 80px;
    max-height: 80px;
    object-fit: contain;
}

/*導覽列hover修改*/
#dataSiteTree.Hori * {
    color: #333;
}
#dataSiteTree.Hori *:hover {
    font-weight: unset;
    color: #a18462;
}

#ns_Menu {
  margin: 0;
}

body #ns_Main .FAQMenu0 {
  background: #EB5C45;
}

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

/*商品列調整*/
body .PrdList .ColN_4 .PrdCell .PrdContent{
	 display: flex;
    flex-direction: column;
}
body .PrdList .ColN_4 .PrdCell .PrdContent .PrdTitle{
	 min-height: 43px;
}

@media (max-width: 768px) {
body .PrdList .ColN_4 .PrdCell .PrdContent{
	 display: block;
}
}

/*Footer調整*/
#ns_Footer {
    background-color: #333;
    margin-top: unset;
}

/*會員中心彈出視窗調整*/
@media (max-width: 768px) {
body .memberBlk .meMsg_MsgList {
    top: 52px;
}
}
/*購物車按鈕顏色調整*/
body a.popupShopCartBtnSubmit.txt_PopupShopCartSubmit {
    background: #a18462;
    color: #fff;
}

/*聯絡我們CSS調整*/
.contentUs .tr7 .detail>span>span, .contentUs .tr8 .detail>span>span {
    display: flex;
    align-items: center;
}
.contentUs .btnBlock.btnPreview {
    display: none;
}
body #iWinTopDiv .contentUs .weForm span.btnUploadURL {
    border: 1px solid #a18462;
    padding: 5px 15px;
    background: #a18462;
    color: #fff;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
    border-radius: 3px;
}
body #iWinTopDiv .contentUs .weForm .button[type=submit] {
    border-color: #a18462;
    background-color: #a18462;
    color: #fff;
    border-radius: 3px;
}
@media (max-width: 768px) {
body #iWinTopDiv .contentUs .weForm span.btnUploadURL {
    margin-bottom: 10px;
}
.contentUs .weForm #tdChkCodeInp, .contentUs .weForm #tdChkCodeImg {
    display: inline-block;
    float: unset;
    margin: 5px 5px 0 0;
}
body #iWinTopDiv .contentUs .weForm .button[type=submit] {
    width: auto;
    float: left;
}
}


/*驗證碼*/
.imgChkCode {
    -webkit-filter: contrast(1.7) grayscale(4);
    filter: contrast(1.7) grayscale(4);
}

/*商品分類導覽列Begin*/
#id_HeaderCol {
    width: 100%;
    background: #a18462;
}
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(50);
}
.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;
    color: #fff;
}
#dataSiteTree.Hori *:hover {
    color: #fff;
}
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: #a18462;
    color: #fff;
}
body .meus_NkMiniSiteAndPrdNav .tab-content.active {
    display: block;
    background: #a18462;
    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: 0 0 0 25px;
}
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*/

/*密碼強度提示*/
#pwd-meter {
	 height: 6px;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    border-radius: 0px;
}

#pwd-meter .pwd-score {
	 height: inherit;
    width: 0%;
    transition: .3s ease-in-out;
    background: #ff7700;
}

#pwd-meter .pwd-score.pwd-score-weak {
	 width: 33%;
    background: #FF4D33;
}

#pwd-meter .pwd-score.pwd-score-mid {
	 width: 66%;
    background: #FFC733;
}

#pwd-meter .pwd-score.pwd-score-strong {
	 width: 100%;
    background: #00ff00;
}

/**會員中心標頭*/
.membercenter-headline .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 24px;
    line-height: 120%;
    margin-top: 50px;
    margin-bottom: 40px;
    color: #a18462;
}

@media (max-width: 768px) {

	 .membercenter-headline .meMsg_MsgBlk .meMsg_MsgTitle { margin-top: 30px; text-align: center; }

}

/*會員中心 TAB */
.memTab .ClassImg img { display: none; }

/*=======會員中心圖片替換=========*/
body.phpMemberCenter .memTab #dataSiteTree.HoriClk .ClassImg img {
    display: none;
}
.memTab .ClassImg:has(img[title="訂單查詢"])::before {
    content: '\f03a';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #a18462; 
}
.memTab .ClassImg:has(img[title="會員資訊"])::before {
    content: '\f007';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #a18462; 
}
.memTab .ClassImg:has(img[title="我的最愛"])::before {
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #a18462; 
}
.memTab .ClassImg:has(img[title="紅利點數"])::before {
    content: '\f51e';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #a18462; 
}
.memTab .ClassImg:has(img[title="訊息"])::before {
    content: '\f27a';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #a18462; 
}
.memTab .ClassImg:has(img[title="優惠券"])::before {
    content: '\f02b';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #a18462; 
}


/*===========各頁面按鈕色系調整 Begin =============*/
/*PrdList_購物按鈕*/
body #ns_Main .PrdList .SaleBtn1, body #ns_Main .PrdList .SaleBtn2, body #ns_Main .PrdList .SaleBtn3 {
    background: #a18462;
    border: 1px solid #a18462;
    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_1 {
    color: #000;
    background: #fff;
    border-top: 1px solid #a18462;
}
#id_ColLeft_1 .mePrdTree .TreeGroup_2:last-child {
    border-bottom: 1px solid #a18462;
}
#id_ColLeft_1 .mePrdTree .TreeNode_1:hover {
    color: #fff;
    background: #a18462;
}
#id_ColLeft_1 .mePrdTree .TreeNode_1:hover .ClassName {
    color: #fff;
}
#id_ColLeft_1 .dataPrdTree .TreeNode_2:hover {
    background: #a18462;
}
#id_ColLeft_1 .dataPrdTree .TreeNode_2:hover .ClassName {
    color: #fff;
}


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


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


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


/*ShopOrder*/
body #ns_Main input#btnCouponCode, body #ns_Main input.txt_btnChgCouponCode  {
    background: #a18462;
    color: #fff;
}
body #cenShopInfoStep #ShopInfoStep .StepTable .StepItem .StepItem1 .badge .text {
    background: #a18462;
    border: 1px solid #e8e8e8;
    color: #fff;
}
body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(3) .badge::before,
body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(5) .badge::before{
    background: #a18462;
}
body .underBtn .meMsg_MsgTitle_2 {
    background: #a18462;
    color: #fff;
}
body .choosePayType.choosed {
    background: #a18462;
    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: #a18462;
    color: #fff;
}
body input#btnQryRegRegister:hover {
    background: #333;
    color: #fff;
}

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

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

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

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