<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.itopplus-background {

}
body {
    overflow-x: hidden;
}

.itopplus-bg {
    background-image: url('');
}

/************Menu***************/
.navbar-default .navbar-nav&gt;li&gt;a {
    color: #fff;
    margin: 0 5px;
    padding: 7px 15px;
}

.navbar-default .navbar-nav&gt;li&gt;a:focus,
.navbar-default .navbar-nav&gt;li&gt;a:hover,
.navbar-default .navbar-nav&gt;li&gt;a:active,
.navbar-default .navbar-nav&gt;.open&gt;a,
.navbar-default .navbar-nav&gt;.open&gt;a:focus,
.navbar-default .navbar-nav&gt;.open&gt;a:hover {
    color: #fff !important;
    box-shadow: none;
    border-radius: 10px;
    background: transparent;
    background-color: #a27d1c;
}

.dropdown-menu&gt;li&gt;a {
    color: #000;
    padding: 6px 20px;
    border-radius: 10px;
}

.dropdown-menu {
    border-radius: 10px !important;
}

.dropdown-menu&gt;li&gt;a:focus,
.dropdown-menu&gt;li&gt;a:hover {
    color: #000;
    background: #f1e6c6;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
        color: #fff !important;
    }

    #controlMenu,
    #controlMenu i,
    #controlMenu li a {
        color: #fff !important;
    }

    .navbar-default {
        background: #bda760;
    }

    /*new logo nav*/
    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
        box-shadow: 0 0 3px 0 #ccc;
        padding: 0 10px;
    }

    .itopplus-logo img {
        position: fixed;
        object-fit: contain;
        width: 50px !important;
        top: 6px;
        left: 15px;
    }


}

@media screen and (min-width : 1024px) {

    .navbar-default {
        background: transparent;
    }

    #controlBanner {
        object-fit: contain;
        padding: 15px;
        width: 70%;
        margin: 0 auto;
    }

    #controlPosition {
        margin-top: 4%;
        text-align: right;
    }

    .no-js .itopplus-banner {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 100;
        background: #bda760;
    }


    .itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after {
        content: '|';
        display: grid;
        place-content: center;
        color: #fff;
    }


}

@media screen and (min-width : 1366px) {}

@media screen and (min-width : 1900px) {}

@media screen and (max-width : 900px) {}

@media screen and (max-width : 480px) {}

/************font-size***************/

.navbar-default .navbar-nav&gt;li&gt;a {
    font-size: 16px;
}

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

h4 {
    font-size: 2.4em;
}

h5 {
    font-size: 2em;
}

h6 , .about-page3 span{
    font-size: 1.4em;
}

p , .product-detail button, .Template-J-ProName, .Template-J-CateName, .product-detail-btn button {
    font-size: 16px;
}

.sect-about button , .text-recom h6, .text-experience button,
.Template-J-Name, div#Component65f2ceb03d7531001afd630d button,
.dropdown-menu&gt;li&gt;a, div#Component674d1f882d4927001a095225 button{
    font-size: 16px;
}

.text-product h5 {
    font-size: 32px;
}

.text-product h6, .Template-J-Price {
    font-size: 18px;
}

.pt-3 {
	padding-top:3%;
}

.pt-5 {
	padding-top:5%;
}

.pt-8 {
	padding-top:8%;
}

.pt-10 {
	padding-top:10%;
}

.pe-20 {
    padding-left: 13%;
}

/******************master-page***********************/

.logo-footer {
    width: 60%;
    margin: 0 auto 2%;
}

.social-footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 35%;
    gap: 10px;
    margin: auto;
}

.copy-right {
    padding: 1% 0;
    border-top: 1px solid #fff;
    text-align: right;
}

.text-brown, .head-page h6 a:hover{
   color:#3e2f05
}

.footer a:hover, .sect-about h6 ,  .about-page4 h6, .text-order h6,
.contact-page h5, .cont-page a:hover{
   color:#6f5202;
}

.text-brown , .sect-about h4, .text-product h5, .ex-number h2, .ex-years h2 , .head-page h3,
.sect-about h6, .sect-about h5, .about-page3 span, .tags-order p, .text-order h6, .head-page h6,
.head-page h4{
   font-weight: 600;
}

.items-slogan h5 , .text-comp h1, .about-page4 h6,
.contact-page h5{
   font-weight: 700;
}

.cont-footer {
    display: grid;
    grid-template-columns: 9% auto;
    gap: 15px;
    margin-bottom: 4%;
}

.footer p , .head-product h3, .head-page h3, .policy ul{
    margin-bottom: 2%;
}

.footer a {
    color: #fff;
}

.shopcart {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_20062023nojy/512/0/add-to-cartz-z447014037867.webp);
    background-size: 60%;
    border-radius: 50%;
    background-position: 50%;
    width: 70px !important;
    height: 70px !important;
    background-color: #fff;
    top: 35px;
    right: 20px;
}

figure.effect-selena , figure.effect-oscar figcaption, figure.effect-oscar, figure.effect-jazz{
    background: transparent;
}

