.divProdRelProdOuter {
    display: none;
}

/*General*/
body {
    font-size: 0.9375vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 400;
    color: #202020;
    letter-spacing: 0.01667vw;
}

input,
textarea {}

select {
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
}

strong,
b {
    color: #454545;
    font-weight: 600;
}

a,
a:link,
a:visited {
    color: #454545;
    text-decoration: unset;
    font-weight: 600;
}

a:hover,
a:active {
    color: #007A46;
    text-decoration: unset;
    font-weight: 600;
}

.button1,
a.button1,
.button1:link,
.button1:visited,
a.button1:link,
a.button1:visited {
    font-size: 0.9375vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
    color: #333;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    background: transparent;
    border-radius: 0px;
    box-sizing: border-box;
    letter-spacing: 0.01666vw;
}

.button1:hover,
.button1:active,
a.button1:hover,
a.button1:active {
    font-size: 0.9375vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
    color: #007A46;
    box-sizing: border-box;
    text-decoration: none;
    transition: all .2s ease-in-out;
    background: transparent;
    border-radius: 0px;
    box-sizing: border-box;
    letter-spacing: 0.01666vw;
}

.button2,
a.button2,
.button2:link,
.button2:visited,
a.button2:link,
a.button2:visited {
    font-size: 0.9375vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
    color: #007A46;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    background: #fff;
    border-radius: 0px;
    letter-spacing: 0.01666vw;
}

.button2:hover,
.button2:active,
a.button2:hover,
a.button2:active {
    font-size: 0.9375vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
    color: #fff;
    box-sizing: border-box;
    text-decoration: none;
    transition: all .2s ease-in-out;
    background: #007A46;
    border-radius: 0px;
    letter-spacing: 0.01666vw;
}

/*Enquiry form button*/
.enquiry-form .button1,
.enquiry-form a.button1,
.enquiry-form .button1:link,
.enquiry-form .button1:visited,
.enquiry-form a.button1:link,
.enquiry-form a.button1:visited {
    background: #f4f4f4;
    letter-spacing: 0.16667vw;
    text-transform: uppercase;
}

.enquiry-form .button1:hover,
.enquiry-form .button1:active,
.enquiry-form a.button1:hover,
.enquiry-form a.button1:active {
    background: #007A46;
    color: #fff;
}

.enquiry-form .button2,
.enquiry-form a.button2,
.enquiry-form .button2:link,
.enquiry-form .button2:visited,
.enquiry-form a.button2:link,
.enquiry-form a.button2:visited {
    background: #f4f4f4;
    letter-spacing: 0.16667vw;
    text-transform: uppercase;
    padding-right: 1.04167vw;
}

.enquiry-form .button2:hover,
.enquiry-form .button2:active,
.enquiry-form a.button2:hover,
.enquiry-form a.button2:active {
    background: #007A46;
}

.enquiry-form .button2:before {
    content: '';
    background: #007A46;
    width: 5px;
    height: 5px;
    transform: translateX(6.25vw);
    transition: all 0.5s;
}

.enquiry-form .button2:hover:before {
    background: #fff;
    transform: translateX(5.25vw);
    transition: all 0.5s;
}

.enquiry-form .button2:after {
    content: '';
    background: #454545;
    width: 5px;
    height: 5px;
    transform: translateX(0.25vw);
    transition: all 0.5s;
}

.enquiry-form .button2:hover:after {
    background: #454545;
    transform: translateX(1.25vw);
    transition: all 0.5s;
}

.enquiry-btn-container .button1,
.enquiry-btn-container a.button1,
.enquiry-btn-container .button1:link,
.enquiry-btn-container .button1:visited,
.enquiry-btn-container a.button1:link,
.enquiry-btn-container a.button1:visited {
    background: #f4f4f4;
}

.enquiry-form .ddl,
.enquiry-form .text_big {
    border-radius: 0px;
}

.chkboxEnquiryTnc {
    display: block;
    width: 100%;
    padding: 0.781vw 0 0.26vw;
}

.chkboxEnquiryTnc input {
    display: inline-block;
    margin-right: 0.521vw;
    width: auto;
}

.chkboxEnquiryTnc label {
    display: inline-block;
    width: calc(100% - 1.763vw);
    box-sizing: border-box;
    vertical-align: bottom;
}

/*End Enquiry form button*/

.divEnquiry .ddlEnquiryState {
    display: none;
}

.divEnquiry .ddlEnquiryState.active {
    display: block;
}

h1 {
    font-size: 2.1875vw!important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 700;
    color: #000;
    line-height: normal;
    letter-spacing:0.04375vw;
}

h2,
h2 a {
    font-size: 1.97917vw!important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 700;
    color: #000;
    line-height: normal;
    letter-spacing:0.03958vw;
}

h3,
h3 a {
    font-size: 1.77083vw!important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 700;
    color: #000;
    line-height: normal;
    letter-spacing: 0.03125vw;
}

h4 {
    font-size: 1.45833vw!important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 700;
    color: #000;
    line-height: normal;
    letter-spacing: 0.03125vw;
}

h5 {
    font-size: 1.25vw!important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 700;
    color: #000;
    line-height: normal;
    letter-spacing: 0.026041vw;
}

h6 {
    font-size: 1.04167vw!important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 700;
    color: #000;
    line-height: normal;
    letter-spacing: 0.02083vw;
}

.ulContent {
    padding-left: 0;
}

/*.ulContent li {padding-left: 20px;list-style-type: none;margin: 0px;background-size: 6px;line-height: 18px;padding-bottom: 10px;background: url('/data/cms/images/bullet-subpage.png') no-repeat 8px 5px;background-size:7px;}*/
.ulContent li {
    padding-left: 20px;
    list-style-type: none;
    margin: 0px;
    background-size: 6px;
    line-height: 24px;
    padding-bottom: 20px;
    background: unset;
}

.ulContent li::before {
    content: "\25A0";
    color: #007A46;
    font-weight: bold;
    display: inline-block;
    width: 20px;
    font-size: 8px;
    position: relative;
    margin-left: -20px;
    top: -3px;
}

.olContent {}

.olContent li {}

.tblContent {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.tblContent th {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #fff;
    background: #005e35;
    padding: 10px 20px;
}

.tblContent td {
    border: solid 1px #ddd;
}

.tblContent tr:nth-child(odd) {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #000;
    background: #fff;
    padding: 10px 20px;
}

.tblContent tr:nth-child(even) {
    font-weight: 400;
    font-size: 0.9375vw;
    color: #000;
    background: #fff;
    padding: 10px 20px;
}

.mstTagline {
    font-size: 1.56vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 700;
    color: #000;
    line-height: 160%;
    letter-spacing: 0.03333vw;
    text-transform: uppercase;
}


/*Supersized Masthead*/
/*.bodyPage1 #supersized{height:975px;top:0px;min-height:975px;}*/
/*Homepage*/
.bodyPage1 #supersized {
    height: 100%;
    top: 7.29167vw;
    min-height: unset;
}

/*Homepage*/
.divMastheadBackgroundContainer {
    height: 835px;
}

/*.bodyPage #supersized{height:33.64583vw;top:0px;min-height:33.64583vw;}*/
/*Subpage*/
.bodyPage #supersized {
    height: 400px;
    top: 7.29167vw;
    min-height: 400px;
}

/*Subpage*/
.divMastheadBackgroundContainerSub {
    height: 400px;
}



#slidedescription {
    max-width: 100% !important;
}



.bodyPage .divBreadCrumbOuter>div>div {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

#supersized li.prevslide {
    visibility: unset !important;
}

/*#supersized img {height: auto !important;width: 100% !important;}*/
.bodyPage1 #supersized img {
    height: auto !important;
    width: 100% !important;
}

#divGroupSpeed {
    content: "slow";
}

/*Category slide speed. selection= slow :: medium :: fast*/
.divMenuFloat {
    position: relative;
    z-index: 9;
    top: 0;
    background: #fff;
}

.bodyPage .divMenuFloat {
    position: relative;
    z-index: 9;
    top: 0;
    background: #fff;
}

