.itopplus-background {

}
body {
    overflow-x: hidden;
}

.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_18022024zibs/0/0/2z-z760547118248.webp');
      background-position: bottom;
}

.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_18022024zibs/0/0/3z-z1413297366123.webp');
}


/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #2d2d2d;
    margin: 0 25px;
    padding: 10px 0;
  	font-family: "Onest", sans-serif;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #0055a4 !important;
    box-shadow: 0px 3px 0px 0px #0055a4;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

.dropdown-menu>li>a {
    color: #000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #000;
    background: #e8e8e8;
}

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

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

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

    .navbar-default {
        background: #fff;
    }

    /*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: 70px !important;
        top: 5px;
        left: 15px;
    }


}

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

    .navbar-default {
        background: transparent;
    }

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

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


    .no-js .itopplus-banner {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
        transition: 0.3s;
    }
  
  	   .banner-sticky {
        background: #fff !important;
        box-shadow: 0 0 3px 0 #aaa;
    }




}

@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>li>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, h3.managerHeader {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p, .pre-project p, .Template-J-CateName, .Template-J-ProName,
 .policy-pay li{
    font-size: 16px;
}

.pre-project button , div#shop_member_login button,
div#Component6600f92a50ccf40013e06c29 button, 
div#Component660145a05b2c0a00135875f8 button, 
div#Component6602379350ccf40013e088db button,
.Template-J-buttonDetail, .product-detail button,
.sect-payment button,  .manage-form-confirm-payment .input-group .label span, 
.Template-J-Des p{
    font-size: 14px;
}

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

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

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

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


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

.img-logo-footer {
    width: 65%;
    margin-bottom: 5%;
}

.tell-footer p, .tell-footer h6 {
    margin: 2% 0;
}

.tell-footer {
    display: grid;
    grid-template-columns: 13% auto;
    align-items: center;
    gap: 10px;
}

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

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

.footer p {
    margin-bottom: 3%;
}

div#contentnewmode6600df093cdc000013c5bbaf,
div#contentnewmode6600e71129bd410013de7920,
div#contentnewmode6603c2e2db762e0013821943{
    margin-left: -62px;
}

div#contentnewmode6600df0d3cdc000013c5bbb8,
div#contentnewmode6600e71129bd410013de7923,
div#contentnewmode6603c2e2db762e0013821946{
    margin-left: 40px;
}

div#Component6600ed043cdc000013c5bf74{
    margin-top: -60px;
}

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

.footer a , .num-tell a, .text-submenu h6{
    color: #fff;
}

.num-tell h6 {
    font-weight: 600;
}

.footer a:hover  , .num-tell a:hover, .cont-tell a:hover, .policy-pay a:hover,
 .how-pay li a:hover{
    color: #024481;
}

.shopcart {
    background-image:url(http://itp1.itopfile.com/ImageServer/z_itp_18022024zibs/69/0/3z-z1603217536817.webp);
    top: 15px;
    border-radius: 50%;
    background-size: 42%;
    background-position: 50%;
    width: 80px !important;
    height: 80px !important;
    background-color: #fff;
    right: 30px;
    /*box-shadow: 0 4px 8px rgb(0,0,0,0.1);*/
    background-color: #caf1ff;
}

.sect-submenu h4 {
    text-transform: uppercase;
    line-height: 46px;
    font-weight: 700;
    font-family: "Onest", sans-serif;
      margin-bottom: 2%;
    color: #0458a5;
}

.sect-submenu , .sect-recom, .about-page2 p, .get-in h4{
    text-align: center;
}