.sect-about h1 , .sect-about span{
    margin: 0;
    line-height: 0;
    font-size: 7em;
    color: #bc993b;
}

div#mainmenu65f25e733d7531001afd4b97,
div#mainmenu674d16a7515875001afdee0e{
    background: linear-gradient(360deg, #edd698, #fffcf2);
    border-radius: 50px;
    margin-left: 10%;
}

.grid figure {
   overflow: inherit;
}

div#Component65f25e8c7aec91001a737c44 .imgLightbox {
    position: relative;
    right: 110px;
    width: 120% !important;
    top: -55px;
    margin-bottom: -30px;
}

.sect-about {
    padding-top: 15%;
    padding-right: 10%;
    padding-bottom: 10%;
}

div#Component65f25e8c7aec91001a737c44 .thumbs,
div#Component65f269677aec91001a737fe9 .thumbs,
div#Component674d16a7515875001afdee23 .thumbs,
div#Component65f2748e7131ea001af50359 .thumbs,
div#Component674d16a7515875001afdee33 .thumbs,
div#Component65f29da854ed78001a76601e .thumbs,
div#Component674d16be2d4927001a0947b6 .thumbs,
.ex-years h2,.ex-years h4, .text-comp h1{
    margin: 0;
}

.sect-about h4 , .sect-about h5, .policy a:hover{
    color: #bc993b;
}

.sect-about p {
    color: #000;
    margin: 3% 0 5%;
    line-height: 26px;
}

.sect-about button, div#Component65f2ceb03d7531001afd630d button ,
div#Component674d1f882d4927001a095225 button{
    color: #fff;
    background: linear-gradient(270deg, #bc993b, #d0b260);
    padding: 0.85rem 2rem;
    border-radius: 10px;
    border: none;
}

.head-product h3 , .ex-number h1, .ex-years h2, .ex-years h4, .items-slogan h5,
.text-comp h1, .head-page h3, .tags-order p{
    font-family: "Onest", sans-serif;
}

.head-product h3, .head-page h3, .about-page3 , .head-page h6, .head-page h4{
      text-align: center;
}

figure.effect-oscar h2, figure.effect-oscar:hover h2  {
    margin: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
}

figure.effect-oscar figcaption::before, .boderedlayoutClient, figure.effect-jazz figcaption::after {
    border: none;
}

.text-recom h6 {
    background: #d31010;
    width: fit-content;
    padding: 2%;
    border-radius: 30px;
    position: absolute;
    right: 18px;
    top: 0;
}

.text-product {
    position: absolute;
    top: 7px;
    text-align: left;
    left: 25px;
}

div#Component65f263f77aec91001a737e99 .text-product {
    top: 30px;
    left: 30px;
}

.grid figure h2 {
    word-spacing: 0;
    font-weight: unset;
}

div#Component65f263f77aec91001a737e99 .imgLightbox img,
div#Component65f2642ee830e9001a9ffefd .imgLightbox img,
div#Component6603b9a0e927eb001372b89c .imgLightbox img,
div#Component674d16a7515875001afdee25 .imgLightbox img{
    border-radius: 30px;
}

.sect-number {
    display: flex;
    align-items: center;
}

.ex-number h1 {
    font-weight: 600;
    font-size: 12em;
    font-style: italic;
      background: #D0D0D0;
    background: linear-gradient(to right, #D0D0D0 0%, #FFFFFF 50%, #D0D0D0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     width: 200px;
      line-height: 148px;
}

.ex-years h4 {
    color: #a27d1c;
    background: linear-gradient(to right, #D0D0D0 0%, #FFFFFF 50%, #D0D0D0 100%);
    padding: 1rem 2.5rem 1rem;
    border-radius: 35px 0 35px 0;
    font-weight: 600;
}

.ex-years h2 {
    padding-left: 9%;
    letter-spacing: 1px; 
}

.ex-number h2 , .text-experience button {
    margin-left: 5%;
}

.text-experience button  {
   color: #ab8319;
    background: #fff;
    font-weight: 600;
    padding: 0.85rem 2rem;
    border-radius: 10px;
    border: none;
}

.ex-number h2 {
    margin-bottom: 5%;
}

.text-experience {
    padding-left: 15%;
    padding-top: 10%;
}

.bg-gold {
    background: #c3af77;
    color: #fff;
}

.text-slogan {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.items-slogan {
    padding: 6%;
    text-align: center;
    height: 220px;
}

.items-slogan img {
    width: 18% !important;
    margin-bottom: 2%;
}

div#Component65f2748e7131ea001af50359 .imgLightbox img,
div#Component674d16a7515875001afdee33 .imgLightbox img{
    height: 440px;
    object-fit: cover;
}

.bg-wh {
    color: #af9a57;
}

.text-comp {
    position: absolute;
    top: 40px;
    left: 40px;
}

.text-comp h1 {
    margin: 2% 0;
    font-size: 4.8em;
    color: #b1964d;
}

div#Component65f2748e7131ea001af50359,
div#Component674d16a7515875001afdee33{
    background: #ededed;
}

h1.text-border {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #a08029;
    color: transparent;
}

.head-page h3 , .head-page h4, .head-page h6 a{
    color: #ac882a
}

.about-page h6 span {
    font-size: 100px;
    position: absolute;
    bottom: 65px;
    margin-left: 2%;
}

.about-page .sect-about {
    padding-top: 8%;
    padding-left: 5%;
}

.sect-about h5 {
    margin: 3% 0;
}

.about-sect2 .text-experience {
    padding: 0;
}

.about-page3 p, .about-page4 p , .cont-page p{
    line-height: 26px;
}

.about-page3 ul {
    list-style: none;
    padding: 0;
}

.about-page3 li img {
    width: 20% !important;
    margin-bottom: 2%;
}

.border-right {
    border-right: 1px solid #dbdbdb;
}

.about-page4 {
    margin-top: 5%;
}

.shopcart-Cate a {
    color: #d0b260;
}

.shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default {
    font-weight: 700;
    font-size: 16px !important;
    color: #232323;
}

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 24px;
    font-weight: 600;
    color: #ad964d;
}