.divMediaSoc {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 3.64583vw;
    position: relative;
    padding: 0 0 0 10px;
    top: 10px;
}

.divSocialMedia {
    position: relative !important;
    padding: 0 0 0 0;
}

.divFacebookPage {
    padding: 0 5px;
}

.divMainCtnTopMiddleBtmFull {
    background: none;
}

.divMiddleCtnSubFull,
.divMainCtnTopMiddleBtm,
.isGal .divMiddleCtnSubGall {
    width: 100% !important;
    max-width: 100%;
    padding: 0;
}

.isEnquiry .divMiddleCtnSubFull,
.isEnquiry .divMainCtnTopMiddleBtm,
.isProd .divMiddleCtnSubFull,
.isProd .divMainCtnTopMiddleBtm,
.isShop .divMainCtnTopMiddleBtm {
    width: 62.5vw !important;
    max-width: 100%;
}

.isGal .pnlEvent {
    margin-top: -3.125vw !important;
    width: 62.5vw !important;
    padding: 0px 0px 2.60417vw !important;
}

.isProd .divMainCtnTopMiddleBtm {
    padding: 2.60417vw 0;
}

.bread_line .pnlTemplateDivItem {
    background: #007A46;
    /*border-bottom: 1px solid #ddd;*/
}

.enquiry-form .field-label {
    width: 150px;
}

.recaptcha .errmsgEnquiry {
    padding-left: 150px;
}

#divClearTextbox {
    top: 13px !important;
}

a.hypEmail:visited,
a.hypEmail:link,
a.hypEmail:hover,
a.hypEmail:active {
    color: #007A46;
    text-decoration: unset;
}

.input,
textarea {
    color: #000;
}

.divBestSellerContainer {
    margin: auto;
}

a.event-pagination.selected {
    color: #007A46;
}

a.addCMSGroupLink:hover,
a.addCMSGroupLink:active,
a.addCMSGroupLinkSel,
a.addCMSGroupLinkSel:link,
a.addCMSGroupLinkSel:visited,
a.addCMSGroupLinkSel:hover,
a.addCMSGroupLinkSel:active {
    color: #007A46;
    text-decoration: none;
}

#cphContent_ucUsrProductGroup_rptRecProduct_pnlIndProd_2 {
    margin-right: auto !important;
}

#cphContent_ucUsrProductGroup_rptRecProduct_pnlIndProd_4 {
    margin-right: unset !important;
}

ul#slide-list li {
    list-style: none;
    height: 10px;
    width: 23px;
    margin: 0 2px;
    display: inline-block;
    margin: auto;
    padding: unset !important;
    background: unset;
}

ul#slide-list li.current-slide,
ul#slide-list li.current-slide,
ul#slide-list li:hover {}

ul#slide-list {
    text-align: right;
    margin-left: 0px !important;
    margin-right: 0px !important;
    float: unset;
    padding-right:5px;
}

ul#slide-list li a {
    overflow: hidden;
    transition: background 0.3s ease;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    padding: 0;
    background: #007A46;
    box-sizing: border-box;
}

ul#slide-list li.current-slide a,
ul#slide-list li.current-slide a:hover,
ul#slide-list li a:hover {
    background: #333;
}

.bluredBackground {
    background: none !important;
    transition: all 0.4s ease-in-out;
    background-attachment: fixed;
    filter: blur(5px);
    height: 153px;
}

.divMainTop {
    background: none !important;
}

.imgLogo {
    border: 0px;
    display: block;
    width: auto !important;
    height: 4.1666vw !important;
}

.divPnlMenu {
    width: auto !important;
}

.divMiddleCtnRight {
    width: 100% !important;
    max-width: 100%;
}

.menuTopTop {
    position: relative;
    height: 3.64583vw;
    width: 100%;
    margin: auto;
}

.menuTop {}

.divTopBigRightTop {
    background-color: transparent;
}

.width_180 {
    width: 9.375vw;
}

.height_40 {
    height: 2.08333vw;
}

.height_50 {
    height: 2.60417vw;
}

.divSSPaging {
    bottom: 13%;
    left: 0%;
}

.bodyPage1 .divSSPagingInnerSub {
    bottom: 0%;
    left: 0%;
    position: absolute;
    display: block;
    width: 100%;
    z-index: 90;
}

.divSSPaging img {
    width: 15px;
    height: 15px;
    /*background: url(/data/cms/images/pagination-home-masthead-winter.png)no-repeat center 5px;background-size: 8px;*/
}

.divSSPaging img:hover,
.divSSPaging .activeSlide img {
    width: 15px;
    height: 15px;
    /*background: url(/data/cms/images/pagination-home-masthead-winter.png)no-repeat center -20px;background-size: 8px;*/
}

.hypQuickContactOuterOuter {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    margin: 0 0 0 10px;
}

.hypQuickContactOuter {
    border-radius: 50px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: unset;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
}

.quickTel {
    background: #000;
    border-radius: 30px;
    height: 45px;
    padding: 0 10px 0 15px;
    min-width: 200px;
    text-align: center;
}

a.hypQuickEmail,
a.hypQuickEmail:link,
a.hypQuickEmail:visited,
a.hypQuickEmail span,
a.hypQuickEmail:link span,
a.hypQuickEmail:visited span {
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-size: 16px;
    color: #000 !important;
    padding-right: unset;
    font-weight: 400 !important;
    text-decoration: unset !important;
    padding: 0 10px 0 0;
    cursor: pointer;
}


.hypQuickEmail span {
    border-right: 2px solid #000;
}



a.hypQuickEmail:hover,
a.hypQuickEmail:active,
a.hypQuickEmail:hover span,
a.hypQuickEmail:active span {
    text-decoration: unset;
    color: #000 !important;
    font-weight: 400 !important;
    padding: unset;
    padding: 0 10px 0 0;
}

.hypQuickEmail i {
    font-size: 16px;
    color: #fff;
    background: #007A46;
    padding: 7px;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 10px;
}

#materialIconsQuickEmail:after {
    content: 'phone';
    position: relative;
    color: #fff;
}

/*.hypQuickEmail span {text-decoration: none;color: ##fff;font-size:0.8333vw;}*/
.hypQuickContact,
.hypQuickContact:link,
.hypQuickContact:visited {
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    position: relative;
    top: 0px;
    font-size: 16px;
    color: #000 !important;
    font-weight: 400 !important;
    padding: 0 0 0 0px;
    cursor: unset;
    letter-spacing: 0.42px;
}

.hypQuickContact:last-child {
    padding-right: 0px;
}


.hypQuickContact:hover,
.hypQuickContact:active {
    text-decoration: unset;
    color: #000 !important;
    font-weight: 400 !important;
    padding: 0 0 0 0px;
}

#materialIconsQuickTel:after {
    content: "";
    position: relative;
    color: #fff;
    font-family: 'Material Icons';
 border-radius: 50%;
    padding: 5px;
    font-size: 15px;
}

.hypQuickContact i {
    font-size: 0.9375vw;
    color: #fff;
    background: transparent;
    border-radius: 50%;
    display: none;
}

.column-6 {
    width: 100%;
}

.divEnquiryForm {
    border-left: 1px solid #ddd;
    padding-left: 60px;
}

.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea {
    font-weight: 400;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
}

.hypQuickWhatsapp img {
    width: 25px;
}

#main {
    background: none;
}


.tblSearchBox {
    width: 50%;
    border: unset;
    background: transparent;
    height: 35px !important;
    border-radius: 30px;
    float: right;
}

.imgbtnSearch {
    overflow: hidden;
    border-left: none;
    outline: none;
    float: right;
}

.txtSearch {
    color: #BFBFBF;
    height: 0.8333vw;
    overflow: hidden;
    width: 100%;
    background: transparent;
    border: none;
    margin-right: 2px;
    outline: none;
    margin-left: 0px;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    font-size: 12px;
}

.tdSearchTxtBox {
    background: transparent;
    border-bottom: 1px solid #BFBFBF;
}

