@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: 120px;
      max-height: 120px;
      object-fit: contain;
  }
  
  /*導覽列hover修改*/
  #dataSiteTree.Hori * {
      color: #333;
  }
  #dataSiteTree.Hori *:hover {
      font-weight: unset;
      color: #333;  
  }
  
  #ns_Menu {
    margin: 0;
  }
  
  body #ns_Main .FAQMenu0 {
    background: #a6804f;
  }
  
  body #ns_Main .FAQMenu1 {
    background: #7c572b;
  }
  
  
  /*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: #5b815c;
      color: #fff;
  }
  /*聯絡我們按鈕顏色修改*/
  body #iWinTopDiv .contentUs .weForm span.btnUploadURL {
      border: 1px solid #5b815c;
      padding: 3px 5px 5px 5px;
      background: #5b815c;
      color: #fff;
      vertical-align: middle;
  }
  body #iWinTopDiv .contentUs .weForm .button[type=submit] {
      border-color: #5b815c;
      background-color: #5b815c;
      color: #fff;
      border-radius: 0px;
  }
  
  /*驗證碼*/
  .imgChkCode {
      -webkit-filter: contrast(1.7) grayscale(4);
      filter: contrast(1.7) grayscale(4);
  }
  
  /*商品分類導覽列Begin*/
  #id_HeaderCol {
      width: 100%;
      background: #2a4c2b;
  }
  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: 120px;
      border: 0;
  }
  
  }
  @media (max-width: 768px) {
  #id_HeaderCol3 .nsDock {
      width: unset;
  }
  body #dataSiteTree.Hori * {
      text-align: left;
      color: #fff;
  }

  body #dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 {
      padding-left: 25px;
      margin: 0 5px;
      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;
  }
  body .meus_NkMiniSiteAndPrdNav .prd-list .TreeNode_1>a>.ClassName, body .NkCategoryList .TreeNode_1>a>.ClassName {
      margin-left: unset;
      font-size: 1.2rem;
      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: 5px 10px 5px 10px;
  } */
  body .meus_NkMiniSiteAndPrdNav .tab button.active {
      background-color: #EFCF2F;
      color: #fff;
  }
  body .meus_NkMiniSiteAndPrdNav .tab-content.active {
      display: block;
      background: #000;
      border: none;
  }
  .meus_NkMiniSiteAndPrdNav .site-tree .ClassName, .NkNavList .ClassName {
      color: #000;
  }
  body .meus_NkMiniSiteAndPrdNav .tab-content {
      flex: 1;
  }
  .meus_NkMiniSiteAndPrdNav .ClassDesc {
      display: none;
  }
  #ns_Header #dataSiteTree .SiteNode_1 a {
      padding-left: 25px;
  }
  body .meus_NkMiniSiteAndPrdNav .prd-list .ClassName, .NkCategoryList .ClassName {
      font-size: 16px;
      color: #fff;
  }
  
  /*手機版隱藏零售分類*/
  /* .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: #EFCF2F;
  }
  
  @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: #EFCF2F; 
  }
  .memTab .ClassImg:has(img[title="會員資訊"])::before {
      content: '\f007';
      font-family: 'FontAwesome';
      font-size: 24px;
      color: #EFCF2F; 
  }
  .memTab .ClassImg:has(img[title="我的最愛"])::before {
      content: '\f004';
      font-family: 'FontAwesome';
      font-size: 24px;
      color: #EFCF2F; 
  }
  .memTab .ClassImg:has(img[title="紅利點數"])::before {
      content: '\f51e';
      font-family: 'FontAwesome';
      font-size: 24px;
      color: #EFCF2F; 
  }
  .memTab .ClassImg:has(img[title="訊息"])::before {
      content: '\f27a';
      font-family: 'FontAwesome';
      font-size: 24px;
      color: #EFCF2F; 
  }
  .memTab .ClassImg:has(img[title="優惠券"])::before {
      content: '\f02b';
      font-family: 'FontAwesome';
      font-size: 24px;
      color: #EFCF2F; 
  }
  
  
  /*===========各頁面按鈕色系調整 Begin =============*/
  /*PrdList_購物按鈕*/
  body #ns_Main .PrdList .SaleBtn1, body #ns_Main .PrdList .SaleBtn2, body #ns_Main .PrdList .SaleBtn3 {
      background: #EFCF2F;
      border: 1px solid #EFCF2F;
      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 #EFCF2F;
  }
  #id_ColLeft_1 .mePrdTree .TreeGroup_2:last-child {
      border-bottom: 1px solid #EFCF2F;
  }
  #id_ColLeft_1 .mePrdTree .TreeNode_1:hover {
      color: #fff;
      background: #EFCF2F;
  }
  #id_ColLeft_1 .mePrdTree .TreeNode_1:hover .ClassName {
      color: #fff;
  }
  #id_ColLeft_1 .dataPrdTree .TreeNode_2:hover {
      background: #EFCF2F;
  }
  #id_ColLeft_1 .dataPrdTree .TreeNode_2:hover .ClassName {
      color: #fff;
  }
  
  
  /*PrdInfo_購物按鈕*/
  body .PrdInfo .SaleBtn1, body .PrdInfo .SaleBtn2, body .PrdInfo .SaleBtn3 {
      border: 1px solid #EFCF2F;
      color: #333;
      background-color: #FFF;
  }
  body .PrdInfo .c5Buy {
      border: 1px solid #EFCF2F;
      color: #fff;
      background-color: #EFCF2F;
  }
  /*PrdInfo_規格按鈕*/
  body .divPrdInfo .tablePrdSpec .liOpt.isClk {
      background: #EFCF2F;
  }
  body .divPrdInfo .tablePrdSpec .optname {
      color: #fff;
      background: #000;
  }
  body .divPrdInfo .tablePrdSpec .optname:hover {
      color: #fff;
      background: #EFCF2F;
  }
  body .divPrdInfo .tablePrdSpec .liOpt.isClk .optname {
      color: #fff;
      background: #EFCF2F;
  }
  body .divPrdInfo .tablePrdSpec .liOpt.disabled .optname {
      color: #fff;
  }
  
  
  /*ShopCart*/
  body .BtnTable .BtnInput .ShopInfoBtn {
      background: #EFCF2F;
      border-color: #EFCF2F;
      color: #fff;
  }
  
  
  /*ShopLogin*/
  body #ns_Main .tbLoginForm input[type="submit"]  {
      background: #EFCF2F;
      color: #fff;
  }
  body #ns_Main input.txt_ShopLoginQryPwd {
      border-color: #EFCF2F;
      color: #333;
  }
  
  
  /*ShopOrder*/
  body #ns_Main input#btnCouponCode, body #ns_Main input.txt_btnChgCouponCode  {
      background: #EFCF2F;
      color: #fff;
  }
  body #cenShopInfoStep #ShopInfoStep .StepTable .StepItem .StepItem1 .badge .text {
      background: #EFCF2F;
      border: 1px solid #EFCF2F;
      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: #EFCF2F;
  }
  body .underBtn .meMsg_MsgTitle_2 {
      background: #EFCF2F;
      color: #fff;
  }
  body .choosePayType.choosed {
      background: #EFCF2F;
      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: #EFCF2F;
      color: #fff;
  }
  body input#btnQryRegRegister:hover {
      background: #333;
      color: #fff;
  }
  
  /*修改個人資訊_RegForm*/
  body .meCSS .meForm input[type=submit] {
      background: #EFCF2F;
      color: #fff;
  }
  body .meCSS .meForm input[type=submit]:hover {
      background: #333;
      color: #fff;
  }
  
  /*訂單查詢_按鈕調整*/
  body .BlockTD a, body .ShopInfoBtn21 {
      background: #EFCF2F;
      color: #fff;
  }
  body .BlockTD a:hover, body .ShopInfoBtn21:hover {
      background: #333;
      color: #fff;
  }
  
  /*訊息_按鈕調整*/
  body .contactPageForm .weForm span.btnUploadURL {
      border-color: #EFCF2F;
      background: #EFCF2F;
      color: #fff;
  }
  body .contactPageForm .weForm span.btnUploadURL:hover {
      background: #333;
      color: #fff;
  }
  body .contactPageForm .weForm .button[type=submit] {
      border-color: #EFCF2F;
      background: #EFCF2F;
      color: #fff;
  }
  body .contactPageForm .weForm .button[type=submit]:hover {
      background: #333;
      color: #fff;
  }
  
  /*登入_LoginForm*/
  body .meCSS input[type=submit] {
      background: #EFCF2F;
      color: #fff;
  }
  body .meCSS input[type=submit]:hover {
      background: #333;
      color: #fff;
  }