.shopcartID-Default, .shopcartName-Default, .shopcartlinePrice-Default, .shopcartName-Head-Default, .shopcartID-Head-Default {
    border: none;
}

.shopcartID-Head-Default, .shopcartID-Default, .shopcartName-Head-Default, .shopcartName-Default, 
.shopcartSize-Default, .Template-J-PricePromotion, .shopcartlinePrice-Default, .Template-J-Quantity, 
.Template-J-Item, .Template-J-buttonDetail, .shopcartDetail, .shopcartRelated, .ui.steps .step .title {
    font-family: 'Noto Sans Thai',sans-serif;
}

.shopcartlinePrice-Default .Template-J-PricePromotion {
    background-color: #f5f5f5;
    padding: 1% 5%;
    border-radius: 30px;
}

.shopcartDetail, .shopcartRelated {
    font-weight: 700;
    font-size: 20px !important;
    color: #000;
    background: linear-gradient(360deg, #ebd998, #fbf2d1);
    border-radius: 10px;
    width: 100% !important;
}

.col-xs-4.col-sm-3.col-md-3.ITPquantityWord, .col-xs-4.col-sm-2.col-md-2.ITPquantityUnit {
    width: fit-content;
}

.Template-J-Big img, .Template-J-smallpic , 
div#scrolltoshop65f2ac3b368af1001a4e5216 div .PictureOverflow div:nth-child(2){
    border: 1px solid #ddd !important;
    border-radius: 20px;
}

.col-xs-4.col-sm-3.col-md-3.ITPquantityWord {
    margin-right: 2%;
}

.Template-J-smallpic {
    height: 135px;
}

.PictureOverflow {
    max-height: 175px !important;
    width: 100%;
    padding-top: 2%;
      position: relative;
    z-index: 99;
}


.Template-J-buttonDetail:hover {
    background: #bc993b;
}

.ui.steps .step.active {
    background: linear-gradient(270deg, #bc993b, #d0b260);
    color: #fff;
}

.ui.steps .step.active:after {
    background-color: #d0b260;
}

.step5checkout, .step1checkout {
    background:linear-gradient(270deg, #bc993b, #d0b260);
    border-color: #bc993b;
}

.ui.steps .step:first-child {
    border-radius: 20px 0 0 20px;
}

.ui.steps .step:last-child {
    border-radius: 0 20px 20px 0;
}

.step1checkout {
    margin: 0 auto;
}

.ui.steps .step {
    line-height: 22px;
}

.ui.steps .step.active .title, .btn-call a {
    color: #fff;
}

div#scrolltoshop .table-responsive tr, div#scrolltoshop .table-responsive tr:last-child&gt;td, div#Component6554a2fbb4651e0012f328ff .table&gt;tbody&gt;tr&gt;td {
    border: none !important;
}

div#scrolltoshop .table-responsive {
    background-color: #fff;
    padding: 2%;
    border-radius: 30px;
    width: 100%;
}

div#scrolltoshop .table-responsive tr:last-child, div#scrolltoshop .table-responsive thead&gt;tr {
    background-color: #f7f7f7;
}

.ui.steps .step .title {
    font-size: 12px;
}

div#Component6554a2fbb4651e0012f328ff .ui.segment {
    line-height: 36px;
}

div#shop_member_login button {
    background-image: none;
    border: none;
}

div#Component6554a2fbb4651e0012f328ff .input-group-addon {
    border-radius: 0 20px 20px 0;
    background-color: #f5f5f5;
}

div#Component6554a2fbb4651e0012f328ff .input-group .form-control {
    height: 40px;
    border-radius: 20px 0 0 20px !important;
}

div#Component6554a2fbb4651e0012f328ff .col-xs-9.col-sm-9.col-md-10 {
    padding-top: 0 !important;
}

.Template-J-button , .Template-J-buttonDetail{
    background-color:  #bc993b;
    border-radius: 10px;
    color: #fff;
    padding: 0.75rem;
    width: 65%;
}

.Template-J-Icon {
    width: 20%;
}