.txtSearch::-webkit-input-placeholder {
    color: #BFBFBF;
    height: 12px;
    overflow: hidden;
    width: 100%;
    background: transparent;
    padding: 20px 6px 20px 0px;
    border: none;
    margin-right: 2px;
    outline: none;
}

.txtSearch:-ms-input-placeholder {
    color: #BFBFBF;
    height: 12px;
    overflow: hidden;
    width: 100%;
    background: transparent;
    padding: 20px 6px 20px 0px;
    border: none;
    margin-right: 2px;
    outline: none;
}

.txtSearch::placeholder {
    color: #BFBFBF;
    opacity: 1;
    height: 12px;
    overflow: hidden;
    width: 100%;
    background: transparent;
    padding: 20px 6px 20px 0px;
    border: none;
    margin-right: 2px;
    outline: none;
}

.txtSearch:focus {
    color: #BFBFBF;
}

.tdSearcBtn {
    background: transparent;
    border-left: none;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 0 10px 0 0;
    /*border: solid 1px #cbcbcb;*/
}

.tdSearcBtn i {
    border: 1px solid #007A46;
    border-radius: 50%;
    padding: 3px;
}

#materialIconsSearch:after {
    content: "search";
    color: #007A46;
    font-size: 12px;
    font-weight: 700;
}

#divClearTextbox i {
    color: #BFBFBF;
}

.divResultList_Item:hover {
    color: #007A46 !important;
}

#TB_title {
    background: #007A46;
}

/*#cphContent_ucUsrIndProduct_ucUsrIndProductDetail_lblAsk {font-weight: 400;}
    a.menuLevelSel:link, a.menuLevelSel:visited, .menuLevelSel + .pnlShowMenuIcon i, .menuLevelSel + .pnlShowMenuIcon i {color: #fff;font-size: 0.9375vw;}
    .divFacebookCont {top: 5px;position: relative;}*/

/*Language*/
.divLanguage {
    border: none;
    background: #007A46;
    margin-left: 0;
    padding: 0;
    border-radius: 25px;
    height: 35px;
    position: relative;
}

.spanSplitter {
    padding: 0px 5px;
    color: #919191;
    display: none;
}

.langLink {
    font-size: 0.9375vw;
    color: #fff;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    width: 50px;
    box-sizing: border-box;
    z-index: 1;
    background: unset;
}

a.langLink:link {
    color: #fff;
    text-decoration: none;
    /*height: 35px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

a.langLink:visited {
    color: #fff;
    text-decoration: none;
}

/*a.langLink:hover,
        a.langLink:active,*/
.langLinkSel,
a.langLinkSel:link,
a.langLinkSel:visited

/*,
        a.langLinkSel:hover,
        a.langLinkSel:active*/
    {
    font-size: 0.9375vw;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    padding: 0 10px;
    background: #C1850A;
    width: 50px;
    box-sizing: border-box;
}

.divIndLang {
    opacity: 0;
    position: absolute;
    background: #fff;
    left: 0;
    width: 43px;
    height: 35px;
    top: 0;
    border-radius: 25px;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 0;
}

.langLinken+.divIndLang {
    left: 43px;
}

.divIndLang.selectedLang {
    background: #d2a620;
    left: 43px;
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s;
}

.langLinken+.divIndLang.selectedLang {
    left: 0px;
}

/*End of Language*/

/*Gallery*/
ul#filters li a {
    color: #007A46;
}

ul#filters li a.selected,
ul#filters li a:hover {
    border: solid 1px #007A46;
    color: #007A46;
}

/*End of Gallery*/


.bgtheme1 {
    background-color: transparent !important;
}

/*For mobile view*/
@media only screen and (max-width:800px) {
    body {
        font-size: 14px;
        letter-spacing: 0.48px;
    }

    input,
    textarea {}

    select {}

    p {}

    strong,
    b {}

    a,
    a:link,
    a:visited {}

    a:hover,
    a:active {}

    .button1,
    a.button1,
    .button1:link,
    .button1:visited,
    a.button1:link,
    a.button1:visited {
        font-size: 14px;
    }

    .button1:hover,
    .button1:active,
    a.button1:hover,
    a.button1:active {
        font-size: 14px;
    }

    .button2,
    a.button2,
    .button2:link,
    .button2:visited,
    a.button2:link,
    a.button2:visited {
        font-size: 14px;
    }

    .button2:hover,
    .button2:active,
    a.button2:hover,
    a.button2:active {
        font-size: 14px;
    }

    .button3,
    a.button3,
    .button3:link,
    .button3:visited,
    a.button3:link,
    a.button3:visited {
        font-size: 14px;
    }

    .button3:hover,
    .button3:active,
    a.button3:hover,
    a.button3:active {
        font-size: 14px;
    }

    h1 {
        font-size: 34px!important;
        line-height: 46px;
    }

    h2 {
        font-size: 30px!important;
        line-height: 38px;
    }

    h3 {
        font-size: 22px!important;
        line-height: 30px;
    }

    h4 {
    font-size: 16px!important;
line-height: normal!important;
}

    h5 {
    font-size: 14px!important;
    line-height: 14px!important;
}

    h6 {
    font-size: 14px!important;
    line-height: 14px!important;
}

    .ulContent {}

    .ulContent li {}

    .ulContent li::before {}

    .olContent {}

    .olContent li {}

    .tblContent {}

    .tblContent th {}

    .tblContent td {}

    .tblContent tr:nth-child(odd) {}

    .tblContent tr:nth-child(even) {}

    .mstTagline {
        font-size: 420%;
        line-height: 120%;
    }

    .mstTagline2 {
        font-size: 320%;
        line-height: 120%;
        font-weight: 500;
    }

    .mstTagline3 {
        font-size: 300%;
        line-height: 150%;
    }

    .mstTaglineSub {
        font-size: 20px !important;
        line-height: 20px;
    }

    .mstTaglineSub2 {
        font-size: 0.8333vw !important;
        line-height: 18px;
    }

    .imgLogo {
        height: 45px !important;
        transform: none;
    }

    #materialIconsSearch:after {
        color: #007A46;
        font-size: 25px;
    }

    .txtSearch {
        outline: none;
        padding: 20px 100px 20px 20px;
        border: none;
        width: 100%;
        background: #fff;
        color: #919191;
        border-bottom: 1px solid #ddd;
        height: auto;
        margin-right: unset;
        margin-left: unset;
    }

    #divClearTextbox {
        top: unset !important;
    }

    .divBtnSearchAction #materialIconsSearch:after {
        font-size: 18px;
        padding: 0;
        position: relative;
        color: #007A46;
        right: 10px;
        top: 2px;
    }

    #materialIconsQuickTel:after {
        content: "phone";
        position: relative;
        font-size: 22px;
        color: #000;
        border: unset;
        background: transparent;
    }

    .material-icons.phonembTop {
        padding-right: 0px;
    }

    .divSideMenu {
        top: 0px !important;
        border-top: 1px solid #ddd;
    }

    .fb_iframe_widget_fluid span {
        width: 112px !important;
    }

    .fb_iframe_widget iframe {
        width: auto !important;
    }

    a.hypSwitchDesktop i {
        color: #000;
    }

    .divCopyrightContainer .divCopyText {
        color: #202020!important;
        font-weight: 400;
        font-size: 12px !important;
        letter-spacing: 0.6px;
    }

    .recaptcha .errmsgEnquiry {
        padding: 0;
    }

    .jssorb21 div,
    .jssorb21 div:hover,
    .jssorb21 .av {
        /*background: url('/data/cms/images/pagination-home-masthead.png') no-repeat;*/
        background-size: 7px;
    }

    .jssorb21 .av,
    .jssorb21 div.divPrototype:hover,
    .jssorb21 .av:hover {
        background-position: 0px -19px;
        background-color: #333 !important;
    }

    /*.divNavigator {position: absolute;bottom: 5px;display: block !important;}*/
    /* center pagination */
    .divNavigator {
        bottom: 3px;
        right: 10px;
        left: unset;
        min-width: 100px !important;
        height: auto !important;
        text-align: center;
    }

    /* right pagination */
    .divNavigator .divPrototype {
        overflow: hidden;
        background: #007A46;
        transition: background 0.3s ease;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        padding: 0;
        box-sizing: border-box;
        position: relative !important;
        top: unset !important;
        left: unset !important;
        display: inline-block;
        margin: 0 4px;
    }

    .divSearch {
        display: none;
    }

    .divSearchBtn.divSearch {
        display: block;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .sidebar-nav-toggle {
        transform: scale(1);
        top: 20px;
        left: 5px;
        position: unset;
        margin: unset;
        width: 20px;
        height: 20px;
    }

    .divMenuFloatMobile {
        position: fixed;
        width: 100%;
        z-index: 100;
        top: 0px;
        left: 0px;
        background: #fff;
    }

    .fb-like-container {
        width: 23%;
        margin-left: -15px !important;
        height: 20px;
    }

    .divEventList,
    .divIndEvent {
        padding: 0 15px;
    }

    .divCopyText {
        font-size: 12px !important;
    }

    /*Copyright Text. font*/
    .hypFacebook,
    a.hypFacebook:link,
    a.hypFacebook:visited,
    a.hypFacebook:hover,
    a.hypFacebook:active {
        /*background: url('/data/cms/images/facebook-app-symbol.png') no-repeat; text-decoration: none;background-size: 90%;*/
    }

    .divBestSellerContainer {
        /*margin: auto;padding:0 15px;*/
    }

    .divTopMenu {
        text-align: left !important;
    }

    .divLanguage {
        border: unset;
        border-bottom: 1px solid #ddd;
        border-left: unset;
        border-radius: 0px;
        height: 44px;
        display: flex;
        align-items: center;
        background: #C1850A;
        padding: 0 0 0 18px;
        margin-left: auto;
    }

    .langLink,
    a.langLink:link,
    a.langLink:visited {
        color: #fff;
    }

    a.langLink:hover,
    a.langLink:active,
    .langLinkSel,
    a.langLinkSel:link,
    a.langLinkSel:visited,
    a.langLinkSel:hover,
    a.langLinkSel:active {
        color: #fff;
        background: #007A46;
        height: 40px;
        box-shadow: unset;
        border-radius: 10px;
    }

    a.hypQuickContact,
    a.hypQuickContact2 {
        top: unset;
        padding-right: unset;
        min-width: unset;
        margin-left: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0 0 10px;
        min-width: unset !important;
    }

    a.hypQuickContact,
    a.hypQuickContact:link,
    a.hypQuickContact:visited,
    a.hypQuickContact:hover,
    a.hypQuickContact:active,
    a.hypQuickContact2,
    a.hypQuickContact2:link,
    a.hypQuickContact2:visited,
    a.hypQuickContact2:hover,
    a.hypQuickContact2:active {
        padding: 0;
        color: #007A46 !important;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        font-size: 10px;
    }

    .material-icons.phonembTop {
        display: block;
        background: transparent;
        border: unset;
    }

    .txtSearch {
        color: #000;
    }

    .txtSearch::-webkit-input-placeholder {
        color: #000;
    }

    .txtSearch:-ms-input-placeholder {
        color: #000;
    }

    .txtSearch::placeholder {
        color: #000;
    }

    .txtSearch:focus {
        color: #000;
    }
}

