.itopplus-background {

}
body,
html {
    overflow-x: hidden;
}

.itopplus-bg {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_12082023g4gz/0/0/1z-z938820903577.webp');
}

 .itopplus-bg2 {
   /*background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_12082023g4gz/0/0/2z-z1607871477341.webp');*/
}

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

.itopplus-bg4 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_12082023g4gz/0/0/4z-z1192599741907.webp');
}

.itopplus-footer {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_12082023g4gz/0/0/fz-z68172603220.webp);
    background-size: cover;
}

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

.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: #fff !important;
    box-shadow: none;
    border-radius: 30px;
    background: transparent;
    background-color: #f06288;
}

.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: #fff !important;
    color: #fff !important;
}

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

.navbar-default {
    background: #f06288;
}

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

.itopplus-logo img {
    position: fixed;
    object-fit: contain;
    width: 70px !important;
    top: 5px;
    left: 15px;
    filter: brightness(0) invert(100%);
}
  
#controlBanner {
    margin-top: 48px;
}  

}

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

.navbar-default {
    background: transparent;
}

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

#controlBanner {
    object-fit: contain;
    padding: 15px;
    width: 75%;
}


}

@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: 7em;
}

h2 {
    font-size: 2.875em;
}

h3 {
    font-size: 2.25em;
}

h4,h3.managerHeader {
    font-size: 1.875em;
}

h5 {
    font-size: 1.5em;
}

h6,.shopcartRelated {
    font-size: 1.3125em;
}

p,.product-detail li,.shopcartID-Head-Default, .shopcartName-Head-Default,.review-detail li,.return-policy li,.how-to li,.btn-noti,.Template-J-Name label,.dropdown-menu>li>a{
    font-size: 16px;
}

.ui.steps .title {
    font-size: 14px !important;
}

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

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

.pe-10 {
	padding-left:10%;
}

.fw-bold {
    font-weight: 700;
}

.fs-bebas {
    font-family: 'Bebas Neue', sans-serif;
}

.text-pink {
	color:#f4a7c9;
}

.text-purple {
	color:#9f85d5;
}
/***************master-page********************/


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

.footer h6 {
    color: #000;
    font-weight: 700;
    margin-bottom: 8%;
}

.social-footer {
    text-align: center;
    font-weight: 300;
}

.icon-footer {
    display: grid;
    grid-template-columns: 10% 10% 10% 10%;
    gap: 15px;
    justify-content: center;
}

div#Component6507b8898f5b3d0013d789de .form-control{
    height: 35px;
    border-radius: 30rem 0 0 30rem;
    border-color: #d9d9dd;
    box-shadow: none;
}

div#Component6507b8898f5b3d0013d789de .glyphicon {
    display: none;
}

div#Component6507b8898f5b3d0013d789de button {
    background-color: #444444;
    background-image: none;
    text-shadow: none;
    color: #fff;
    height: 35px;
    border-color: #444;
    border-radius: 0 30rem 30rem 0;
    width: 70px;
}

.about-first {
    padding-top: 20%;
    padding-right: 30%;
    padding-left: 3%;
}

.about-first h4 {
    font-weight: 700;
    color: #000;
    margin-bottom: 4%;
}

.about-first p {
    line-height: 26px;
    margin-bottom: 6%;
}

figure.effect-selena {
    background: transparent;
}

.logo-spf {
    width: 13%;
    margin: auto;
    margin-right: 0;
    position: relative;
    right: 30px;
    top: 30px;
}

div#Component6507c7c327579a0013b36fc6 .imgLightbox img, div#Component6507c7d807977f001323a0cd .imgLightbox img {
    width: 90% !important;
    margin: auto;
}

div#Component6507c7d807977f001323a0cd .imgLightbox img {
    margin-left: 0;
}

div#Component6507c7c327579a0013b36fc6 .imgLightbox img {
    margin-right: 0;
}

div#contentnewmode6507cb3a07977f001323a147 {
    position: relative;
    margin-bottom: -110px;
}

.text-everyday {
    width: 65%;
    margin: auto;
}

.text-smooth {
    width: 40%;
    margin: auto;
}

div#contentnewmode6507cbca27579a0013b37134 {
    position: relative;
    top: -100px;
    margin-bottom: -50px;
}

.itopplus-bg2,.itopplus-bg4 {
    background-size: cover;
}

