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

.contactBlk .meMsg_MsgBlk img, .memberBlk .meMsg_MsgContentBlk img, .orderBlk img, .JayEtSearchBarNo1V1-container .open-search-bar-btn img {
    filter: brightness(100);
}
body #ns_Wrapper #ns_Header {
  background-color: #231F20;
  position: unset;
  height: auto;
}
#ns_Header {
	border-bottom: unset;
}

#id_HeaderCol3 .nsDock {
    width: unset;
}
body .meLogoBlock img {
    width: 100%;
    max-width: 120px;
    max-height: 40px;
    object-fit: contain;
	 padding-left: 24px;
}
#id_HeaderCol .TreeGroup_2.hasSubMenu .TreeMenu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px 0px;
    gap: 0px;
    background: #fff;
    color: #000;
}


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

#ns_Menu {
  margin: 0;
}

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

body #ns_Main .FAQMenu1 {
  background: #D64E3C;
}
@media(max-width: 768px){
body .awBtnMenuDiv{
    background-color: #231F20;
    border: 1px solid #fff;
    border-radius: 100px;
}
body .awBtnMenuDiv .line1,body .awBtnMenuDiv .line2,body .awBtnMenuDiv .line3,body .awBtnMenuDiv .line4{
    color: #fff;
    background-color: #fff;
}

body .awBtnMenuDiv .line1,
body .awBtnMenuDiv .line2,
body .awBtnMenuDiv .line3,
body .awBtnMenuDiv .line4{
    top: 8px;
    right: 20px;
}

body .awBtnMenuDiv .line2,
body .awBtnMenuDiv .line3{
	top: 15px;
}

body .awBtnMenuDiv .line4{
	top: 22px;
}

body .awBtnMenuDiv{
	 width: 70px;
    height: 33px;
}

}
/*商品列調整*/
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: #F5F5F5;
    width: 98%;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

body #ns_Footer .meMsg_MsgBlk .meMsg_Content {
    color: #828282;
}

body #ns_Footer .meMsg_MsgTitle{
    color: #828282;
    font-size: 14px;
}

.Information .listDivList .MsgListBlk_1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

/*會員中心彈出視窗調整*/
@media (max-width: 768px) {
body .memberBlk .meMsg_MsgList {
    top: 52px;
}
}
/*購物車按鈕顏色調整*/
body a.popupShopCartBtnSubmit.txt_PopupShopCartSubmit {
    background: #000;
    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 #000;
    padding: 5px 15px;
    background: #000;
    color: #fff;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block;
    border-radius: 3px;
}
body #iWinTopDiv .contentUs .weForm .button[type=submit] {
    border-color: #000;
    background-color: #000;
    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: #000;
}
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;
}
#id_HeaderCol .TreeGroup_2.hasSubMenu .TreeMenu{
    flex-direction: column;
    align-items: flex-start;
}
}
@media (max-width: 768px) {
#id_HeaderCol3 .nsDock {
    width: unset;
}
body #dataSiteTree.Hori * {
    text-align: left;
    color: #000;
    display: flex;
    flex-direction: column;
}
#dataSiteTree.Hori *:hover {
    color: #C79B2B;
}
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: #000;
}
.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: #000;
    color: #fff;
}
body .meus_NkMiniSiteAndPrdNav .tab-content.active {
    display: block;
    background: #fff;
    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: #000;
}

@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: #000; 
}
.memTab .ClassImg:has(img[title="會員資訊"])::before {
    content: '\f007';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #000; 
}
.memTab .ClassImg:has(img[title="我的最愛"])::before {
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #000; 
}
.memTab .ClassImg:has(img[title="紅利點數"])::before {
    content: '\f51e';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #000; 
}
.memTab .ClassImg:has(img[title="訊息"])::before {
    content: '\f27a';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #000; 
}
.memTab .ClassImg:has(img[title="優惠券"])::before {
    content: '\f02b';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #000; 
}