.btn-submenu {
    display: grid;
    grid-template-columns: 22% auto;
    gap: 15px;
    padding: 8%;
    border-radius: 20px 20px 90px 20px;
    background: linear-gradient(360deg, #33587b, transparent);
    transition: transform 0.2s ease-out;
}

.bg-submenu {
    background: #1b3955;
    border-radius: 20px;
}

.text-submenu h5 {
    background: #9F9F9F;
    background: linear-gradient(to bottom, #9F9F9F 0%, #FFFFFF 51%, #9F9F9F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-family: "Onest", sans-serif;
    margin-top: 2%;
    margin-bottom: 2%;
}

.text-submenu h6 {
    margin-bottom: 0;
      margin-top: 2%;
}

.boderedlayoutClient , figure.effect-oscar figcaption::before, .dropdown-menu{
    border: none;
}

figure.effect-oscar h2 , figure.effect-oscar figcaption{
    margin: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
    background-color: transparent;
      text-transform: inherit;
}

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

figure.effect-oscar p {
    opacity: 1 !important;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
}

.sect-about {
    padding: 12%;
}

.head-sect-about {
    display: grid;
    grid-template-columns: 19% auto;
    text-align: left;
    gap: 10px;
    margin-bottom: 4%;
}

.head-sect-about h4 {
    font-size: 44px;
    font-family: "Onest", sans-serif;
    text-transform: uppercase; 
}

.grid figure p {
    letter-spacing: 0;
}

.sect-about p {
    font-size: 18px !important;
    text-align: left;
    line-height: 28px;
}

.fs-onest , .sect-recom h3, .sect-service h3, .sect-form h3, .about-serv  h6,
.dropdown-menu>li>a, .get-in h4{
     font-family: "Onest", sans-serif;
}

.grid figure h2 span , .sect-recom h3, .sect-service h3, .cont-service h6,
.sect-form h3{
    font-weight: 600;
}

.sect-recom h5,  .sect-recom h6{
    color: #6b6b6b;
      font-weight: 400;
}

.sect-recom h3 , .pre-project p{
    color: #181818;
}

.sect-service h5 {
      font-weight: 400;
}

figure.effect-selena {
    background: transparent;
}

.sect-service li, .sect-service2 li {
    display: grid;
    grid-template-columns: 20% auto;
    gap: 15px;
}

.sect-service ul, .sect-service2 ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
}

.img-service {
    padding: 14%;
    border: 1px solid #fff;
    border-radius: 20px;
  transition: transform 0.2s ease-out;
}

div#Component6600f3d050ccf40013e06acb,
div#Component660123f28e4a660013841e7a{
    width: 80%;
    margin: auto;
}

.sect-service h5, .sect-service2 h5 {
    margin-bottom: 5%;
}

div#formdisplay6600f92a50ccf40013e06c29 {
    background: #0000009e !important;
    padding: 9% 3%;
}

.sect-form h3, form#shop_member_login_form {
    line-height: 48px;
}

.sect-form span, div#btnview6600f92a50ccf40013e06c29 .glyphicon-ok-circle:before {
    display: none;
}

div#formdisplay6600f92a50ccf40013e06c29 .form-control ,
div#Component660145a05b2c0a00135875f8 .form-control{
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #fff;
    margin-bottom: 3rem;
}

div#formdisplay6600f92a50ccf40013e06c29 input::placeholder,
div#Component660145a05b2c0a00135875f8 input::placeholder,
div#Component660145a05b2c0a00135875f8 textarea::placeholder{
    color: #fff;
}

div#Component6600f92a50ccf40013e06c29 button,
div#Component660145a05b2c0a00135875f8 button,
div#Component6602379350ccf40013e088db button{
    text-shadow: none;
    background-image: none;
    border-radius: 30px;
    border: none;
    color: #000;
    position: relative;
    padding-right: 32px;
    font-weight: 600;
}

div#Component6602379350ccf40013e088db button {
    color: #fff;
     background: #1b3955;
}

div#Component6600f92a50ccf40013e06c29 button::after,
div#Component660145a05b2c0a00135875f8 button::after,
div#Component6602379350ccf40013e088db button::after{
    content: " ";
    background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_18022024zibs/512/0/next-(1)z-z44609046133.webp');
    display: block;
    position: absolute;
    right: 10px;
    width: 16px;
    top: 8px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}

div#Component6600f92a50ccf40013e06c29 .col-md-offset-5,
div#Component660145a05b2c0a00135875f8 .col-md-offset-3{
    margin-left: 2%;
    width: 100%;
}

.about-name img {
    width: 25% !important;
    margin-bottom: 5%;
}

.about-page {
    padding: 17% 2% 0;
}

.about-name h5 {
    margin: 0;
    font-weight: 700;
    background: #1b3955;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
      margin-bottom: 3%;
}

div#Component6601023550ccf40013e06f2f .imgLightbox {
    width: 50% !important;
    margin: auto;
}

.about-page p {
    line-height: 26px;
}

.about-page2 li {
    margin-bottom: 2%;
    width: 32.33%;
    text-align: center;
    background: #1b3955;
   border-radius: 20px;
}

.about-page2 ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
      gap: 10px;
}