div#contentnewmode6507cd838f5b3d0013d791e6 {
    position: relative;
}

.logo-review {
    width: 13%;
    position: absolute;
    top: -80px;
    right: -135px;
}

div#Component6507cd302d01d100128e0680,
div#Component6507cd5b8f5b3d0013d79181{
    background-color: #fff;
    margin-bottom: 2%;
    padding: 15px 5px;
}

div#Component6507cd302d01d100128e0680 .thumbs,
div#Component6507cd5b8f5b3d0013d79181 .thumbs{
   margin: 0;
}

.head-text h1 {
    color: #fff;
    font-family: 'Bebas Neue', sans-serif;
}

.text-head h1 {
    color: #f3f3f3;
    font-family: 'Bebas Neue', sans-serif;
     margin: 0;
}

.head-product h1 {
    color: #f3f3f3;
    font-family: 'Bebas Neue', sans-serif;
     margin: 0;
}

.head-product h2 {
    color: #000;
    font-family: 'Bebas Neue', sans-serif;
     margin: 0;
      position: relative;
    top: -45px;
}

.text-head h3 {
    margin: 0;
    color: #000;
    font-weight: 700;
        position: relative;
    top: -45px;
}

.head-product,.text-head,.contact-us {
    text-align: center;
}

div#Component6507d393ed85c900124204a1,
div#Component6507d3bc8f5b3d0013d7930b{
    padding-left: 15%;
}

div#Component6507d1ff2d01d100128e0775 .imgLightbox {
    text-align: center;
}

div#Component6507d1ff2d01d100128e0775 .imgLightbox img {
    width: 70% !important;
    position: relative;
    top: -200px;
}

div#contentnewmode6507d6648f5b3d0013d79362 {
    position: relative;
    z-index: 2 !important;
}

div#contentnewmode6507d062ed85c90012420441 {
    position: relative;
    z-index: 1;
    margin-top: -35px;
}

div#Component6507d1ff2d01d100128e0775 {
    margin-bottom: -215px;
}

.about-page p {
    text-indent: 5%;
    margin-bottom: 2%;
    line-height: 28px;
}

.text-indent {
    text-indent: 5%;
}

.about-page .logo-garuntee {
    width: 75%;
    margin-top: 4%;
}

.logo-garuntee2 {
    display: grid;
    grid-template-columns: repeat(7,1fr);
}

div#Component65080528777483001ae3c49a .Contentmanager .template1 .template-panel {
    padding-bottom: 100%;
}

div#Component65080528777483001ae3c49a .Contentmanager .caption {
    height: 60px;
    padding: 3% 2% 0;
    font-size: 16px;
    color: #000;
    margin-bottom: 5%;
}

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

div#Component650829c2508a81001363031e .grid figure figcaption {
    position: static;
    padding: 0;
}

div#Component650829c2508a81001363031e .grid figure h2 {
    word-spacing: 0;
}

.btn-channel h6 {
    color: #000;
    font-size: 18px;
    height: 50px;
    font-weight: 700;
}

.return-policy li,.how-to li,.review-detail li {
    margin-bottom: 1%;
}

.return-policy h6 {
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 2%;
    margin-top: 3%;
}

.how-to h6,.contact-us h4 {
    font-weight: 700;
    margin-bottom: 2%;
    margin-top: 2%;
}

.return-policy a:hover, .how-to a:hover, .contact-us a:hover,.review-detail a:hover {
    color: #f06288;
}

.return-policy a, .how-to a,.contact-us a,.review-detail a,.footer a,.social-footer a {
    color: #444;
}

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

.channel-how li {
    padding: 5%;
    text-align: center;
}

.img-channel {
    width: 30%;
    margin: auto;
    margin-bottom: 6%;
}

.bank-channel {
    width: 40%;
    background-color: #002d63;
    padding: 3%;
    text-align: center;
    border-radius: 20px;
    margin: 3% auto;
    color: #fff;
}

.img-bank img {
    width: 20% !important;
    border-radius: 10px;
    margin-bottom: 3%;
}

div#Component650829c2508a81001363031e .grid figure:hover h6,.footer a:hover,.social-footer a:hover,.Template-J-CateName a {
    color: #9278c7;
}


.contact-us ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.contact-us li img {
    width: 20% !important;
}