/*End General*/

/*Desktop View*/
@media only screen and (min-width:960px) {
    .hypCart {}

    .divLoginItem {}

    .hypLoginItem,
    a.hypLoginItem,
    a.hypLoginItem:visited,
    a.hypLoginItem:link {}

    a.hypLoginItem:hover,
    a.hypLoginItem:active {}

    .divSwitchDesktop {
        border-top: 1px solid #ddd;
    }

    .divFbContainer,
    .divTwitterContainer,
    .divInstagramContainer,
    .divLinkedInContainer,
    .divYouTubeContainer,
    divGooglePlusContainer,
    .fb-like-container {
        height: 23px;
    }

    .divFacebookCont {
        position: relative;
        top: 5px;
    }

    a.divFbIcon,
    a.divFbIcon:link,
    a.divFbIcon:visited {
        /* background:url('/data/cms/images/facebook.png') no-repeat; */
        /* background-position: 0px 0px; */
        /* background-size:25px; */
    }

    a.divFbIcon:hover,
    a.divFbIcon:active {
        /*background-position: 0px 0px;*/
    }

    .bodyPage1 .divTopMastheadContainer {
        width: 100%;
        margin: auto;
    }

    /*Product*/
    .divIndProdItem {
        border: unset;
        width: calc(93.9%/4);
        margin: 0px 18px 15px 0px;
    }

    /*padding:border:margin:width*/
    .pnlAskEmail {
        width: auto;
    }

    /*End of Product*/

    /*if adjust enquiry for alignment by css*/
    .isEnquiry .divMainCtnTopMiddleBtm .divMiddleCtnSubLeft {
        display: none;
    }

    .isEnquiry .divMainCtnTopMiddleBtm .divMiddleCtnSubRight {
        padding: 0 !important;
        width: 62.5vw !important;
        margin: auto;
    }

    .enquiry-form {
        padding: 0 0 0 2.08333vw;
    }

    .enquiry-form .row,
    .enquiry-form .rowState {
        margin-bottom: 1.04167vw;
        width: 48%;
        display: inline-block;
        position: relative;
        margin: auto auto 0.625vw auto;
    }

    .enquiry-form .rowState {
        margin: unset;
    }

    .enquiry-form .rowState.active {
        margin: auto auto 1.04167vw auto;
    }

    .enquiry-form .row:nth-child(1),
    .enquiry-form .row:nth-child(2),
    .enquiry-form .row:nth-child(3),
    .enquiry-form .row:nth-child(4),
    .enquiry-form .row:nth-child(5),
    .enquiry-form .row:nth-child(6) {
        float: left;
        clear: left;
        padding: 0 2.44792vw 0 0;
    }

    .enquiry-form .row:nth-child(7) {}

    .enquiry-form .row:nth-child(8) {}

    .enquiry-form .row:nth-child(9) {}

    .enquiry-form .row:nth-child(10) {
        /*width: 100%;
		margin: auto;
		text-align: center;
		padding: unset;
		float: none;
		clear: none;
		display: inline-grid;*/
    }

    .enquiry-form .row:nth-child(11) {
        display: block;
        width: 100%;
        clear: both;
    }

    .enquiry-form .row:nth-child(12),
    .enquiry-form .row:nth-child(13) {
        padding: 12px 0 0 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .enquiry-form .row:nth-child(14) {
        margin: auto;
        text-align: center;
        padding: 12px 0 0 0;
        width: 100%;
    }

    .enquiry-form .field-label {
        display: none;
    }

    .enquiry-form .field-control {
        float: left;
        width: 100%;
    }

    .divMiddleCtnSubRight {
        width: 100% !important;
    }

    .divEnquiryForm {
        border-left: none;
        margin: auto;
        padding: 0 0 5.20833vw 0;
    }

    .enquiry-form {
        padding: 0 0 0 0px;
    }

    .divEnquiryHeaderDesc {
        text-align: center;
        line-height: 1.66667vw;
        letter-spacing: 0.025vw;
        /*padding: 0 0 30px 0;*/
    }

    .enquiry-title h2 {
        justify-content: center;
        letter-spacing: 0.04375vw;
        text-transform: capitalize;
    }

    .enquiry-form .ddl,
    .enquiry-form .text_big {
        border-radius: 0px;
        min-height: 2.1875vw;
    }

    .enquiry-form input {
        font-size: 0.9375vw;
    }

    .recaptcha .errmsgEnquiry {
        padding-left: 0;
    }

    .isEnquiry {
        /*background:linear-gradient(90deg, #fff 71%, #2a8a8e 33%);*/
    }

    .errmsg {
        font-size: 0.625vw;
    }

    .chkboxEnquiryTnc {
        width: 100%;
        padding: 0.781vw 0 0.26vw;
        display: flex;
        align-items: center;
    }

    .chkboxEnquiryTnc input {
        margin: unset;
        margin-right: 0.521vw;
        width: auto;
        width: 0.8vw;
    }

    .chkboxEnquiryTnc label {
        width: calc(100% - 1.321vw);
        box-sizing: border-box;
    }

    /*end if adjust enquiry for alignment by css*/

}


/*Top Menu*/
.divTopMenu {
    text-align: right;
}

.divSearch {
    border: unset;
    border-radius: 30px;
    float: right;
}

.topMenuSplitter {
    height: 7.29167vw;
    width: 100%;
}

.topMenuSplitterInner {
    width: 1720px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


.divSSPagingInner {
    position: relative;
    width: 1720px;
    margin: auto;
}


.divAdjustTopMenu {
    content: "1";
}

/* Auto adjust top menu. OFF:"0"   ON:"1" */
.nav {
    margin-right: 0px;
}

.nav-one li {
    padding: 0 1.04167vw;
    height: 3.64583vw;
}

.nav-one li:last-child {
    padding-right: 0px;
}

.topMenuItem,
a.topMenuItem,
a.topMenuItem:link,
a.topMenuItem:visited {
    font-size: 0.9375vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
    color: #333;
    text-align: center;
    text-decoration: unset;
    border-top: unset;
    height: 3.64583vw;
    letter-spacing: 0.025vw;
}

/*1st level menu*/

.topMenuItemSel,
a.topMenuItemSel,
a.topMenuItemSel:visited,
a.topMenuItemSel:link,
a.topMenuItemSel:hover,
a.topMenuItemSel:active,
a.topMenuItem:hover,
a.topMenuItem:active,
.nav-one li:hover a.topMenuItem {
    font-size: 0.9375vw;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
    color: #007A46;
    text-align: center;
    height: 3.64583vw;
    text-decoration: unset;
    border-top: unset;
    letter-spacing: 0.025vw;
}


.topMenuItemFirst,
a.topMenuItemFirst,
a.topMenuItemFirst:link,
a.topMenuItemFirst:visited {
    color: #333;
    font-family: "Noto Sans JP";
    font-size: 0.72917vw;
    font-style: normal;
    font-weight: 600;
    line-height: 0.83333vw;
    letter-spacing: 0.01875vw;
}




.topMenuItemFirst:hover,
a.topMenuItemFirst:hover,
.topMenuItemFirst:active,
a.topMenuItemFirst:active,
.topMenuItemFirstSel {
    color: #007A46 !important;
    font-family: "Noto Sans JP";
    font-size: 0.72917vw;
    font-style: normal;
    font-weight: 600;
    line-height: 0.83333vw;
    letter-spacing: 0.01875vw;
}


.divMenu2 .nav-one li {
    height: 2.08333vw;
}


.nav li:hover ul,
.nav li.sfHover ul {
    left: -2.08333vw;
    top: -2.70833vw;
}




.spanTopMenuSplitter {
    display: none;
}

/*2nd level menu*/
.nav-two {
    margin-left:0px!important;
    margin-top: 6.35417vw!important;
    padding: 0.52083vw 0.78125vw;
    background: #fff;
    min-width: 10.41667vw!important;
}

.nav-two li,
.nav-two li a {
    background: #fff;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    font-size: 0.9375vw;
    color: #000 !important;
    border-bottom: unset;
    padding: 0;
    height: auto;
}

.nav-two li a,
.nav-two li a:link,
.nav-two li a:visited {
    padding: 0.625vw 0.52083vw;
}

.nav-two li a:active,
.nav-two li a:hover {
    background: transparent;
    font-weight: 500;
    font-size: 0.9375vw;
    color: #007A46 !important;
}

.nav-two li:hover,
.nav-two li.sel {
    background: transparent;
    font-weight: 500;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-size: 0.9375vw;
    color: #007A46 !important;
}

.nav-two li.sel a:visited,
.nav-two li.sel a:active {
    background: transparent;
    font-weight: 500;
    font-size: 0.9375vw;
    color: #007A46 !important;
}

.nav-two li.sel a:hover,
.nav-two li.sel a:link {
    background: transparent;
    font-weight: 500;
    font-size: 0.9375vw;
    color: #007A46 !important;
}

.divTopSubMenuSpliter {
    border-bottom: 1px solid transparent;
    height: 8px;
}

/*end 2nd level menu*/

/*3rd level menu*/
.divSubMenuLv2 #nav-three li a:link,
.divSubMenuLv2 #nav-three li a:visited {
    background: #005e35;
    padding: 0.625vw 0.52083vw;
}

.divSubMenuLv2 #nav-three li a:hover,
.divSubMenuLv2 #nav-three li a:active,
.divSubMenuLv2 #nav-three li.sel a:link,
.divSubMenuLv2 #nav-three li.sel a:visited,
.divSubMenuLv2 #nav-three li.sel a:hover,
.divSubMenuLv2 #nav-three li.sel a:active {
    background: #005e35;
    padding: 0.625vw 0.52083vw !important;
}