.img-about-page2 {
    padding: 2%;
    border-radius: 20px;
    height: fit-content;
    width: 22%;
    margin: auto;
}

.about-page2 h5 {
    text-align: center;
    margin-top: 4%;
    margin-bottom: 3%;
    font-weight: 700;
}

.about-serv h6 , .about-page2 p{
    line-height: 30px;
}

.bg-submenu2  {
    padding: 6% 1%;
    border-radius: 20px 20px 90px 20px;
    background: linear-gradient(360deg, #33587b, transparent);
    color: #fff;
}

.text-black , .manage-form-confirm-payment .input-group .label span{
    color: #000;
}

.mission h5 {
    line-height: 43px;
    text-align: center;
    font-weight: 600;
    margin-top: 13%;
}

.about-serv h6 {
    margin-bottom: 0;
    background: #9F9F9F;
    background: linear-gradient(to bottom, #9F9F9F 0%, #FFFFFF 51%, #9F9F9F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.mission h5 span {
    font-size: 42px;
    line-height: 0;
    color: #ddd;
}

div#Component66011beb8e4a660013841c95 img,
div#Component66014a70ec3a8f00131e7210 .imgLightbox img{
    border-radius: 20px;
}

div#Component660128bc50ccf40013e076a5 .img-container .img{
    border-radius: 20px 20px 0 0;
}

.menuVertical .nav-stacked>li>a {
    border-radius: 10px 10px 30px 10px;
    background: linear-gradient(360deg, #33587b, transparent);
    color: #fff;
    margin-bottom: 3%;
}

.menuVertical .nav-stacked>li {
    background: #1b3955;
    border-radius: 10px;
}

.cate-product h5 {
    font-family: "Onest", sans-serif;
    background: #2F2F2F;
    background: linear-gradient(to bottom, #2F2F2F 0%, #767676 50%, #2F2F2F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6%;
    margin-bottom: 6%;
}

.sect-service2 .img-service {
  transition: transform 0.2s ease-out;
    border: 1px solid #cfcfcf;
}

.sect-service2 {
    margin-top: 8%;
}

.Text_seller2 {
    display: none;
}

.Contentmanager .template1 .template-panel {
    padding-bottom: 80%;
}

.pre-project {
  padding: 5% 4%;
  text-align: left;
}

div#Component660128bc50ccf40013e076a5 .col-md-4.col-sm-4.col-xs-12 {
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
    border-radius: 20px;
    padding: 0 !important;
    background: #fff;
    width: 31%;
    margin: 1%;
    transition: transform 0.2s ease-out;
}

.pre-project button {
    background: transparent;
    padding: 0.7rem 1rem;
    border-radius: 30px;
    border: 1px solid #ddd;
}

.shopcart-Cate a , .policy-pay a{
    color: #454545;
}

.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: #454545;
}

.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,
.sect-payment h3,  .product-detail button{
    font-family: "Onest","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: #232323;
}

.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, .Template-J-Big {
    border: none !important;
}

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

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

.PictureOverflow {
    max-height: 155px !important;
    width: 100%;
    padding-top: 2%;
}

.Template-J-buttonDetail {
    background: linear-gradient(360deg, #33587b, transparent);
    border-radius: 10px 10px 40px 10px;
    position: relative;
    color: #fff;
    width: 40%;
    margin-top: 2% !important;
}

.Template-J-buttonDetail:hover, .product-detail button:hover,
.menuVertical .nav-stacked>li>a:hover, .btn-submenu:hover,
.bg-submenu:hover, .btnCheckoutprevious:hover,
div#Component6602334b50ccf40013e086ee .TabItpContent .nav-justified > li > a:hover{
    background: #205d97;
}

.Template-J-buttonDetail:before, .product-detail button::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #1b3955;
    border-radius: 10px;
    z-index: -1;
}

.ui.steps .step.active {
    background:#0088d6;
    color: #fff;
}

.ui.steps .step.active:after,.sect-payment button:hover , div#Component6602379350ccf40013e088db button:hover{
    background-color: #0088d6;
}

.step5checkout, .step1checkout {
    background: #0088d6;
    border-color: #aae0ff;
}

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

.ui.steps .step:last-child {
    border-radius: 0 30px 30px 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>td, div#Component6554a2fbb4651e0012f328ff .table>tbody>tr>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>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 30px 30px 0;
    background-color: #f5f5f5;
}

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

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