.contact-us li {
    padding: 1%;
    margin: 1%;
    width: 23%;
}

.contact-us li h6 {
    color: #afafaf;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 2px;
}

div#Component650a73f1777483001ae3eb4a {
    background-color: #bdccf3a1;
    position: relative;
    right: 65px;
    width: 110%;
    z-index: 0;
    padding: 5% 0;
}

div#Component650a73c9777483001ae3eb2c {
    position: relative;
    z-index: 1;
    top: 20px;
}

div#Component650a73f1777483001ae3eb4a .form-control {
    box-shadow: none;
    border-radius: 0;
    border: none;
}

div#Component650a73f1777483001ae3eb4a .form-group {
    margin-bottom: 20px;
}

div#Component650a73f1777483001ae3eb4a button:hover,
.manage-form-confirm-payment button:hover,.btnCheckoutprevious:hover,form#shop_member_login_form button:hover,.shopcart-paymentpage:hover{
    background-color: #fff;
    color: #f06288;
}

div#Component650a73f1777483001ae3eb4a button,
.manage-form-confirm-payment button,.btnCheckoutprevious,form#shop_member_login_form button,
.shopcart-paymentpage{
    background-image: none;
    box-shadow: none;
    padding: 0.75rem 2rem;
    border-radius: 20px;
    border-color: #f06288;
    background-color: #f06288;
    text-shadow: none;
    color: #fff;
}

div#Component650ab547508a8100136334e3 ul.nav.nav-pills.nav-stacked,
div#Component650ab6fb27579a0013b3ae32 ul.nav.nav-pills.nav-stacked,
div#Component650ab74027579a0013b3ae4f ul.nav.nav-pills.nav-stacked,
div#Component650ab77727579a0013b3ae56 ul.nav.nav-pills.nav-stacked,
div#Component650ab7a8ed85c900124242cc ul.nav.nav-pills.nav-stacked,
div#Component650ab7d1777483001ae3f5f5 ul.nav.nav-pills.nav-stacked,
div#Component650ab897508a81001363350d ul.nav.nav-pills.nav-stacked,
div#Component650ab8c7508a810013633527 ul.nav.nav-pills.nav-stacked,
div#Component650ab8f0ed85c900124242ee ul.nav.nav-pills.nav-stacked,
div#Component650ab90fed85c900124242f9 ul.nav.nav-pills.nav-stacked,
div#Component650ab93327579a0013b3ae79 ul.nav.nav-pills.nav-stacked,
div#Component650ab9548f5b3d0013d7d0c7 ul.nav.nav-pills.nav-stacked,
div#Component650ab97b777483001ae3f623 ul.nav.nav-pills.nav-stacked,
div#Component650ab9a58f5b3d0013d7d0e2 ul.nav.nav-pills.nav-stacked,
div#Component650ab9c4777483001ae3f641 ul.nav.nav-pills.nav-stacked,
div#Component650ab9ed777483001ae3f65f ul.nav.nav-pills.nav-stacked,
div#Component650aba30777483001ae3f679 ul.nav.nav-pills.nav-stacked,
div#Component650aba68777483001ae3f69d ul.nav.nav-pills.nav-stacked,
div#Component650aba9007977f001323e2b8 ul.nav.nav-pills.nav-stacked,
div#Component650abaa207977f001323e2bf ul.nav.nav-pills.nav-stacked,
div#Component650abac707977f001323e2e3 ul.nav.nav-pills.nav-stacked,
div#Component650abae6ed85c90012424317 ul.nav.nav-pills.nav-stacked,
div#Component650abb0bed85c90012424335 ul.nav.nav-pills.nav-stacked,
div#Component650abb2d27579a0013b3ae98 ul.nav.nav-pills.nav-stacked,
div#Component650abb4f07977f001323e326 ul.nav.nav-pills.nav-stacked{
    display: flex;
    justify-content: center;
    /*background-color: #f3f3f3;*/
    flex-wrap: wrap;
    padding: 1%;
}