/*#nav-three li a, #nav-three li a:visited, #nav-three li a:link{}*/
/*3rd level menu*/
/*#nav-three li a:hover,#nav-three li a:active,#nav-three li.sel{}*/
/*3rd level menu hover effect*/
/*end 3rd level menu*/
/*End Top Menu*/


/*Side Menu*/
.sidr {
    top: 49px;
}

/*background*/
.sidebar-nav-toggle span {
    width: 20px;
    height: 3px;
    background: #000;
}

/*Side menu icon. color*/
.sidebar-nav-toggle span:nth-child(2) {
    top: 8px;
}

.sidebar-nav-toggle span:nth-child(3) {
    top: 16px;
}

body.open .sidebar-nav-toggle span:nth-child(3) {
    top: 14px;
}

.pnlShowMenuIcon .matAdd,
.pnlShowSubMenuIcon .matAdd {
    color: #000000;
    font-weight: 700;
}

.pnlShowMenuIcon .matMin,
.pnlShowSubMenuIcon .matMin {
    color: #fff;
    font-weight: 700;
}

.divTopMenuSubItem .pnlShowMenuIcon .matMin,
.divTopMenuSubItem .pnlShowSubMenuIcon .matMin {
    color: #fff;
}

.topMenuItemMobileSel+.pnlShowMenuIcon .matAdd {
    color: #fff;
}

.divTopMenuSubItem .pnlShowSubMenuIcon i {
    color: #000;
}

.divTopMenuSubItem .hypTopSubMenuSel+.pnlShowSubMenuIcon i,
.divTopMenuSubItem .submenuLevelSel+.pnlShowSubMenuIcon .matMin {
    color: #007A46;
}

.pnlShowMenuIcon i,
.pnlShowSubMenuIcon i {
    font-size: 18px;
}

/*.matAdd:after {content: "keyboard_arrow_down";}
    .matMin:after {content: "expand_less";}*/
.ulTopMenu li {
    padding: 0px !important;
    margin: 0px !important;
    background-image: none;
    border-top: none;
    border-bottom: 1px solid #9B9B9B;
}

.topMenuItemMobile,
a.topMenuItemMobile,
a.topMenuItemMobile:visited,
a.topMenuItemMobile:link {
    font-size: 14px;
    color: #000;
    display: block;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    border-bottom: unset;
    padding: 13px 0px 13px 20px;
}

/*1st level menu*/
.topMenuItemMobileSel,
a.topMenuItemMobile:active,
a.topMenuItemMobile:hover,
a.topMenuItemMobileSel:visited,
a.topMenuItemMobileSel:link,
a.topMenuItemMobileSel:hover,
a.topMenuItemMobileSel:active,
.menuLevelSel,
a.menuLevelSel:visited,
a.menuLevelSel:link,
a.menuLevelSel:hover,
a.menuLevelSel:active {
    font-size: 14px;
    color: #fff !important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    background: #007A46;
    text-decoration: none;
    padding: 13px 0px 13px 20px;
}