.Template-J-frame{
    padding: 5%;
    transition: transform 0.2s ease-out;
      background: #fff;
  box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

.Template-J-pic,
.Template-J-frame{
    border-radius: 20px;
}

.Template-J-Name label {
    font-weight: 500;
}

.Template-J-Price {
    font-weight: 600 !important;
}

.Template-J-Name {
    height: 65px;
}

.Template-J-Price {
    height: 40px;
}

.Template-J-Price label {
    color: #000 !important;
}

.policy a,  .head-page h6, .cont-page a{
    color: #000;
}

.Template-J-frame:hover {
    box-shadow: 0 4px 8px rgb(185 165 128 / 50%);
}

.Template-J-Des {
    margin-top: 0;
    height: auto;
    margin-bottom: 4%;
}

.product-detail button, .product-detail-btn button  {
    background: linear-gradient(270deg, #bc993b, #d0b260);
    display: grid;
    grid-template-columns: 18% auto;
    width: 60%;
    justify-content: center;
    gap: 10px;
    align-items: center;
    padding: 0.7rem;
    margin: auto;
    border-radius: 10px;
    border: none;
    color: #fff;
    font-weight: 500;
  transition: transform 0.2s ease-out;
}

.img-order {
    width: 27%;
    background: linear-gradient(to right, #D0D0D0 0%, #FFFFFF 50%, #D0D0D0 100%);
    padding: 5%;
    border-radius: 30px 0 30px 0;
    margin: auto;
}

p.tags-order {
    width: 30px;
    height: 30px;
    background: #bc993b;
    text-align: center;
    padding: 1%;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 55%;
    top: 15px;
    margin: 0;
}

.text-order {
    text-align: center;
    margin-top: 8%;
    margin-bottom: 8%;
}

.how-order {
    padding: 8%;
    border: 1px solid #efdca6;
    position: relative;
    height: 235px;
    border-radius: 20px;
}

.policy h6 {
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 1%;
}

.policy li {
    margin-bottom: 1%;
}

.cont-page {
    display: grid;
    grid-template-columns: 9% auto;
    gap: 15px;
    align-items: center;
    margin-top: 4%;
}

div#Component65f2ceb03d7531001afd630d .col-xs-12.col-sm-3.col-md-3,
div#Component674d1f882d4927001a095225 .col-xs-12.col-sm-3.col-md-3{
    display: none !important;
}

div#Component65f2ceb03d7531001afd630d .col-xs-12.col-sm-6.col-md-6,
div#Component674d1f882d4927001a095225 .col-xs-12.col-sm-6.col-md-6{
    width: 100%;
}

div#Component65f2ceb03d7531001afd630d form,
div#Component674d1f882d4927001a095225 form{
    padding: 3%;
    background: #efe2be;
}

div#Component65f2ceb03d7531001afd630d .form-control,
div#Component674d1f882d4927001a095225 .form-control{
    border: none;
    border-radius: 20px;
}

div#Component65f2ceb03d7531001afd630d .col-md-offset-3,
div#Component674d1f882d4927001a095225 .col-md-offset-3{
    margin-left: 0;
    width: 100%;
}

div#Component65f2ceb03d7531001afd630d button,
div#Component674d1f882d4927001a095225 button{
    text-shadow: none;
    background-image: none;
      background: linear-gradient(270deg, #bc993b, #d0b260);
}