div#Component650ab547508a8100136334e3 .nav-pills>li>a,
div#Component650ab6fb27579a0013b3ae32 .nav-pills>li>a,
div#Component650ab74027579a0013b3ae4f .nav-pills>li>a,
div#Component650ab77727579a0013b3ae56 .nav-pills>li>a,
div#Component650ab7a8ed85c900124242cc .nav-pills>li>a,
div#Component650ab7d1777483001ae3f5f5 .nav-pills>li>a,
div#Component650ab897508a81001363350d .nav-pills>li>a,
div#Component650ab8c7508a810013633527 .nav-pills>li>a,
div#Component650ab8f0ed85c900124242ee .nav-pills>li>a,
div#Component650ab90fed85c900124242f9 .nav-pills>li>a,
div#Component650ab93327579a0013b3ae79 .nav-pills>li>a,
div#Component650ab9548f5b3d0013d7d0c7 .nav-pills>li>a,
div#Component650ab97b777483001ae3f623 .nav-pills>li>a,
div#Component650ab9a58f5b3d0013d7d0e2 .nav-pills>li>a,
div#Component650ab9c4777483001ae3f641 .nav-pills>li>a,
div#Component650ab9ed777483001ae3f65f .nav-pills>li>a,
div#Component650aba30777483001ae3f679 .nav-pills>li>a,
div#Component650aba68777483001ae3f69d .nav-pills>li>a,
div#Component650aba9007977f001323e2b8 .nav-pills>li>a,
div#Component650abaa207977f001323e2bf .nav-pills>li>a,
div#Component650abac707977f001323e2e3 .nav-pills>li>a,
div#Component650abae6ed85c90012424317 .nav-pills>li>a,
div#Component650abb0bed85c90012424335 .nav-pills>li>a,
div#Component650abb2d27579a0013b3ae98 .nav-pills>li>a,
div#Component650abb4f07977f001323e326 .nav-pills>li>a{
    font-size: 16px;
    color: #444;
    font-weight: 500;
    border-radius: 30px;
  border: 1px solid #ccc;
}

div#Component650ab547508a8100136334e3 .nav-stacked>li,
div#Component650ab6fb27579a0013b3ae32 .nav-stacked>li,
div#Component650ab74027579a0013b3ae4f .nav-stacked>li,
div#Component650ab77727579a0013b3ae56 .nav-stacked>li,
div#Component650ab7a8ed85c900124242cc .nav-stacked>li,
div#Component650ab7d1777483001ae3f5f5 .nav-stacked>li,
div#Component650ab897508a81001363350d .nav-stacked>li,
div#Component650ab8c7508a810013633527 .nav-stacked>li,
div#Component650ab8f0ed85c900124242ee .nav-stacked>li,
div#Component650ab90fed85c900124242f9 .nav-stacked>li,
div#Component650ab93327579a0013b3ae79 .nav-stacked>li,
div#Component650ab9548f5b3d0013d7d0c7 .nav-stacked>li,
div#Component650ab97b777483001ae3f623 .nav-stacked>li,
div#Component650ab9a58f5b3d0013d7d0e2 .nav-stacked>li,
div#Component650ab9c4777483001ae3f641 .nav-stacked>li,
div#Component650ab9ed777483001ae3f65f .nav-stacked>li,
div#Component650aba30777483001ae3f679 .nav-stacked>li,
div#Component650aba68777483001ae3f69d .nav-stacked>li,
div#Component650aba9007977f001323e2b8 .nav-stacked>li,
div#Component650abaa207977f001323e2bf .nav-stacked>li,
div#Component650abac707977f001323e2e3 .nav-stacked>li,
div#Component650abae6ed85c90012424317 .nav-stacked>li,
div#Component650abb0bed85c90012424335 .nav-stacked>li,
div#Component650abb2d27579a0013b3ae98 .nav-stacked>li,
div#Component650abb4f07977f001323e326 .nav-stacked>li{
    padding: 0.5rem;
}