/*1st level menu hover effect*/
a.menuLevel:hover,
a.menuLevel:active {
    background: transparent;
}

.ulSubMenu {
    background: #005e35;
}

.divTopMenuSubItem {
    padding: 0;
}

.ulSubMenu li {
    border-bottom: unset;
    background: #005e35;
}

.hypTopSubMenu,
a.hypTopSubMenu,
a.hypTopSubMenu:link,
a.hypTopSubMenu:visited {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng' !important;
    display: block !important;
    background: #fff !important;
    padding: 13px 20px 13px 40px !important;
    border-bottom: unset !important;
    border-top: unset !important;
}

/*2nd level menu*/
.hypTopSubMenuSel,
a.hypTopSubMenuSel,
a.hypTopSubMenu:hover,
a.hypTopSubMenu:active,
a.hypTopSubMenuSel:link,
a.hypTopSubMenuSel:visited,
a.hypTopSubMenuSel:hover,
a.hypTopSubMenuSel:active,
.submenuLevelSel,
a.submenuLevelSel:visited,
a.submenuLevelSel:link,
a.submenuLevelSel:hover,
a.submenuLevelSel:active {
    color: #007A46 !important;
    background: #fff !important;
    display: block !important;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 20px 13px 40px;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng' !important;
}

/*2nd level menu hover effect*/
.hypTopSubMenuLv2,
a.hypTopSubMenuLv2,
a.hypTopSubMenuLv2:link,
a.hypTopSubMenuLv2:visited {
    color: #fff;
    padding: 10px 0 10px 55px;
    font-weight: 500;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-size: 14px;
    border-bottom: unset;
}

/*3rd level menu*/
.hypTopSubMenuLv2Sel,
a.hypTopSubMenuLv2Sel,
a.hypTopSubMenuLv2:hover,
a.hypTopSubMenuLv2:active,
a.hypTopSubMenuLv2Sel:link,
a.hypTopSubMenuLv2Sel:visited,
a.hypTopSubMenuLv2Sel:hover,
a.hypTopSubMenuLv2Sel:active {
    color: #7290DD !important;
    background: #005e35 !important;
    padding: 10px 0 10px 55px !important;
    border-bottom: unset;
    font-weight: 500;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-size: 14px;
}

/*3rd level menu hover effect*/

.divSocialLinkContainer {
    border-bottom: 1px solid #9B9B9B;
}

/*Social icon menu*/
.hypSwitchDesktop.a.hypSwitchDesktop,
a.hypSwitchDesktop:link,
a.hypSwitchDesktop:visited {
    border-top: none;
    color: #000;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    font-size: 14px;
}

/*Switch desktop menu*/
a.hypSwitchDesktop:hover,
a.hypSwitchDesktop:active {}

/*Switch desktop menu hover effect*/
.divCopyText {
    font-size: 0.625vw;
    color: #202020;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 400;
    text-align: center;
}

/*Copyright Text. font*/


.divPoweredByWebteq span {
    font-size: 0.625vw;
    font-weight: 400;
    color: #fff !important;
}


.divCartContainer {}

.divSideMenu .hypCart,
.divSideMenu a.hypCart,
.divSideMenu a.hypCart:link,
.divSideMenu a.hypCart:visited {}

.divSideMenu a.hypCart:hover,
.divSideMenu a.hypCart:active {}

.divLoginContainer {}

.topLogin,
a.topLogin,
a.topLogin:visited,
a.topLogin:link,
.topRegister,
a.topRegister,
a.topRegister:visited,
a.topRegister:link {}

a.topLogin:hover,
a.topLogin:active,
a.topRegister:hover,
a.topRegister:active {}

.divSideMenu .divLoginItem {}

.divSideMenu .hypLoginItem,
.divSideMenu a.hypLoginItem,
.divSideMenu a.hypLoginItem:visited,
.divSideMenu a.hypLoginItem:link {}

.divSideMenu a.hypLoginItem:hover,
.divSideMenu a.hypLoginItem:active {}

.divCopyrightContainer {
    border-top: 1px solid #9B9B9B;
}

.divSubGroupItem {
    border-bottom: unset;
    padding: 10px 20px;
}

.hypSubGroupDName,
a.hypSubGroupDName:link,
a.hypSubGroupDName:visited {
    font-size: 0.9375vw;
    color: #000;
    text-decoration: none;
    /*padding:0 25px;border-bottom:solid 1px #e81d25;*/
}

a.hypSubGroupDName:hover,
a.hypSubGroupDName:active {
    color: #007A46;
    text-decoration: none;
}

.hypSubGroupDNameSel,
a.hypSubGroupDNameSel:link,
a.hypSubGroupDNameSel:visited {
    font-size: 0.9375vw;
    color: #007A46;
    text-decoration: none;
    /*padding:0 25px;border-bottom:solid 1px #e81d25;*/
}

a.hypSubGroupDNameSel:hover,
a.hypSubGroupDNameSel:active {
    color: #007A46;
    text-decoration: none;
}

/*End Side Menu*/

/*Bottom Menu*/
.btmMenuItem,
a.btmMenuItem,
a.btmMenuItem:visited,
a.btmMenuItem:link {
    font-size: 12px;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    color: #000;
    padding: 10px 0;
    text-decoration: unset;
    margin: auto 40px auto auto;
    letter-spacing: 0.6px;
}

a.btmMenuItem:hover,
a.btmMenuItem:active,
.btmMenuItemSel,
a.btmMenuItemSel,
a.btmMenuItemSel:visited,
a.btmMenuItemSel:link,
a.btmMenuItemSel:hover,
a.btmMenuItemSel:active {
    font-size: 12px;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    color: #fff;
    padding: 10px 0;
    text-decoration: unset;
    margin: auto 40px auto auto;
}

/*End Bottom Menu*/

/*Breadcrumb*/
.divBreadCrumb {
    border-bottom: none;
    padding: 0.57291vw 0px;
    width:62.5vw!important;
}

.hypBreadCrumb,
a.hypBreadCrumb,
a.hypBreadCrumb:link,
a.hypBreadCrumb:visited {
    font-size: 0.83333vw;
    color: #000000;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
}

a.hypBreadCrumb:hover,
a.hypBreadCrumb:active,
.hypBreadCrumbSelected,
a.hypBreadCrumbSelected,
a.hypBreadCrumbSelected:visited,
a.hypBreadCrumbSelected:link,
a.hypBreadCrumbSelected:hover,
a.hypBreadCrumbSelected:active {
    font-size: 0.83333vw;
    color: #007A46;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 600;
}

.divBreadCrumbMobile {
    width: 100%!important;
    margin: auto;
    padding: 12px 20px;
    background: #fff;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 400;
    border-bottom: 1px solid #ddd;
}

.divBreadCrumbMobile .hypBreadCrumb,
.divBreadCrumbMobile a.hypBreadCrumb,
.divBreadCrumbMobile a.hypBreadCrumb:link,
.divBreadCrumbMobile a.hypBreadCrumb:visited {
    font-size: 14px!important;
}

.divBreadCrumbMobile a.hypBreadCrumb:hover,
.divBreadCrumbMobile a.hypBreadCrumb:active,
.divBreadCrumbMobile .hypBreadCrumbSelected,
.divBreadCrumbMobile a.hypBreadCrumbSelected,
.divBreadCrumbMobile a.hypBreadCrumbSelected:visited,
.divBreadCrumbMobile a.hypBreadCrumbSelected:link,
.divBreadCrumbMobile a.hypBreadCrumbSelected:hover,
.divBreadCrumbMobile a.hypBreadCrumbSelected:active {
    font-size: 14px!important;
}





/*End Breadcrumb*/

/*Product*/
.divProdItemDName {
    height: auto !important;
}

.divProdItemImg {
    padding: 0px;
    border: 1px solid #ddd;
}

/*padding*/
.divProdImgInn {}

/*image border*/
.hypProdDName {}