.Template-J-button {
    background-color: #efb33f;
    border-radius: 30px;
    color: #fff;
    padding: 0.75rem;
    width: 65%;
}

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

.Template-J-frame{
  padding: 5%;
  transition: transform 0.2s ease-out;
  border: 1px solid #999999;
  background: #fff;
  transition: transform 0.2s ease-out;
}

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

.Template-J-pic {
    height: auto !important;
}

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

.Template-J-Name , .Template-J-Des{
    height: 52px;
  font-size: 18px;
    color: #454545;
    font-family: "Onest","Noto Sans Thai",sans-serif;
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Template-J-Des {
    -webkit-line-clamp: 3;
    height: 70px;

}

.product-detail2 br {
    display: none;
}

.Template-J-Des {
    color: #818181 !important;
}


.Template-J-Price {
    display: none;
}

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

.Template-J-frame:hover {
    box-shadow: none;
  transform: scale(0.95);
  border-color: #33587b;
}

.sect-recom h5 {
    margin-bottom: 1%;
}

div#scrolltoshop6601318929bd410013de8a84 div div:nth-child(2) {
    border: none !important;
}

.product-detail button {
    display: grid;
    grid-template-columns: 15% auto;
    width: 25%;
    gap: 10px;
    justify-content: center;
    padding: 0.7rem 2rem;
    align-items: center;
    background: linear-gradient(360deg, #33587b, transparent);
    border-radius: 10px 10px 40px 10px;
    position: relative;
    border: none;
    color: #fff;
    margin-top: 2%;
}

.shopcartDetail-Default.shopcartDetail , .shopcartRelated-Default.shopcartRelated{
    padding: 1% !important;
    border: none !important;
    background: linear-gradient(0deg, #e5e5e5, #f7f7f7);
    border-radius: 10px;
    width: 100% !important;
}

.Shopcart-Related-Main .col-xs-6.col-sm-4 {
    width: 25%;
}

.mainProductFilterContainer .col-xs-6.col-sm-3, 
.Shopcart-Related-Main .col-xs-6.col-sm-4,
.mainProductFilterContainer .col-xs-6.col-sm-4{
    padding: 0 1% !important;
}

div#mainmenu6601459a3cdc000013c5d006 .col-md-6.col-sm-6.col-xs-12:nth-child(2) {
    background: #0000009c;
    padding: 3% 2% !important;
}

div#mainmenu6601459a3cdc000013c5d006 div#Component660145a05b2c0a00135875f8 .col-xs-12.col-sm-6.col-md-6 {
    padding: 0 !important;
}

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

div#mainmenu6601459a3cdc000013c5d006 div#Component660145a05b2c0a00135875f8 .col-xs-12.col-sm-6.col-md-6 {
    padding: 0 3% !important;
    width: 100%;
    background: transparent;
}

.cont-tell {
    display: grid;
    grid-template-columns: 40px auto;
    gap: 10px;
    align-items: center;
    margin-top: 2%;
    transition: transform 0.2s ease-out;
}

.cont-page, .cont-tell a {
    color: #000;
}

.cont-page h5 {
    margin-top: 5%;
    font-weight: 600;
}

.btnCheckoutprevious::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #1b3955;
    border-radius: 10px !important;
    z-index: -1;
}

.btnCheckoutprevious {
    background: linear-gradient(360deg, #33587b, transparent);
    border-radius: 10px 10px 50px 20px !important;
    position: relative;
    color: #fff;
    border: none !important;
    padding: 0.7rem 1rem;
    margin-right: 7px !important;
}

.policy-pay h5 {
    margin-top: 2%;
    margin-bottom: 2%;
    text-decoration: underline;
    color: #024481;
    font-weight: 600;
}

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

.how-pay h6 {
    margin-bottom: 3%;
    text-align: center;
    font-weight: 600;
    color: #000;
}

.how-pay h6 img {
    width: 7% !important;
    margin-bottom: 1%;
}

.how-pay ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.how-pay li {
    background: #f5f5f5;
    padding: 5%;
    border-radius: 10px;
}

.how-pay li p, .how-pay li a {
    color: #000;
}

.how-pay li span {
    font-size: 34px;
    font-weight: 800;
    color: #ddd;
    display: block;
    font-family: "Onest", sans-serif;
    background: #2F2F2F;
    background: linear-gradient(to bottom, #2F2F2F 0%, #767676 50%, #2F2F2F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Textmanager {
    text-align: left;
}

div#Component6602334b50ccf40013e086ee .TabItpContent .nav-justified > li > a::before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #1b3955;
    border-radius: 10px !important;
    z-index: -1;
}

div#Component6602334b50ccf40013e086ee .TabItpContent .nav-justified > li > a {
    background: linear-gradient(360deg, #33587b, transparent);
    border-radius: 10px 10px 50px 20px !important;
    position: relative;
    color: #fff;
}

div#Component6602334b50ccf40013e086ee .TabItpContent .nav-justified > li > a > span {
    color: #fff !important;
    font-weight: 600;
}