div#Component650ab547508a8100136334e3 .nav>li>a:hover,
div#Component650ab6fb27579a0013b3ae32 .nav>li>a:hover,
div#Component650ab74027579a0013b3ae4f  .nav>li>a:hover,
div#Component650ab77727579a0013b3ae56 .nav>li>a:hover,
div#Component650ab7a8ed85c900124242cc .nav>li>a:hover,
div#Component650ab7d1777483001ae3f5f5 .nav>li>a:hover,
div#Component650ab897508a81001363350d .nav>li>a:hover,
div#Component650ab8c7508a810013633527 .nav>li>a:hover,
div#Component650ab8f0ed85c900124242ee .nav>li>a:hover,
div#Component650ab90fed85c900124242f9 .nav>li>a:hover,
div#Component650ab93327579a0013b3ae79 .nav>li>a:hover,
div#Component650ab9548f5b3d0013d7d0c7 .nav>li>a:hover,
div#Component650ab97b777483001ae3f623 .nav>li>a:hover,
div#Component650ab9a58f5b3d0013d7d0e2 .nav>li>a:hover,
div#Component650ab9c4777483001ae3f641 .nav>li>a:hover,
div#Component650ab9ed777483001ae3f65f .nav>li>a:hover,
div#Component650aba30777483001ae3f679 .nav>li>a:hover,
div#Component650aba68777483001ae3f69d .nav>li>a:hover,
div#Component650aba9007977f001323e2b8 .nav>li>a:hover,
div#Component650abaa207977f001323e2bf .nav>li>a:hover,
div#Component650abac707977f001323e2e3 .nav>li>a:hover,
div#Component650abae6ed85c90012424317 .nav>li>a:hover,
div#Component650abb0bed85c90012424335 .nav>li>a:hover,
div#Component650abb2d27579a0013b3ae98 .nav>li>a:hover,
div#Component650abb4f07977f001323e326 .nav>li>a:hover{
    color: #fff;
  background-color: #f06288;
    border: 1px solid #f06288;
}

.Template-J-frame {
    border-radius: 20px;
      border: 1px solid transparent;
}

.Template-J-frame:hover {
   /*box-shadow: 0 2px 10px #f06288;*/
    box-shadow: none;
 /* border: 1px solid #f06288;*/
}

.Template-J-frame:hover img,.Shopcart-Related-Main .Template-J-frame:hover img{
    box-shadow: 0 2px 10px #f06288;
  transform: scale(1.1);
}

.Template-J-innerPic img {
    border-radius: 50%;
    border: 2px solid #ccc;
}

.Template-J-innerPic,.Shopcart-Related-Main .Template-J-frame div div {
    padding:10%;
}

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

.Template-J-innerPic img,.Shopcart-Related-Main .Template-J-frame img {
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 10px #f1f1f1;
  transition: transform 0.2s ease-out;
}

.Template-J-Title,.priceNoPromotion,.Template-J-Price {
    font-size: 28px;
    color: #555;
    font-family: 'Bebas Neue', sans-serif;
    height: auto;
}

.Template-J-Name label,.ui.steps .step.active .title {
    font-weight: 400;
}

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

.priceNoPromotion,.Template-J-PricePromotion,.shopcartDetail, .shopcartRelated ,.Template-J-Price{
    color: #f06288;
    font-weight: 500;
}

.Template-J-button,.Template-J-buttonDetail {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    border: 2px solid #f06288;
    border-radius: 30px;
    font-family: 'Noto Sans Thai',sans-serif;
  transition: background 0.2s ease-out;
  margin-top: 5%;
}

.Template-J-frame:hover .Template-J-button, .Template-J-buttonDetail:hover  {
   background-color: #f06288;
   color: #fff;
  
}

.product-detail h6, .shopcartDetail, .shopcartRelated,h3.managerHeader {
    font-weight: 600;
}

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

.Template-J-Title label ,.Template-J-Price label{
    font-weight: 300;
}

.shopcartID-Head-Default,.shopcartID-Default,.shopcartName-Head-Default,.shopcartName-Default,.shopcartlinePrice-Default ,.ITPquantityWord,.ITPquantityUnit,.shopcartDetail{
 border:none;
  font-family: 'Noto Sans Thai',sans-serif;
}

.ui.steps .title {
  font-family: 'Noto Sans Thai',sans-serif !important;
}

.product-detail h6 {
    margin-top: 2%;
}

.product-detail {
    line-height: 28px;
}

.Template-J-buttonDetail {
    width: 35%;
}

.shopcartID-Default, .shopcartName-Default {
    font-weight: 500;
    font-size: 20px;
    color: #000;
}

div#Component6548b8ae3d422b001acdd994 .imgLightbox {
    height: 198px;
}

.shopcartID-Head-Default, .shopcartName-Head-Default {
    color: #555;
}

div#Component65080528777483001ae3c4a5 .img-thumbnail, div#Component65080528777483001ae3c4a5 .thumbnail {
    box-shadow: none;
    padding: 0;
    border: none;
    margin: 2% auto;
}