div#Component65f2d7df54ed78001a766cf6 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d6c8368af1001a4e5d5a .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d6db7aec91001a7396e3 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d6e77aec91001a7396ea .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d6f47aec91001a7396fd .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d7017aec91001a739708 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d93c54ed78001a766dcf .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d94c7aec91001a7397f0 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d9777aec91001a7397fa .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d9877aec91001a73986b .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d9a07aec91001a739875 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f2d9b0e830e9001aa01861 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3abec7131ea001af51cfa .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3e835368af1001a4e7539 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3e8e654ed78001a768541 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3e9077131ea001af52e34 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3e9187131ea001af52e3e .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3e9d17aec91001a73afa9 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3e9e57aec91001a73afba .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ea017aec91001a73affb .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ea137aec91001a73b008 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ea2654ed78001a7685d4 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3eaac3d7531001afd7d1b .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3eabe3d7531001afd7d2a .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3eb2e368af1001a4e7629 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3eb3ee830e9001aa02bf0 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3eb5b54ed78001a76860d .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3eb6e368af1001a4e7666 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ec037aec91001a73b095 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ec1254ed78001a768660 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ec2e368af1001a4e7694 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ecaf54ed78001a768689 .navbar-default .navbar-nav&gt;li&gt;a,
div#Component65f3ecc8e830e9001aa02cb5 .navbar-default .navbar-nav&gt;li&gt;a,
.menuVertical .nav-pills&gt;li&gt;a{
    background: linear-gradient(270deg, #bc993b, #d0b260);
    border-radius: 10px;
    transition: transform 0.2s ease-out;
    padding: 1rem 2rem;
    color: #fff;
}

div#Component65f2d7df54ed78001a766cf6 .navbar-nav,
div#Component65f2d6c8368af1001a4e5d5a .navbar-nav,
div#Component65f2d6db7aec91001a7396e3 .navbar-nav,
div#Component65f2d6e77aec91001a7396ea .navbar-nav,
div#Component65f2d6f47aec91001a7396fd .navbar-nav,
div#Component65f2d7017aec91001a739708 .navbar-nav,
div#Component65f2d93c54ed78001a766dcf .navbar-nav,
div#Component65f2d94c7aec91001a7397f0 .navbar-nav,
div#Component65f2d9777aec91001a7397fa .navbar-nav,
div#Component65f2d9877aec91001a73986b .navbar-nav,
div#Component65f2d9a07aec91001a739875 .navbar-nav,
div#Component65f2d9b0e830e9001aa01861 .navbar-nav,
div#Component65f3abec7131ea001af51cfa .navbar-nav,
div#Component65f3e835368af1001a4e7539 .navbar-nav,
div#Component65f3e8e654ed78001a768541 .navbar-nav,
div#Component65f3e9077131ea001af52e34 .navbar-nav,
div#Component65f3e9187131ea001af52e3e .navbar-nav,
div#Component65f3e9d17aec91001a73afa9 .navbar-nav,
div#Component65f3e9e57aec91001a73afba .navbar-nav,
div#Component65f3ea017aec91001a73affb .navbar-nav,
div#Component65f3ea137aec91001a73b008 .navbar-nav,
div#Component65f3ea2654ed78001a7685d4 .navbar-nav,
div#Component65f3eaac3d7531001afd7d1b .navbar-nav,
div#Component65f3eabe3d7531001afd7d2a .navbar-nav,
div#Component65f3eb2e368af1001a4e7629 .navbar-nav, 
div#Component65f3eb3ee830e9001aa02bf0 .navbar-nav,
div#Component65f3eb5b54ed78001a76860d .navbar-nav,
div#Component65f3eb6e368af1001a4e7666 .navbar-nav,
div#Component65f3ec037aec91001a73b095 .navbar-nav,
div#Component65f3ec1254ed78001a768660 .navbar-nav,
div#Component65f3ec2e368af1001a4e7694 .navbar-nav,
div#Component65f3ecaf54ed78001a768689 .navbar-nav,
div#Component65f3ecc8e830e9001aa02cb5 .navbar-nav,
.menuVertical .nav-pills{
    display: flex;
    justify-content: center;
    gap: 10px;
}

.sect-about button:hover, div#Component65f2ceb03d7531001afd630d button:hover, .text-experience button:hover,
.Template-J-frame:hover button,div#Component674d1f882d4927001a095225 button:hover,
div#Component65f2d7df54ed78001a766cf6 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d6c8368af1001a4e5d5a .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d6db7aec91001a7396e3 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d6e77aec91001a7396ea .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d6f47aec91001a7396fd .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d7017aec91001a739708 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d93c54ed78001a766dcf .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d94c7aec91001a7397f0 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d9777aec91001a7397fa .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d9877aec91001a73986b .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d9a07aec91001a739875 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f2d9b0e830e9001aa01861 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3abec7131ea001af51cfa .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3e835368af1001a4e7539 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3e8e654ed78001a768541 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3e9077131ea001af52e34 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3e9187131ea001af52e3e .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3e9d17aec91001a73afa9 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3e9e57aec91001a73afba .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ea017aec91001a73affb .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ea137aec91001a73b008 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ea2654ed78001a7685d4 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3eaac3d7531001afd7d1b .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3eabe3d7531001afd7d2a .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3eb2e368af1001a4e7629 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3eb3ee830e9001aa02bf0 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3eb5b54ed78001a76860d .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3eb6e368af1001a4e7666 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ec037aec91001a73b095 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ec1254ed78001a768660 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ec2e368af1001a4e7694 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ecaf54ed78001a768689 .navbar-default .navbar-nav&gt;li&gt;a:hover,
div#Component65f3ecc8e830e9001aa02cb5 .navbar-default .navbar-nav&gt;li&gt;a:hover,
.menuVertical .nav-pills&gt;li&gt;a:hover{
    background: #bc993b;
}

.product-detail-btn button:hover{
    background: #00e43b;
}

 .text-experience button:hover {
    color: #fff;
}

div#scrolltoshop65f2ac3b368af1001a4e5216 div div:nth-child(2),
.shopcartDetail-Default.shopcartDetail, .dropdown-menu{
    border: none !important;
}

.post-time, .fbcomments, .landingpagemanager, .Template-J-buttonDetail,
.ITPquantityWord, .ITPquantityDetail, .ITPquantityUnit, .btn-tw,.social-share, .shopcart-share{
    display: none !important;
}

div#scrolltoshop65f2ac3b368af1001a4e5216 .col-xs-12.col-md-12.col-sm-12,
.shopcartlinePrice-Default{
    padding: 0;
}

.product-detail {
    padding-left: 2%;
}

.button-color {
    border: 1px solid #ad964d !important;
    color: #ad964d !important;
    border-radius: 10px !important;
}

.button-color-selected{
    border: 1px solid #ad964d !important;
    color: #fff !important;
    border-radius: 10px !important;
    background: #ad964d !important;
}

div#Component65f263f77aec91001a737e99 .grid figure,
div#Component65f2642ee830e9001a9ffefd .grid figure,
div#Component6603b9a0e927eb001372b89c .col-md-3.col-sm-4.col-xs-4,
div#Component674d16a7515875001afdee25 .col-md-3.col-sm-4.col-xs-4,
.items-slogan img, div#Component65f2748e7131ea001af50359 .imgLightbox img,
div#Component65f269677aec91001a737fe9 .imgLightbox img,
div#Component674d16a7515875001afdee23 .imgLightbox img,
div#Component65f29da854ed78001a76601e .imgLightbox img,
.about-page3 img, .cont-page img, .social-footer img, .shopcart,
div#Component674d16a7515875001afdee33 .imgLightbox img,
div#Component674d16be2d4927001a0947b6 .imgLightbox img,
.button-color{
  transition: transform 0.2s ease-out;
}

div#Component65f263f77aec91001a737e99 .grid figure:hover,
div#Component65f2642ee830e9001a9ffefd .grid figure:hover,
div#Component6603b9a0e927eb001372b89c .col-md-3.col-sm-4.col-xs-4:hover,
div#Component674d16a7515875001afdee25 .col-md-3.col-sm-4.col-xs-4:hover,
.Template-J-frame:hover ,.cont-page:hover img, .social-footer img:hover,
.shopcart:hover, .button-color:hover{
    transform: scale(0.95);
}

div#Component65f2748e7131ea001af50359 .imgLightbox img:hover , 
.items-slogan:hover img, div#Component65f269677aec91001a737fe9 .imgLightbox img:hover,
div#Component674d16a7515875001afdee23 .imgLightbox img:hover,
div#Component65f29da854ed78001a76601e .imgLightbox img:hover,
div#Component674d16a7515875001afdee33 .imgLightbox img:hover, 
div#Component674d16be2d4927001a0947b6 .imgLightbox img:hover,
.about-page3:hover img{
    transform: scale(1.03);
}

div#Component65f2748e7131ea001af50359 .imgLightbox,
div#Component65f269677aec91001a737fe9 .imgLightbox,
div#Component674d16a7515875001afdee23 .imgLightbox,
div#Component65f29da854ed78001a76601e .imgLightbox,
div#Component674d16a7515875001afdee33 .imgLightbox,
div#Component674d16be2d4927001a0947b6 .imgLightbox{
    overflow: hidden;
}