.notificationcart {
    bottom: 16%;
    right: 15%;
}

.tab-itp-background {
    padding: 0 !important;
}

div#Component6602334b50ccf40013e086ee .tab-content {
    height: 650px;
}

.sect-payment {
    padding: 9% 0;
    text-align: center;
}

.sect-payment img {
    width: 18% !important;
    margin-bottom: 1%;
    margin-top: 1%;
    border-radius: 20px;
}

.sect-payment button {
    background: transparent;
    border: 1px solid #fff;
    padding: 0.7rem 2rem;
    color: #fff;
    border-radius: 10px;
}

.boarder-confirm-payment {
    background: #fff;
    color: #000;
    padding: 3% 0;
}

div#shop_member_login button {
    background: #1b3955;
    text-shadow: none;
    color: #fff;
    border-radius: 10px;
}

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

.post-time, .fbcomments, .landingpagemanager{
    display: none;
}

.menuVertical .dropdown-menu {

      display: none !important;
}

.menuVertical .dropdown-submenu>a:after{
    display: none !important;
}

.menuVertical .caret {
    display: none;
}

.page-header {
    padding-bottom: 0;
    margin: 3% 0 0;
    border-bottom: none;
}

.social-share {
    top: -75px;
}

div#Component660128bd50ccf40013e076b0 .col-xs-12.col-md-3 {
    padding: 0 1% !important;
    width: 33.33%;
}

div#Component660128bd50ccf40013e076b0 .img-thumbnail, div#Component660128bd50ccf40013e076b0 .thumbnail {
    padding: 0;
    border: none;
    border-radius: 0;
}

.page-header .col-md-3.col-sm-5.col-xs-12 {
    width: 100% !important;
}

div#Component6600ed043cdc000013c5bf74 .imgLightbox {
    overflow: hidden;
}

.bg-submenu, div#Component6600ed043cdc000013c5bf74 .imgLightbox img,
.social-footer img{
   transition: transform 0.2s ease-out;
}

.bg-submenu:hover ,.sect-service li:hover .img-service,
.social-footer img:hover, .sect-service2 li:hover .img-service,
div#Component660128bc50ccf40013e076a5 .col-md-4.col-sm-4.col-xs-12:hover,
.cont-tell:hover{
    transform: scale(0.95);
}

 div#Component6600ed043cdc000013c5bf74 .imgLightbox img:hover {
    transform: scale(1.05);
}

.Template-J-frame:hover .Template-J-Name {
    color: #33587b;
}

div#Component660128bc50ccf40013e076a5 .col-md-4.col-sm-4.col-xs-12:hover button {
    background: #024481;
    color: #fff;
}

div#Component6602379350ccf40013e088db button::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(283%) hue-rotate(341deg) brightness(116%) contrast(100%);
}

.manage-form-confirm-payment .col-xs-12.col-sm-2.col-md-2 {
    width: fit-content;
}


.ITPcookiebar {
  width: 100% !important;
    background-color: #bbbbbb75 !important;
    color: #171717;
}

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

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

.ITPlinkToCookiepage:hover {
    color: #1b3e8d !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;
}