.review-detail p {
    margin-bottom: 2%;
}

div#Component65080528777483001ae3c49a .img-container,
.text-everyday img,
.text-smooth img,
div#Component6507d1ff2d01d100128e0775 .imgLightbox img,
.icon-footer img,
.bank-channel,
.img-channel img,
.contact-us li img,
.logo-spf img,.logo-garuntee2 img{
     transition: transform 0.2s ease-out;
}

div#Component65080528777483001ae3c49a .col-md-4.col-sm-4.col-xs-12.padding-md.text-center:hover .img-container,
.text-everyday:hover img,
.text-smooth:hover img,
div#Component6507d1ff2d01d100128e0775 .imgLightbox:hover img,.logo-garuntee2 img:hover,
.logo-spf img:hover{
    transform: scale(.95);
}

.icon-footer img:hover,.bank-channel:hover,.img-channel img:hover,.contact-us li:hover img {
    transform: scale(1.1);
}

.review-detail {
    text-align: left;
}

.btn-noti:hover a {
    color: #f06288;
}

.btn-noti:hover {
    background-color: #fff;
    border: 1px solid #f06288;
}

.btn-noti a {
    color: #fff;
}

.btn-noti {
    background-color: #f06288;
    border: 1px solid #f06288;
    padding: 0.75rem 5rem;
    border-radius: 30px;
    width: 40%;
    box-shadow: 0 2px 10px #f1f1f1;
}

.boarder-confirm-payment {
    border: none !important;
}

.manage-form-confirm-payment .form-control,
div#Component650a9f8f27579a0013b3a743 .form-control{
    height: 40px;
    border-radius: 0;
    box-shadow: none;
}

.manage-form-confirm-payment .form-group {
    margin-bottom: 20px;
}

.manage-form-confirm-payment a span {
    color: #000;
}

.shopcart {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_12082023g4gz/35/0/cartz-z1275024427241.webp);
    background-color: #fff;
    top: 3%;
    right: 0;
    border-radius: 30px 0 0 30px;
    background-position: 50% 50%;
    min-width: 100px;
    height: 60px !important;
}

.Template-J-smallpic {
    border: solid 1px #e1e1e1;
}

.ui.steps .step {
    box-shadow: 0 0 0 1px #f06288;
}

.ui.steps .step.active {
    background-color: #f06288;
    color: #fff;
}

.ui.steps .step.active .title {
    color: #fff;
}

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

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

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

.ui.steps .step:after {
    border-color: #f06288;
}

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

.step1checkout,.step5checkout {
    margin: 0 auto;
    background-color: #f06288;
    border: 5px solid #ffc3d3;
}

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

div#Component650a9f8f27579a0013b3a743 .img-thumbnail {
    border: none;
    box-shadow: none;
}

div#Component650a9f8f27579a0013b3a743 .shopcartID-checkout-Default {
    margin-top: 5% !important;
}

form#shop_member_login_form {
    background-color: #fbfbfb;
    box-shadow: none;
    border: none;
    line-height: 42px;
}

div#Component650a9f8f27579a0013b3a743 table.table thead tr td {
    background-color: #f3f3f3;
    padding: 2% 0;
}

div#Component650a9f8f27579a0013b3a743 table.table tbody tr:nth-child(1) td {
    border: none !important;
}

div#Component650a9f8f27579a0013b3a743 table.table tbody tr td {
    padding: 1.5% 0;
}

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

div#Component650bf98aa78fe6001aacdc4c .thumbs {
    margin-bottom: -1px;
}

figure.effect-jazz figcaption::after {
    border: none;
}

div#HtmlTool6507d393ed85c900124204a1 iframe,
div#HtmlTool6507d3bc8f5b3d0013d7930b iframe{
    border-radius: 50px;
}
/**********pdpa**********/


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

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

.buttonExampleSite:hover {
    background: #ffcccc !important;
    color: #444 !important;
}

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

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

div#Component650a73f1777483001ae3eb4a .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 60% !important;
    margin-left: 25%;
}

/*******************responsive*****************/

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