/* LIAM START */

@media (max-width: 768px) {
    #content-1 .SiteNode_B {
        border: 0;
    }
    #content-2 .TreeGroup_3 {
        margin: 5px
    }
    #content-2 .TreeNode {
        margin: 0 5px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #content-2 .TreeNode a{
        padding: 10px 0 10px 25px;
        display: block;
    }
    #content-2 .TreeNode a span {
        display: block;
        line-height: 125%;
        font-size: 1rem;
        max-width: unset;
        padding-right: 0;
    }
    #content-1 .SiteMenu a:hover span {
        color: #fff;
    }
    #content-2 .TreeNode a:hover span {
        color: #fff;
    }
    #content-2 .prd-list {
        display: unset;
    }
}





@media screen and (max-width: 768px) {
    body .meLogoBlock img {
        max-height: 70px;
    }
}

#id_HeaderCenter3_2 #dataSiteTree.Hori * {
    color: #000;
}

#id_HeaderCenter3_2 #dataSiteTree.Hori *:hover {
    color: #000;
}

/* LIAM END */

/*範本設定 開始*/
#ns_Header {
    background-color: #010101 ;
}

#id_HeaderCol3 .nsDock {
    width: auto;
}
#id_HeaderCol3 .HeaderLeft3, #id_HeaderCol3 .HeaderRight3 {
    width: 150px;
}