.tt-menu {
    max-height: 375px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

.ITPcheckboxAuthen {
    text-align: left !important;
    margin-left: 3%;
}
/*******************responsive**************************/

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


.navbar-default .navbar-nav>li>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, h3.managerHeader {
    font-size: 2.6em;
}

h6 {
    font-size: 1.7em;
}

p, .pre-project p, .Template-J-CateName, .Template-J-ProName,
 .policy-pay li{
    font-size: 20px;
}

.pre-project button , div#shop_member_login button,
div#Component6600f92a50ccf40013e06c29 button, 
div#Component660145a05b2c0a00135875f8 button,
  div#Component6602379350ccf40013e088db button,
  .dropdown-menu>li>a, .menuVertical .nav-stacked>li>a,
  div#scrolltoshop b, div#scrolltoshop, .Template-J-buttonDetail,
  .product-detail button, .sect-payment button, .Template-J-Des p{
    font-size: 18px;
}

.head-sect-about h4 {
    font-size: 54px;
    line-height: 68px;
}
  
.sect-about p, .Template-J-Name, .Headcheckout , 
  div#Component6602334b50ccf40013e086ee .TabItpContent .nav-justified > li > a > span{
    font-size: 22px !important;
}

.mission h5 span {
    font-size: 46px;
}

.shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 28px;
}
.shopcartDetail, .shopcartRelated {
    font-size: 24px !important;
}

.ui.steps .step .title, .Bodycheckout, div#Component6602379350ccf40013e088db  .control-label {
    font-size: 16px;
}

.how-pay li span {
    font-size: 38px;
}
  
  .btn-submenu {
    gap: 20px;
    padding: 5% 15%;
    grid-template-columns: 27% auto;
}
  
  .sect-about p {
    line-height: 36px;
}
  
  .Template-J-Name {
    height: 67px;
  }
  
  .Template-J-Des {
    height: 90px;
}
  
  div#formdisplay6600f92a50ccf40013e06c29 .form-control, div#Component660145a05b2c0a00135875f8 .form-control,
 div#Component6601318929bd410013de8a84 textarea.form-control{
    font-size: 16px !important;
    margin-bottom: 5rem;
}
  
  .sect-form h3, form#shop_member_login_form {
    line-height: 60px;
}
  
  .shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default {
    font-size: 20px !important;
  }
  
  div#Component6600f92a50ccf40013e06c29 button::after, div#Component660145a05b2c0a00135875f8 button::after,
  div#Component6602379350ccf40013e088db button::after {
    top: 11px;
}
  
  .social-footer {
    width: 30%;
    gap: 10px;
}
  .about-page2 li {
    margin: 1%;
    width: 30.33%;
}
  
  .about-page2 ul {
    margin-bottom: 2%;
}
  
  .about-serv h6, .about-page2 p, .about-page p {
    line-height: 34px;
}
  
  .mission h5 {
    line-height: 60px;
    margin-right: 4%;
  }
  
  div#Component6601318929bd410013de8a84 .input-group .form-control,
  div#Component6602379350ccf40013e088db .input-group .form-control{
    height: 45px;
    font-size: 16px !important;
}
  
  .Template-J-Icon {
    width: 15%;
}
  
  .product-detail button {
    grid-template-columns: 16% auto;
    width: 21%;
    padding: 1.5rem 2rem;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
}

.ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  .tt-menu {
    max-height: 355px;
  }
}

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

  .navbar-default .navbar-nav>li>a {
    margin: 0 20px;
}
}

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

  .sect-about {
    padding: 5% 9%;
}
  
  ul#itopplus-nav-bar {
    margin-right: 3%;
}
  
  h3 {
    font-size: 2.4em;
}
  
  h4 {
    font-size: 2em;
}
  h5, h3.managerHeader {
    font-size: 1.8em;
}
  .navbar-default .navbar-nav>li>a {
    margin: 0 15px;
}
  
  li#menu6600e334ec3a8f00131e599f,
  li#menu6600e33b8e4a66001384108b{
    display: none !important;
}
  
  .head-sect-about h4 {
    font-size: 40px;
  }
  
  .about-page {
    padding: 8% 2% 0;
}
  
  .about-page br {
    display: none;
}
  
  .shopcart {
    width: 60px !important;
    height: 60px !important;
    right: 17px;
    top: 19px;
}
}

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