/*productName. font*/
a.hypProdDCode,
a.hypProdDCode:link,
a.hypProdDCode:visited,
a.hypProdDCode:hover,
a.hypProdDCode:active {
    color: #191919;
    text-decoration: unset;
    cursor: pointer;
}

/*productCode. font*/
.divProdItemDetail {}

/*padding*/
#divProdListingPerRow {
    content: "4";
}

/*Default 4. Adjust product listing alignment.*/
.btnThumb {
    height: 20px;
    top: 23px;
}

/*Recommended Icon. set position.*/
.btnNew {
    height: 20px;
}

/*New Icon. set position.*/
.btnThumb img,
.btnNew img {
    height: 20px;
}

.divTopProdGroup {
    /*background: #e9e9e9;*/
}

.ddl_sort,
.ddl_show {
    background: #fff;
    font-weight: 400;
    font-size: 0.78125vw !important;
}

.divEventList .ddl_sort {
    background-size: 1.25vw !important;
}

#materialIconsGroupHeaderFront:after {
    content: "format_list_bulleted";
    color: #007A46;
    padding: 0 10px 0 0;
}

/*.divGroupDNameSubTitle:hover .materialIconsGroupDNameSubFront:after,.divGroupDNameSubTitle:active .materialIconsGroupDNameSubFront:after{content: "keyboard_arrow_right_black";color:#007A46;}*/
.divProdAddToCart {
    width: 100%;
    padding: 0px;
    width: 94% !important;
    margin: auto;
    position: relative;
    top: -10px;
    display: none;
}

/*  .pricerange-filter .button {
        background: #007A46 url(../img/usr/icon-product-price-range.gif) no-repeat top right;
      }*/

/*individual product*/
.imgNewProd,
.imgRecProd {
    width: 50px;
}

.divProdDetailProdCode {
    color: #191919;
}

.divSocialShareBtnIcon {
    font-size: 0.9375vw;
}

a.hypWhatsapp:link,
a.hypWhatsapp:visited,
a.hypAsk,
a.hypAsk:link,
a.hypAsk:visited {
    color: #4e4e4e !important;
    font-weight: 400;
    border: unset;
    background: unset;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-size: 12px;
}

.hypWhatsapp {
    color: #4e4e4e;
    font-weight: 400;
}

a.hypWhatsapp:hover,
a.hypWhatsapp:active,
a.hypAsk:hover,
a.hypAsk:active {
    color: #113d8c !important;
    font-weight: 400;
}

.pnlWhatsapp {
    padding: 5px 10px 5px 5px;
}

.pnlAskEmail {
    padding: 5px 5px 5px 0px;
}

a.hypAsk i,
a.hypAsk:link i,
a.hypAsk:visited i {
    color: #007A46;
}

a.hypAsk:hover i,
a.hypAsk:active i {
    color: #fff;
    background: #007A46;
}

.divSocialShareBtnIcon i {
    color: #007A46;
}

.divFacebookLike2 {
    position: relative;
    top: 6px;
}

.spanArticleSplitter {
    color: #007A46;
}

/*end of individual product*/

a.hypProdDName {
    color: #000;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
}

a.hypProdDName:link,
a.hypProdDName:visited {
    color: #000;
    text-decoration: none;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
}

a.hypProdDName:hover,
a.hypProdDName:active {
    color: #007A46;
    text-decoration: none;
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
}

.divIndProdItemNewRec {
    border: unset;
    width: calc(92%/5);
    margin: 0px 2% 15px 0px;
}

/*New & Recommend Product. width:margin*/
#divNewRecProdListingPerRow {
    content: "5";
}

/*Default 5. Adjust new & recommended product listing alignment.*/

.divIndProdItemRel {
    width: calc(92.5%/5);
    margin: 0px 18px 15px 0px;
}

/*Individual Product Page Recommend Product. Width*/

.divIndRecommendItem {}

/*Homepage recommended product. Width*/
#divRecProdListingPerRow {
    content: "4";
}

/*Default 4. Adjust Homepage Recommended product listing alignment.*/

.divProductPrice {
    color: #007A46;
}

/*price font*/
.divPriceStrike {}

/*original price with strike off*/
.divIndProdPrice {}

/*Individual product page. Price font*/

.divGroupHeader {
    font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    font-weight: 500;
    padding: 10px;
    background-image: unset;
}

/*background:font*/
.divGroupDNameSub {}

/*Category Lvl1.border*/

/*added*/
a.hypGrpNameCat.gotLvl2,
a.hypGrpNameCat.gotLvl2:link,
a.hypGrpNameCat.gotLvl2:visited,
a.hypGrpNameCat.gotLvl2:hover,
a.hypGrpNameCat.gotLvl2:active,
a.hypGrpNameCatSel.gotLvl2,
a.hypGrpNameCatSel.gotLvl2:link,
a.hypGrpNameCatSel.gotLvl2:visited,
a.hypGrpNameCatSel.gotLvl2:hover,
a.hypGrpNameCatSel.gotLvl2:active {
    /*background: url(/data/cms/images/right-arrow.png) no-repeat right center;*/
    background-size: 10px;
    width: 100%;
}

.divGroupDNameSubLv2,
.divGroupDNameSubLv3 {
    padding-bottom: 10px;
}

/* end of added */

.hypGrpNameCat {
    background-image: unset;
    /*font-size: 16px;color:#000;padding: 0 0 0 25px;*/
}

/*font*/
a.hypGrpNameCat:link,
a.hypGrpNameCat:visited {
    color: #000;
    text-decoration: none;
    background-image: unset;
    /*padding: 0 0 0 25px;*/
}

a.hypGrpNameCat:hover,
a.hypGrpNameCat:active {
    color: #007A46;
    text-decoration: none;
    background-image: unset;
    /*padding: 0 0 0 25px;*/
}

.hypGrpNameCatSel {
    /*font-size: 16px;*/
    color: #007A46;
    /*padding: 0 0 0 25px;*/
}

a.hypGrpNameCatSel:link,
a.hypGrpNameCatSel:visited {
    color: #007A46;
    text-decoration: none;
    /*padding: 0 0 0 25px;*/
}

a.hypGrpNameCatSel:hover,
a.hypGrpNameCatSel:active {
    color: #007A46;
    text-decoration: none;
    /*padding: 0 0 0 25px;*/
}

.hypGrpNameCatLv2 {
    font-size: 0.9375vw;
    color: #000;
}

a.hypGrpNameCatLv2:link,
a.hypGrpNameCatLv2:visited {
    color: #000;
    text-decoration: none;
}

a.hypGrpNameCatLv2:hover,
a.hypGrpNameCatLv2:active {
    color: #007A46;
    text-decoration: none;
}

.hypGrpNameCatLv2Sel {
    font-size: 0.9375vw;
    color: #007A46;
}

a.hypGrpNameCatLv2Sel:link,
a.hypGrpNameCatLv2Sel:visited {
    color: #007A46;
    text-decoration: none;
}

a.hypGrpNameCatLv2Sel:hover,
a.hypGrpNameCatLv2Sel:active {
    color: #007A46;
    text-decoration: none;
}

.divGroupDNameSubLv2Title {}

/*Category Lvl2.border*/
.hypGrpNameCatLv2 {}

/*font*/

.pricerange-filter .button {}

/*price range filter button design. background:font*/
.pricerange-filter .ui-widget-header {
    border: 1px solid #007A46;
    background: #007A46;
}

/*price range scroll*/

a.btnPagination:link,
a.btnPagination:visited {
    color: #000;
    text-decoration: none;
}

a.btnPagination:hover,
a.btnPagination:active {
    color: #007A46;
    text-decoration: none;
}

.btnPaginationSel {
    color: #007A46;
}

a.btnPaginationSel:link,
a.btnPaginationSel:visited {
    color: #007A46;
    text-decoration: none;
}

a.btnPaginationSel:hover,
a.btnPaginationSel:active {
    color: #007A46;
    text-decoration: none;
}

.imgbtnPageLast:hover i:after {
    color: #007A46;
}

.divWhatsappEmail {
    min-width: 90px;
}