@media (max-width: 768px) {
#id_HeaderCol3 .HeaderLeft3, #id_HeaderCol3 .HeaderRight3 {
    width: 30%;
}

}


#ns_Footer {
    background-color: #161616;
}
#id_Footer {
    margin: 80px auto 0;
}
#id_FooterRight .divDock[classno="MsgList"] {
    max-width: unset;
}
#id_FooterLeft {
    width: 50%;
    max-width: 100%;
}
#id_FooterRight {
    width: 50%;
    max-width: 100%;
    display: table-cell;
    text-align: center;
    float: none;
}

#ns_Footer a {
    color: #fff;
}
#ns_Footer .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
#ns_Footer .meMsg_MsgBlk .meMsg_Content {
    font-size: 15px;
    font-weight: 400;
}
#ns_Footer .ClassName {
	color: #fff;
}
#ns_Footer .listCopyrightBlock {
    font-size: 15px;    font-weight: bold;
}
#ns_Footer .listCopyrightBlock a {
    color: #
;
}
#ns_Footer .footerLogo .meMsg_MsgBlk .meMsg_MsgTitle {
    margin-bottom: 80px;
    font-weight: 300;
}
#ns_Footer .meLogoBlock .AlignCenter {
    text-align: center; margin-bottom: 5px;
}
#ns_Footer .meLogoBlock img {
    text-align: center !important;
    margin-top: 15px;
}
.socialBar img {
    height: 20px;
}

@media (max-width: 768px) {
#id_FooterLeft, #id_FooterRight {
    display: block;
    margin-bottom: 0px;
    width: 100%;
    max-width: unset;
    display: block;
}

}


/*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);*/
}

/*copyright 開始*/
.meCopyrightBlock {
    background-color: #161616;
    padding: 35px 10px 15px;
    text-align: center;
    position: relative;
}
.meCopyrightBlock svg {
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translate(-50%, 0px);
}


/*footer 導覽列 開始*/
#dataSiteTree.Hori * {
    color: #fff;
}

@media (max-width: 768px) {
#dataSiteTree.Hori * {
    color: #333;
}
}

/*範本設定 結束*/


#id_FooterCol #dataSiteTree .SiteMenu span {
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    #id_FooterCol .SiteMenu .SiteItem span {
        text-align: center;
    }
    body #ns_Wrapper tbody #ns_Header {
        background-color: #fff;
    }
    #content-1 .SiteNode_T {
        padding: 0;
    }
    .hamburger-content button#content-2::before {
        content: "商品區";
    }
    #id_FooterCol #dataSiteTree.Hori .SiteGroup_1 {
        margin: 15px 5px;
    }
}

#id_FooterCol3 .nsDock {
    vertical-align: top;
    padding-top: 40px;
}

#ns_Footer .meMsg_Content {
    text-align: center;
}

#ns_Footer5 table:nth-child(0n+2) {
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    #id_FooterCol3 .nsDock {
        padding-top: 20px;
    }
}




.meCopyrightBlock .meMsg_MsgTitleBlk{
    display: none;
}