.navbar-default .navbar-nav>li>a {
    font-size: 18px;
}
  
  h4 {
    font-size: 2.6em;
}
  
  h3 {
    font-size: 3em;
}
  
  .about-first p,.about-page p {
    line-height: 30px;
        margin-bottom: 3%;
  }
  
  p, .product-detail li, .shopcartID-Head-Default, .shopcartName-Head-Default, .review-detail li, .return-policy li, .how-to li, .btn-noti, .Template-J-Name label,.dropdown-menu>li>a,div#Component65080528777483001ae3c49a .Contentmanager .caption {
    font-size: 18px;
}
  
  h6 {
    font-size: 1.5em;
}
  
  h5, .shopcartDetail, .shopcartRelated {
    font-size: 2em;
}
  
  div#Component6507b8898f5b3d0013d789de .form-control,div#Component650a73f1777483001ae3eb4a .form-control {
    height: 45px;
  }
  
  div#Component6507b8898f5b3d0013d789de button {
    width: 100px;
    height: 45px;
    font-size: 16px;
}
  
  h1 {
    font-size: 9em;
}
  
  h2 {
    font-size: 3.4em;
}
  
  .btn-channel h6 {
    font-size: 20px;
}
  
  div#Component650bc40e43b29000194f98f5 .control-label span,.manage-form-confirm-payment a span,
  .form-horizontal .control-label,div#Component650a73f1777483001ae3eb4a button, .manage-form-confirm-payment button, .btnCheckoutprevious, form#shop_member_login_form button, .shopcart-paymentpage{
    font-size: 16px;
}
 
  
  div#Component650bc40e43b29000194f98f5 div#progresscontent {
    height: 10px;
}
  div#Component6548b8ae3d422b001acdd994 .imgLightbox {
    height: 252px;
}
  
}

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

.navbar-default .navbar-nav>li>a {
    padding: 7px 10px;
}
  
  div#InmyDiv1695010206973 {
    right: -80px;
}
}

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

.navbar-default .navbar-nav>li>a {
    font-size: 14px;
    padding: 7px 8px;
}
  
  div#InmyDiv1695010206973 {
    right: -90px;
}
  
  div#Component65080528777483001ae3c49a .Contentmanager .caption {
    height: 95px;
}
 
}

@media screen and (max-width : 900px) {
  
  
  div#mainmenu6507c014ed85c9001241fe9d .col-md-3.col-sm-6.col-xs-12.padding {
    width: 25%;
}
  
  div#mainmenu6507c02627579a0013b36bf5 .col-md-3.col-sm-6.col-xs-12.padding {
    width: 25%;
}
  
.shopcart {
    top: 65px;
    background-position: 55% 50%;

}
  
  .about-first br {
    display: none;
}
.about-first {
    padding-right: 0;
}
  
  h4 {
    font-size: 1.6em;
}
  
  h1 {
    font-size: 5em;
}
  
  div#Component6507cd5b8f5b3d0013d79181 .col-md-3.col-sm-4.col-xs-4 {
    width: 25%;
}
  div#Component6507d1ff2d01d100128e0775 .imgLightbox img {
    top: -145px;
}
  
  div#Component6507d1ff2d01d100128e0775 {
    margin-bottom: -120px;
}
  
  .pt-5 {
    padding-top: 10%;
}
  
  div#imagesControl6507cd302d01d100128e0680,div#contentnewmode6507cd838f5b3d0013d791e6,
  div#imagesControl6507b6c727579a0013b36991,
  div#contentnewmode6507c4f52d01d100128e02b0,
  div#contentnewmode6507c4c72d01d100128e0249,
  div#imagesControl6507cd5b8f5b3d0013d79181{
    padding: 0 !important;
}
  
  div#Component650a73f1777483001ae3eb4a {
    right: 5px;
}
  
  .contact-us li {
    width: 30.33%;
}
  
  .text-head h3,.head-product h2 {
    top: -30px;
}
  
  div#InmyDiv1695010206973 {
    right: -75px;
}
  
  div#Component650ab55927579a0013b3ae13 .col-xs-12.col-sm-3 {
    padding: 0;
}
  
  .Template-J-frame {
    padding: 5%;
}
  
  div#Component6548b8ae3d422b001acdd994 .imgLightbox {
    height: 137px;
}
}

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