div#Component65f2af083d7531001afd59ab .col-xs-6.col-sm-3 {
    padding: 0 1.5%;
}

.ITPcookiebar {
  width: 100% !important;
     background-color: #a7935ebf !important;
    color: #fff;
}

.buttonExampleSite {
    border-radius: 5rem !important;
    border: 1px solid #bc993b !important;
    color: #171717 !important;
}

.buttonExampleSite:hover {
    background: #bc993b !important;
    color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
    color: #ddd !important;
}

.itpPDPALandingPage ,
.ITP-pdpa-template-contentFont{
    font-size: 16px !important;
    margin-bottom: 3% !important;
}

.itpPDPALandingPage {
    margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
    line-height: 28px;
}

.product-detail-btn button {
    width: 15%;
    position: absolute;
    top: 325px;
    margin-left: 50%;
    background: #00b800;
}

.row.shopcartName-Default.shopcartName {
    margin-bottom: 15%;
}

div#Component65f2ac3b368af1001a4e5216,
div#Component674d27a0d57bda001adcb55c{
    position: relative;
    z-index: -1;
}

.itp-shopLanding.itpcase-55, .row.shopcartlinePrice-Default {
    margin-bottom: 2%;
}

.shopcartName-Default {
    height: 85px;
}
/********************responsive***********************/

@media screen and (min-width : 1900px) {

.navbar-default .navbar-nav&gt;li&gt;a {
    font-size: 20px;
}

h1 {
    font-size: 4.625em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.8em;
}

h5 {
    font-size: 2.4em;
}

h6 , .about-page3 span{
    font-size: 1.8em;
}

p , .product-detail button, .Template-J-ProName, .Template-J-CateName, .product-detail-btn button  {
    font-size: 20px;
}

.sect-about button , .text-recom h6, .text-experience button,
.Template-J-Name, div#Component65f2ceb03d7531001afd630d button,
.dropdown-menu&gt;li&gt;a, .button-color-selected, .button-color,
  div#Component674d1f882d4927001a095225 button{
    font-size: 20px;
}

.text-product h5 {
    font-size: 38px;
}

.text-product h6, .Template-J-Price {
    font-size: 22px;
}

.sect-about h1 , .sect-about span{
    font-size: 8em;
}

.ex-number h1 {
    font-size: 14em;
    width: 220px;
    line-height: 160px;
}

.text-comp h1 {
    font-size: 5.2em;
}

.about-page h6 span {
    font-size: 120px;
}

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 30px;
}

  .shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default {
    font-size: 22px !important;
}
.shopcartDetail, .shopcartRelated {
    font-size: 24px !important;
}