.shopcart {
    top: 60px;
}
  
  h5, h3.managerHeader {
    font-size: 1.6em;
}
  
  h6 {
    font-size: 18px;
}
  
  .btn-submenu {
    padding: 6%;
}
  
  .head-sect-about h4 {
    font-size: 26px;
}
  
  .sect-about {
    padding: 0;
}
  
  .sect-about p {
    font-size: 16px !important;
    line-height: inherit;
}
  
  .Template-J-Name {
    height: 50px;
    font-size: 16px;
  }
  
  .sect-service li, .sect-service2 li {
    grid-template-columns: 26% auto;
}
  
  .sect-service ul, .sect-service2 ul {
    margin-bottom: 13%;
}
  
  div#formdisplay6600f92a50ccf40013e06c29 .col-md-6.col-sm-12:nth-child(1) {
    padding-right: 0 !important;
}
  
  .copy-right {
    text-align: center;
    border-top: none;
    padding: 1% 0 0;
}
  
  .about-page2 br {
    display: none;
}
  
  .about-page {
    padding: 4% 0 0;
}
  
  .mission h5 {
    line-height: 41px;
    margin-top: 10%;
}
  
  a#itpsearchmobile {
    display: none !important;
}
  
  .Template-J-buttonDetail {
    width: 22%;
}
  
  .col-xs-12.col-sm-12.col-md-12.shopcartAllDetail, 
  .Shopcart-Related-Main .col-xs-12.col-sm-12.col-md-12 {
    margin: 0 !important;
}
  
  .social-share {
    display: none;
}
  
  .cont-page h5 {
    margin-top: 0;
  }
  
  div#Component660145a05b2c0a00135875f8 button::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(283%) hue-rotate(341deg) brightness(116%) contrast(100%);
}
div#Component660145a05b2c0a00135875f8 button {
    color: #fff;
    width: fit-content;
}

    li#menu6600e334ec3a8f00131e599f,
  li#menu6600e33b8e4a66001384108b{
    display: block !important;
}
  
  div#Component6602334b50ccf40013e086ee ul.nav-justified>li>a {
    padding: 4%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#Component6602334b50ccf40013e086ee ul.nav-justified>li {
    width: 33.33%;
}
div#Component6602334b50ccf40013e086ee ul.nav-justified {
    display: flex;
    flex-wrap: nowrap;
}
  
  h3 {
    font-size: 2.2em;
}
  
  .backToTop img {
    width: 100%;
}
.backToTop {
    width: 55px !important;
    right: 15px !important;
}
  
  div#contentnewmode6603c70fc3d911001384653b, div#Component6603c6dbc3d91100138464d4 {
    display: none;
}
  
  .col-md-9.zIndex-pos2 {
    padding: 0 !important;
}
  
  .Checkout-font-panel .col-xs-12.col-sm-11.col-md-11 {
    width: 100%;
}
  
    .tt-menu {
    max-height: 255px;
  }
  
  
  .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 ,
     #itpphonemobile{
        display: block !important;
        padding-top: 11px !important;
        padding-left: 5px !important;
        padding-bottom: 5px !important;
        padding-right: 5px !important;
    }

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

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

    .icon-image-instragram {
        background: url('https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-igz-z299708065319.webp');
        height: 25px;
        width: 25px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

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

    .icon-image-youtube {
        background: url('https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-youtubez-z149221842089.webp');
        height: 25px;
        width: 25px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
  
  .fa-phone:before {
        background: url('https://itp1.itopfile.com/ImageServer/z_itp_18022024zibs/512/0/whatsappz-z1454431319353.webp');
        height: 24px;
        width: 24px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        content: " ";
  }
  
  div#Component660128bc50ccf40013e076a5 {
    min-height: 76vh;
}
  
  div#mainmenu66044761c3d9110013847313,
  div#mainmenu6603a2599f95ed00131431e2,
  div#mainmenu660120abec3a8f00131e67de,
  div#mainmenu660120e329bd410013de8712,
  div#mainmenu660448539f95ed00131443e6,
  div#mainmenu6604487bc3d9110013847328,
  div#mainmenu660123b55b2c0a0013586f8a{
    min-height: 79vh;
}
  
}

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