/*For mobile view*/
@media only screen and (max-width:800px) {
    .divProdItemImgInner img {
        position: absolute;
        /*width: 100% !important;height: auto !important;*/
        top: 50% !important;
        left: 50% !important;
    }

    .divIndProdItem {
        border: unset;
    }

    /*padding:border:margin:width*/
    .divProdItemImg {}

    /*padding*/
    .divProdImgInn {
        padding: 0px;
        /*border:1px solid #ddd;*/
    }

    /*image border*/
    .hypProdDName {
        border: unset;
    }

    /*productName. font*/
    .hypProdDCode {}

    /*productCode. font*/
    .divProdItemDetail {}

    /*padding*/
    .btnThumb {
        left: 0px;
    }

    /*Recommended Icon. set position.*/
    .btnNew {
        left: 0px;
        top: 0px;
    }

    /*New Icon. set position.*/
    .divRecProd img,
    .divNewProd img {
        width: 50px;
    }

    .divProductPrice {}

    /*price font*/
    .divPriceStrike {}

    /*original price with strike off*/
    .divIndProdPrice {}

    /*Individual product page. Price font*/

    .lnkbtnProdArticle,
    a.lnkbtnProdArticle:link,
    a.lnkbtnProdArticle:visited {
        color: #007A46;
    }

    a.lnkbtnProdArticle:hover,
    a.lnkbtnProdArticle:active {
        color: #25be82;
        text-decoration: unset;
    }

    .divGroupDNameSub {
        border-bottom: unset;
        padding: 0 5%;
    }

    /*Category Lvl1.border*/
    .lvl2DropDown {
        /*background: url(/data/cms/images/right-arrow.png) no-repeat left center;*/
        background-size: 35%;
    }

    .divSubGroup {
        border-bottom: solid 1px #007A46;
        margin: auto 5%;
    }

    a.hypGrpNameCat {
        font-size: 0.9375vw;
        padding: 15px 0;
        border-bottom: solid 1px #007A46;
    }

    /*font*/
    a.hypGrpNameCat:link,
    a.hypGrpNameCat:visited {
        padding: 15px 0;
    }

    a.hypGrpNameCat:hover,
    a.hypGrpNameCat:active {
        padding: 15px 0;
    }

    a.hypGrpNameCatSel {
        font-size: 0.9375vw;
        padding: 15px 0;
        border-bottom: solid 1px #007A46;
    }

    a.hypGrpNameCatSel:link,
    a.hypGrpNameCatSel:visited {
        padding: 15px 0;
    }

    a.hypGrpNameCatSel:hover,
    a.hypGrpNameCatSel:active {
        padding: 15px 0;
    }

    .divProdGroupSnapshot {
        font-size: 12px;
    }

    a.hypProdDName {
        font-size: 0.9375vw;
    }

    .divProd {
        padding: 0 15px;
    }

    .divTopProdGroup {
        background: #fff;
    }

    .spnActive,
    .spanList,
    .spnLarge,
    .spnGrid,
    .spnList {
        color: #007A46;
    }

    .lnkbtnNext i:after,
    .lnkbtnNextDisabled i:after {
        content: "arrow_right";
    }

    .lnkbtnPrevDisabled i:after,
    .lnkbtnPrev i:after {
        content: "arrow_left";
    }

    .btnPagination {
        font-size: 16px;
    }

    .btnPaginationSel {
        font-size: 16px;
        font-weight: 500;
    }

    .divProdBackSort .ddl {
        /*background:#e9e9e9;*/
    }

    .divProdDetailProdCode {
        font-size: 0.9375vw;
    }

    a.hypWhatsapp,
    a.hypAsk,
    .divSocialShareBtnIcon {
        font-size: 10px !important;
    }

    .divRelProdDName {
        height: auto !important;
    }

    .divEnquiry {
        padding: 0 15px;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-weight: 400;
        font-family: 'Noto Sans JP', Arial, 'Ma Shan Zheng';
    }

    .enquiry-form .rowState.active {
        margin-bottom: 10px;
    }

    .enquiry-form .button1,
    .enquiry-form a.button1,
    .enquiry-form .button1:link,
    .enquiry-form .button1:visited,
    .enquiry-form a.button1:link,
    .enquiry-form a.button1:visited {
        letter-spacing: 3.2px;
    }

    .enquiry-form .button2,
    .enquiry-form a.button2,
    .enquiry-form .button2:link,
    .enquiry-form .button2:visited,
    .enquiry-form a.button2:link,
    .enquiry-form a.button2:visited {
        letter-spacing: 3.2px;
        padding-right: 20px;
    }

    .enquiry-form .button2:before {
        content: '';
        background: #007A46;
        width: 5px;
        height: 5px;
        transform: translateX(92px);
        transition: all 0.5s;
    }

    .enquiry-form .button2:hover:before {
        background: #fff;
        transform: translateX(105px);
        transition: all 0.5s;
    }

    .enquiry-form .button2:after {
        content: '';
        background: #454545;
        width: 5px;
        height: 5px;
        transform: translateX(25px);
        transition: all 0.5s;
    }

    .enquiry-form .button2:hover:after {
        background: #454545;
        transform: translateX(15px);
        transition: all 0.5s;
    }

    .chkboxEnquiryTnc {
        display: block;
        width: 100%;
        padding: 15px 0 5px;
    }

    .chkboxEnquiryTnc input {
        display: inline-block;
        margin-right: 10px;
        width: auto;
    }

    .chkboxEnquiryTnc label {
        display: inline-block;
        width: calc(100% - 30px);
        box-sizing: border-box;
        vertical-align: bottom;
    }

    .divNewProd,
    .divRecProd {
        top: 0px;
        left: 0px;
    }

    .divProdDesc>div {
        white-space: normal !important;
    }

    .divEventList h2 {
        font-size: 16px;
        line-height: 24px;
    }
}

/*End Product*/

/*Others*/
/*Apply in desktop view only*/
@media only screen and (min-width:960px) {



    #ob_title h3 {
        line-height: 1;
        font-size: 26px;
    }

    .event-title h3 {
        line-height: 1.5625vw;
        font-weight: 400;
        font-size: 1.146vw !important;
    }

    .event-date {
        font-size: 0.9375vw;
        line-height: normal;
        margin-bottom: 0.52083vw;
        letter-spacing: 0.08333vw;

    }

    .divIndEventDesc {
        line-height: 1.66667vw;
        padding-bottom: 0.78125vw;
    }

    #cphContent_pnlIndEvent {
        width: 62.5vw !important;
        padding: 0px 0px 2.60417vw !important;
    }

    .divIndEventContent h3 {
        font-size: 1.45833vw;
    }

    .enquiry-form input,
    .enquiry-form select,
    .enquiry-form textarea {
        font-size: 0.9375vw;
    }
}


@media only screen and (max-width: 1750px) {

    .topMenuSplitterInner {
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .nav-one li:last-child:hover ul,
    .nav-one li:last-child.sfHover ul {
        left: -75px;
    }

    .divTopSubMenuSpliter {
        height: 4px;
    }


    .divSSPagingInner {
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

.divBackToTopContainer {
    width: 2.34375vw!important;
}

.hypBackToTop {
    width: 2.34375vw!important;
    height: 2.34375vw!important;
    background-size: 2.34375vw!important;
}


}

/*Apply in mobile view only*/
@media only screen and (max-width:500px) {

    .event-title h2 a,
    .divIndEvent h2 {
        color: #454545;
        font-size: 16px!important;
        line-height: 20px;
        font-weight: 400;
    }

    .divIndEventDesc {
        line-height: 1.8;
    }

    .divPoweredByWebteq span {
        font-size: 12px;
        font-weight: 400;
        color: #fff !important;
    }
}

@media only screen and (max-width:350px) {
    #dvCaptcha {
        max-width: 260px;
    }

    #dvCaptcha div {
        transform: scale(0.9);
        transform-origin: 30% top;
        width: 100% !important;
    }
}

.divBottomMainContainerOuter {
    background-color: transparent;
}