.about-first {
    padding-top: 0;
}
  
  div#contentnewmode6507cbca27579a0013b37134 {
    top: -65px;
}
  
  div#Component6507cd302d01d100128e0680 .thumbs, div#Component6507cd5b8f5b3d0013d79181 .thumbs {
    margin: 2% 0;
}
  
  .pe-10,div#Component6507d393ed85c900124204a1, div#Component6507d3bc8f5b3d0013d7930b {
    padding-left: 0;
}
  
  div#Component6507d1ff2d01d100128e0775 .imgLightbox img {
    position: static;
}
  
  div#Component6507d1ff2d01d100128e0775 {
    margin-bottom: 0;
}
  
  .logo-garuntee2 {
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
}
  
  .shopcartID-Default, .shopcartName-Default {
    font-size: 18px;
}
  
  div#Component650ab547508a8100136334e3 .nav-pills>li>a, div#Component650ab6fb27579a0013b3ae32 .nav-pills>li>a, div#Component650ab74027579a0013b3ae4f .nav-pills>li>a, div#Component650ab77727579a0013b3ae56 .nav-pills>li>a, div#Component650ab7a8ed85c900124242cc .nav-pills>li>a, div#Component650ab7d1777483001ae3f5f5 .nav-pills>li>a, div#Component650ab897508a81001363350d .nav-pills>li>a, div#Component650ab8c7508a810013633527 .nav-pills>li>a, div#Component650ab8f0ed85c900124242ee .nav-pills>li>a, div#Component650ab90fed85c900124242f9 .nav-pills>li>a, div#Component650ab93327579a0013b3ae79 .nav-pills>li>a, div#Component650ab9548f5b3d0013d7d0c7 .nav-pills>li>a, div#Component650ab97b777483001ae3f623 .nav-pills>li>a, div#Component650ab9a58f5b3d0013d7d0e2 .nav-pills>li>a, div#Component650ab9c4777483001ae3f641 .nav-pills>li>a, div#Component650ab9ed777483001ae3f65f .nav-pills>li>a, div#Component650aba30777483001ae3f679 .nav-pills>li>a, div#Component650aba68777483001ae3f69d .nav-pills>li>a, div#Component650aba9007977f001323e2b8 .nav-pills>li>a, div#Component650abaa207977f001323e2bf .nav-pills>li>a, div#Component650abac707977f001323e2e3 .nav-pills>li>a, div#Component650abae6ed85c90012424317 .nav-pills>li>a, div#Component650abb0bed85c90012424335 .nav-pills>li>a, div#Component650abb2d27579a0013b3ae98 .nav-pills>li>a, div#Component650abb4f07977f001323e326 .nav-pills>li>a {
    font-size: 14px;
  }
  
  .Template-J-Icon {
    width: 10%;
  }
  
  .Template-J-buttonDetail {
    width: 100%;
}
  
  .Template-J-Name {
    height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2%;
}
  h1 {
    font-size: 3em;
}
  .text-head h3,.head-product h2 {
    top: -20px;
}
  .btn-channel {
    text-align: center;
}
  
  .channel-how ul {
    grid-template-columns: repeat(1,1fr);
}
  
  .bank-channel,.btn-noti {
    width: 80%;
  }
  
  .contact-us li {
    width: 100%;
    padding-bottom: 5%;
    border-bottom: 1px solid #ebebeb;
}
  
  .contact-us li img {
    width: 10% !important;
}
  
  div#Component650a73f1777483001ae3eb4a {
    width: 100%;
    position: static;
    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;
}

 div#Component650a73f1777483001ae3eb4a .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
div#Component65080528777483001ae3c49a .Contentmanager .caption {
    height: auto;
}
  
  .page-header {
    margin-top: 0;
}
  
  h3.managerHeader {
    font-size: 20px;
}
  
  div#Component65080528777483001ae3c4a5 .col-md-12.text-justify {
    padding: 2%;
}
  .itopplus-footer {
    background-size: cover;
}
  
  h3 {
    font-size: 20px;
}
  
  .Template-J-innerPic, .Shopcart-Related-Main .Template-J-frame div div {
    padding: 5%;
}
  .Template-J-frame {
    padding: 0 3%;
}
  
  div#Component65080528777483001ae3c49a .Contentmanager .caption {
    height: auto;
}
  
  div#Component6548b8ae3d422b001acdd994 .imgLightbox {
    height: auto;
}
  
  div#Component6548b8ae3d422b001acdd994 .thumbs {
    margin: 0;
}
}