div#imagesControl6600dc9d3cdc000013c5bada,
div#imagesControl6600ed043cdc000013c5bf74,
div#imagesControl6600ed203cdc000013c5bf8f,
div#contentnewmode65fce85a28dca10013f49bf1,
div#contentnewmode6601187d50ccf40013e07236,
div#contentnewmode66011c1550ccf40013e07343,
div#contentnewmode660123be5b2c0a0013586f8f,
div#imagesControl66014a70ec3a8f00131e7210,
div#Component660145b329bd410013de9036 div,
  .sect-payment{
    padding: 0 !important;
}
  
  h3 {
    font-size: 24px;
}
  
  h4 {
    font-size: 22px;
}
  
   h5 {
    font-size: 20px;
}
  
  br ,  .cate-product, div#Component660120abec3a8f00131e67df,
  div#Component660120903cdc000013c5c916,
  div#Component660120c15b2c0a0013586edf,
  div#Component660120d3ec3a8f00131e67f6,
  div#Component660120e329bd410013de8713,
  div#Component66023a2650ccf40013e089b4,
  .shopcart-share,
  div#Component66044761c3d9110013847314,
  div#Component6603a2599f95ed00131431e3,
  div#Component660448539f95ed00131443e7,
  div#Component6604487bc3d9110013847329{
    display: none !important;
}
  
  .sect-submenu h4 {
    line-height: inherit;
}
  
  div#Component6600ed043cdc000013c5bf74 .thumbs {
    margin: 0;
}
  
  div#Component6600ed203cdc000013c5bf8f figure {
    position: relative;
}
  
  div#Component6600ed203cdc000013c5bf8f .imgLightbox img {
    height: 355px;
}
  
  .sect-about {
    position: absolute;
    top: 0;
    color: #fff;
    padding: 7%;
}
  
  .head-sect-about h4 {
    font-size: 24px;
    margin: 0;
}
  
  .sect-about p {
    font-size: 14px !important;
    line-height: 25px;
}
  
  .Template-J-Name {
    height: 47px;
  }
  
  .Template-J-Des {
  height: 62px;
  }
  
  .sect-service ul, .sect-service2 ul {
    margin-bottom: 10%;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
  
  .sect-service li, .sect-service2 li {
    grid-template-columns: 23% auto;
}
  
  .about-page2 li, div#Component660128bc50ccf40013e076a5 .col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
}
  
  .about-page2 h5 {
    margin-bottom: 6%;
}
  
  .mission h5 span {
    font-size: 26px;
  }
  
  .mission h5 {
    line-height: inherit;
    margin-bottom: 5%;
}
  
.mainProductFilterContainer .col-xs-6.col-sm-3, 
  .Shopcart-Related-Main .col-xs-6.col-sm-4, 
  .mainProductFilterContainer .col-xs-6.col-sm-4 ,
    .Shopcart-Related-Main .col-xs-6.col-sm-12 {
    padding: 0 2% !important;
}
  
  .Template-J-buttonDetail {
    width: 45%;
}
  
  .shopcartDetail, .shopcartRelated {
    font-size: 18px !important;
    padding: 3% !important;
}
  
  .sect-service2 {
    margin-top: 0;
}
  
  div#Component660128bd50ccf40013e076b0 .col-md-12.text-justify {
    padding: 0 1rem !important;
}
  
  div#Component660128bd50ccf40013e076b0 .col-xs-12.col-md-3 {
    padding: 0 3% !important;
    width: 50%;
}
  
  .cont-tell {
    margin-top: 4%;
    grid-template-columns: 30px auto;
}
  
  .shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 18px;
  }
  
  .product-detail button {
    width: 70%;
    padding: 1rem 2rem;
    margin-bottom: 5%;
}

  div#Component6602334b50ccf40013e086ee .TabItpContent .nav-justified > li > a > span {
    font-size: 16px !important;
}
  
  div#Component6602334b50ccf40013e086ee ul.nav-justified {
    flex-wrap: wrap;
}
  
  div#Component6602334b50ccf40013e086ee ul.nav-justified>li {
    width: 100%;
    margin-bottom: 3%;
}
  
  .how-pay h6 img {
    width: 25% !important;
    margin-bottom: 4%;
}
  
  .how-pay ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
  
  div#Component6602334b50ccf40013e086ee .tab-content {
    height: auto;
    padding: 0 !important;
}
  
  .manage-form-confirm-payment .fileinput-button {
    margin-left: 8%;
}
  
  .tt-menu {
    max-height: 225px;
  }
}



#scrolltoshop > div > div:nth-child(3) > div:nth-child(1) > div.col-xs-9.col-sm-9.col-md-10 > label:nth-child(15) {
    visibility: hidden;
    position: relative;
}
#scrolltoshop > div > div:nth-child(3) > div:nth-child(1) > div.col-xs-9.col-sm-9.col-md-10 > label:nth-child(15):after{
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content:'โปรดโอนชำระเงินตามธนาคารด้านล่างที่ระบุ และกด "สรุปการสั่งซื้อ"';
}