.ui.steps .step .title {
    font-size: 14px;
}
  
  .sect-about p, .about-page3 p, .about-page4 p , .cont-page p {
    line-height: 32px;
}
  
  .items-slogan {
    height: 290px;
}
  
  .Template-J-smallpic {
    height: 180px;
}
  
  .PictureOverflow {
    max-height: 225px !important;
  }
  
  div#Component65f2748e7131ea001af50359 .imgLightbox img,
  div#Component674d16a7515875001afdee33 .imgLightbox img{
    height: 580px;
  }
    .how-order {
    height: 295px;
}
  
  p.tags-order {
    width: 35px;
    height: 35px;
    left: 57%;
    top: 20px;
}
  
  div#Component65f2ceb03d7531001afd630d .form-control,
  div#Component674d1f882d4927001a095225 .form-control{
    font-size: 16px !important;
}
div#Component65f2ceb03d7531001afd630d input.form-control,
  div#Component674d1f882d4927001a095225 input.form-control{
    height: 45px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  .product-detail-btn button {
    top: 350px;
}

}

@media screen and (max-width : 1366px) {}

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

.sect-about br {
    display: none;
}
  
  .sect-about {
    padding-right: 8%;
}
  
  .text-product h5 {
    font-size: 28px;
}
  
  .text-experience {
    padding-top: 0;
}
  
  h2 {
    font-size: 2.8em;
}
  
  h4 {
    font-size: 2.2em;
}
  
  .product-detail button {
    width: 75%;
}
  
  .about-page h6 span {
    bottom: 50px;
}
  
  div#Component65f29da854ed78001a76601e .imgLightbox,
  div#Component674d16be2d4927001a0947b6 .imgLightbox{
    padding-top: 13%;
}
  
  .ex-number h1 {
    width: 175px;
    font-size: 10em;
}
  
  .about-page3 li {
    padding: 0 9%;
}
  
  .Template-J-smallpic {
    height: 115px;
}
  
  .how-order {
    padding: 8% 5%;
    height: 225px;
}
  
  .product-detail-btn button {
    width: 18%;
    top: 310px;
}

}

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

.shopcart {
    top: 60px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}
  
  .copy-right {
    border: none;
    text-align: center;
}
  
  div#Component65f25e8c7aec91001a737c44 .imgLightbox {
    right: 70px;
    top: 0;
    margin-bottom: 0;
}
  
    h2 {
    font-size: 2.2em;
}
  
  h3 {
    font-size: 2em;
}
  
  h4 {
    font-size: 1.8em;
}
  
   h5 {
    font-size: 22px;
}
  
  h6 {
    font-size: 18px;
}
  
  .sect-about {
    padding-right: 6%;
}
  
  .text-product h6 {
    font-size: 15px;
}
  
  .product-detail button {
    width: 100%;
}
  
  .text-comp h1 {
    font-size: 3.5em;
}
  
  .items-slogan img {
    width: 25% !important;
  }
  
 div#Component65f29da854ed78001a76601e .imgLightbox,
  div#Component674d16be2d4927001a0947b6 .imgLightbox{
    padding-top: 40%;
}
  
  .about-page3 li img {
    width: 40% !important;
  }
  
  .mainProductFilterContainer .col-xs-6.col-sm-3 {
    padding: 0 1.5%;
    margin-bottom: 3%;
}
  
  .Template-J-smallpic {
    height: 80px;
}
  
  .PictureOverflow {
    max-height: 245px !important;
  }
  
  .img-order {
    width: 35%; 
  }
  
  .how-order {
    height: 245px;
}
  
  p.tags-order {
    left: 58%;
}
  
  a#itpsearchmobile {
    display: none !important;
}
  
.product-detail-btn button {
    width: 22%;
    top: 305px;
}
  
 .row.shopcartName-Default.shopcartName {
    margin-bottom: 20%;
}

  div#scrolltoshop65f2ac3b368af1001a4e5216 .col-xs-12.col-md-6 {
    width: 50%;
    float: left;
}
  
  div#Component65f17f23141d200013abc2af {
    margin-bottom: -10px;
}
}

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