/*===========各頁面按鈕色系調整 Begin =============*/
/*PrdList_購物按鈕*/
body #ns_Main .PrdList .SaleBtn1, body #ns_Main .PrdList .SaleBtn2, body #ns_Main .PrdList .SaleBtn3 {
    background: #fbf7f1;
    border: 1px solid #cca02f;
    color: #5c5c5c;
}
body #ns_Main .PrdList .SaleBtn1:hover, body #ns_Main .PrdList .SaleBtn2:hover, body #ns_Main .PrdList .SaleBtn3:hover {
    background: #C79B2B;
    border-color: #C79B2B;
    color: #fff;
}
/*PrdList_左側分類*/
#id_ColLeft_1 .mePrdTree .TreeNode_1 {
    color: #000;
    background: #fff;
    border-top: 1px solid #000;
}
#id_ColLeft_1 .mePrdTree .TreeGroup_2:last-child {
    border-bottom: 1px solid #000;
}
#id_ColLeft_1 .mePrdTree .TreeNode_1:hover {
    color: #fff;
    background: #000;
}
#id_ColLeft_1 .mePrdTree .TreeNode_1:hover .ClassName {
    color: #fff;
}
#id_ColLeft_1 .dataPrdTree .TreeNode_2:hover {
    background: #000;
}
#id_ColLeft_1 .dataPrdTree .TreeNode_2:hover .ClassName {
    color: #fff;
}


/*PrdInfo_購物按鈕*/
body .PrdInfo .SaleBtn1,body .PrdInfo .SaleBtn2,body .PrdInfo .SaleBtn3 {
background: #fbf7f1;
    border: 1px solid #cca02f;
    color: #9e750c;
    font-weight: bold;
}
body .PrdInfo .c5Buy {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
}
/*PrdInfo_規格按鈕*/
body .divPrdInfo .tablePrdSpec .liOpt.isClk {
    background: #000;
}
body .divPrdInfo .tablePrdSpec .optname {
    color: #fff;
    background: #4c4c4c;
}
body .divPrdInfo .tablePrdSpec .optname:hover {
    color: #fff;
    background: #000;
}
body .divPrdInfo .tablePrdSpec .liOpt.isClk .optname {
    color: #fff;
    background: #000;
}
body .divPrdInfo .tablePrdSpec .liOpt.disabled .optname {
    color: #fff;
}


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


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


/*ShopOrder*/
body #ns_Main input#btnCouponCode, body #ns_Main input.txt_btnChgCouponCode  {
    background: #000;
    color: #fff;
}
body #cenShopInfoStep #ShopInfoStep .StepTable .StepItem .StepItem1 .badge .text {
    background: #000;
    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: #000;
}
body .underBtn .meMsg_MsgTitle_2 {
    background: #000;
    color: #fff;
}
body .choosePayType.choosed {
    background: #000;
    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: #000;
    color: #fff;
}
body input#btnQryRegRegister:hover {
    background: #333;
    color: #fff;
}

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

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

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

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

/*預購標籤*/
.preOrder {
    background: red;
    color: #fff;
    position: absolute;
    top: 15px;
    right: 0px;
    padding: 0px 10px;
}

body .NkCategoryList .TreeMenu_1{
    display: none;
}

/*footer調整*/
/*.FooterCol{
     display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: center;
    margin: 20px 20px 50px; 
}*/
.footerLogo .meMsg_MsgImg{
    max-width: 200px;
    width: 100%;
    display: block;
}
.footerLogo .meMsg_MsgBlk img{
    width: 100%;
}
/*#id_FooterCol_1{width: 40%;}*/
/*#id_FooterCol_2{width: 35%;}*/
#id_FooterCol_3{width: 25%;}
#id_FooterCol_2 img{max-width: 160px; width: 100%;}
#id_FooterCol_3 img{width: 70%;}

.logo3item table>tbody>tr{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 0px 10px;
}
@media(max-width: 768px){
.id_FooterR1{
   display: none;
}
.FooterCol{
    flex-direction: column-reverse;
    gap: 0px;
}
#id_FooterCol_1{width: 100%;}
#id_FooterCol_2{width: 100%;}
#id_FooterCol_3{width: 100%; margin: 0px;}
.logo3item table>tbody>tr{
    gap: 0px;
    flex-direction: column-reverse;
    margin: 20px;
}
#id_HeaderCol .TreeGroup_2.hasSubMenu .TreeMenu{
    flex-direction: column-reverse;
    align-items: flex-start;
}
}