div#imagesControl65f17f23141d200013abc2af {
    padding: 0 !important;
    margin-bottom: -6px;
}
  
  div#mainmenu65f25e733d7531001afd4b97,
  div#mainmenu674d16a7515875001afdee0e{
    margin-left: 0;
}
  
  div#Component65f25e8c7aec91001a737c44 .imgLightbox {
    right: 0;
    width: 100% !important;
}
  
  .sect-about {
    padding-right: 0;
    padding-bottom: 5%;
}
  
  .pt-5 {
    padding-top: 8%;
}
  
  div#imagesControl65f263f77aec91001a737e99,
  div#imagesControl65f2642ee830e9001a9ffefd,
  div#contentnewmode65f26a427131ea001af50167,
  div#imagesControl65f269677aec91001a737fe9,
  div#imagesControl65f2748e7131ea001af50359,
  div#mainmenu65f2747f54ed78001a7659a8 div,
  div#imagesControl65f29da854ed78001a76601e,
  .about-page .sect-about{
    padding: 0 !important;
}
  
  .text-product h5 , .text-product h6{
    font-size: 20px;
}
  
  div#Component65f263f77aec91001a737e99 .text-product {
    top: 20px;
    left: 25px;
       width: 50%;
  }
  
  .text-product {
    left: 25px;
        width: 80%;
}
  
  .text-product h5 br , div#contentnewmode65f29d1fe830e9001aa007aa, br{
    display: none;
}
  
  .text-recom h6 {
    right: 18px;
}
  
  .text-experience {
    padding-left: 0;
  }
  
  .ex-number h1 {
    width: 130px;
    font-size: 8em;
}
  
  h4 {
    font-size: 1.4em;
}
  
  h2 {
    font-size: 2em;
}
  
  .text-slogan {
    grid-template-columns: repeat(1, 1fr);
}
  
  .items-slogan {
    height: auto;
}

  .items-slogan:nth-child(3) img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1628%) hue-rotate(178deg) brightness(114%) contrast(101%);
}
.items-slogan:nth-child(3) {
    background: #c3af77;
    color: #fff;
}
  
  .items-slogan:nth-child(4) {
    background: #fff;
    color: #af9a57;
}
.items-slogan:nth-child(4) img {
   filter: brightness(0) saturate(100%) invert(72%) sepia(14%) saturate(1152%) hue-rotate(8deg) brightness(83%) contrast(90%);
}
  
  div#Component65f2748e7131ea001af50359 .imgLightbox img,
  div#Component674d16a7515875001afdee33 .imgLightbox img{
    height: auto;
  }
  
  .text-comp {
    top: 20px;
    left: 20px;
}
  
  .text-comp h1 {
    font-size: 2.5em;
}
  
    div#mainmenu65f2747f54ed78001a7659a8 div .items-slogan {
    padding: 6% !important;
}
  
  .about-page h6 span {
    bottom: 25px;
    font-size: 82px;
   right: 0;
}
  
  div#Component65f29da854ed78001a76601e .imgLightbox,
  div#Component674d16be2d4927001a0947b6 .imgLightbox{
    padding-top: 0;
}
  
  .border-right {
    border-right: none;
}
  
  .about-page3 li img {
    width: 30% !important;
}
  
  .Template-J-Name {
    height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5%;
    padding: 0 2%;
}
  
  .how-order {
    height: auto;
    padding: 8% 5% 3%;
}
  
  .img-order {
    width: 30%;
}
  
  .cont-page {
    grid-template-columns: 13% auto;
    margin-top: 5%;
}
  
  .ITPcookiebar {
    padding: 3%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 14px;
}
  
  .about-page3 span {
    font-size: inherit;
    line-height: 32px;
}
  
  div#mainmenu65f29d517aec91001a7387cb div {
    padding-bottom: 0 !important;
}
  
  div#scrolltoshop65f2ac3b368af1001a4e5216 .col-xs-12.col-md-6 {
    padding: 0;
    width: 100%;
    float: none;
}
  
  .shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 18px;
  }
  
  .product-detail-btn button {
    width: 53%;
    top: 780px;
    margin: 0;
}
  .shopcartID-Head-Default {
    margin-top: 15%;
}
  
  .shopcartlinePrice-Default {
    margin-top: 4%;
}
  .PictureOverflow {
    margin-bottom: 5%;
}
  
.row.shopcartName-Default.shopcartName {
    margin-bottom: 25%;
}
  .PictureOverflow {
    max-height: 80px !important;
}
  
  .Template-J-smallpic, .Template-J-smallpic img {
    height: 60px;
    object-fit: contain;
    padding-bottom: 6%;
}
  
  .button-color, .button-color-selected {
    padding: 0.7rem 1rem !important;
    margin-right: 2px !important;
    min-width:9.7rem !important;
    margin-bottom: 3px !important;
}
  .shopcart {
    top: unset;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
    bottom: 90px;
}
  .shopcart-Cate {
    height: 45px;
}
  
}

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

    .product-detail-btn button {
    top: 725px;
}
  
  
}

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


  .button-color, .button-color-selected {
    min-width: 8.7rem !important;
  }
      .product-detail-btn button {
        top: 690px;
    }
}










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

    .old-image-icon-facebook,
    .old-image-icon-line,
    .old-image-icon-instragram,
    .old-image-icon-youtube {
        display: none !important;
    }

    .new-image-icon-facebook,
    .new-image-icon-line,
    .new-image-icon-instragram,
    .new-image-icon-youtube {
        display: block !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-bottom: 10px !important;
        padding-right: 10px !important;
    }

    i.fa-phone:before {
        display: none;
    }

    i.fa-phone {
        background: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023nojy/0/0/telephonez-z513508078895.webp');
        height: 31px;
        width: 31px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
        top: -5px;
    }

    .icon-image-line {
        background: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023nojy/0/0/linez-z1390681932540.webp');
        height: 31px;
        width: 31px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }


    .icon-image-faceboox {
        background: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023nojy/0/0/facebookz-z1205348344851.webp');
        height: 31px;
        width: 31px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
  
  

}

</pre></body></html>