body .mePrdListBlk .AjaxCell .ns.PrdList .PrdCell .PrdImgM img{
    object-fit: contain;
}


/*次導覽列調整*/
body #id_HeaderCol_3 .SiteMenu{
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.10);
}

body #id_HeaderCol_3 .treeList{
    max-width: 100%;
    width: 100%;
    margin: 0px;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1{
    margin: 0px;
    width: 25%;
    text-align: center;
    background: #fff;
    color: #000;
    font-family: "Noto Sans TC";
    font-size: 16px;
    letter-spacing: 3px;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1 .ClassName{
    color: #000;
    padding: 20px;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1 .n2 {
    display: none;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1 .ClassName {
    position: relative;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1:nth-child(1) .ClassName:before {
    content: '';
    position: absolute;
    background: no-repeat;
    background-size: contain;
    background-image: url('https://athena.noon360.com/noon360/jp/MsgInfo/80088568_20240627_11174414.png');
    width: 22px;
    height: 22px;
    top: 20px;
    left: 33%;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1:nth-child(2) .ClassName:before {
    content: '';
    position: absolute;
    background: no-repeat;
    background-size: contain;
    background-image: url('https://athena.noon360.com/noon360/jp/MsgInfo/1130788648_20240627_11175295.png');
    width: 22px;
    height: 22px;
    top: 20px;
    left: 33%;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1:nth-child(3) .ClassName:before {
    content: '';
    position: absolute;
    background: no-repeat;
    background-size: contain;
    background-image: url('https://athena.noon360.com/noon360/jp/MsgInfo/2114346648_20240627_11180458.png');
    width: 22px;
    height: 22px;
    top: 20px;
    left: 23%;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1:nth-child(4) .ClassName:before {
    content: '';
    position: absolute;
    background: no-repeat;
    background-size: contain;
    background-image: url('https://athena.noon360.com/noon360/jp/MsgInfo/3425075848_20240627_11181422.png');
    width: 22px;
    height: 22px;
    top: 20px;
    left: 33%;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1 .ClassName:hover{
    background: #000;
    color: #fff;
}
body #id_HeaderCol_3 .treeList #dataSiteTree.Hori .SiteGroup_1 .ClassName:hover:before {
    filter: invert(1);
}

body #map {
    position: absolute;
    top: 95px;
    bottom: 0;
    width: 100%;
}
@media(max-width: 768px){
body #map{
    top: 0px;
}
}
/*購物車調整*/
body #ShopInfoCaptionGetTyM{
    background: #fff;
    border-color: #fff;
}
body .ShopInfoTable textarea{
    resize: none;
    width: 100%;
}
body .ShopInfoTable td.ShopInfoHeader{
    background: #fff;
}
body .ShopInfoTable td.ShopInfoFooter{
    background: #fff; 
}
body .trShopInfoFooter .td1{
   display: none;
}
body .BtnTable .BtnInput .ShopInfoBtn:hover{
   color: #000;
}
#divCartPopup{
    transform: translate(-100px, -20px);
}



/*酒駕警訊*/
.driveNotice {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    background: #333;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 20px;
    z-index: 9;
}
#ns_Footer .driveNotice .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 40px;
    text-align: center;
    padding: 0;
}
.driveNotice .meMsg_MsgBlk img {
    background: #fff;
    border-radius: 50%;
}

@media (max-width: 767px) {
.driveNotice { letter-spacing: 5px; }

#ns_Footer .driveNotice .meMsg_MsgBlk .meMsg_MsgTitle { font-size: 18px; }

}

/*footer*/
.Information .listDivList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #B3B3B3;
    max-width: 90%;
    margin: 0 auto;
}

.Information .listDivList .itemDivList {
    width: 31%;
}

.meCopyrightBlock {
    margin-top: 30px;
}

@media (max-width: 768px){
	.Information .listDivList .itemDivList {
		width: 100%;
	}


}

body #ns_Footer .ClassName {
    color: #828282;
    font-size: 14px;
    font-weight: 200;
    font-family: "PingFangTC-Light", "Microsoft JhengHei", "Helvetica Neue", "Heiti TC", "微軟正黑體", sans-serif !important;
}