.itopplus-background {

}
body {
    overflow-x: hidden;
  	color: #000 !important;
}

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

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


.navbar-default .navbar-nav>li>a {
    color: #ffff;
    margin: 0 0;
    padding: 10px 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: none;
    background: transparent;
    background-color: transparent;
}

.dropdown-menu>li>a {
    color: #000;
      padding: 6px 20px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    background: #0e75e2;
}

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

    #controlBanner img {
        position: fixed;
        top: 0;
        left: 10px;
        width: 100px !important;
        z-index: 110;
    }

    .navbar-default,
    .navbar-header,
    #ItopplusMainSidebar {
        background: #040c21 !important;
    }

    #ItopplusMainSidebar a {
        color: #fff !important;
        text-align: left !important;
    }

    #itpMenuSideBar span.icon-bar {
        background: #fff !important;
    }
}

@media screen and (min-width: 1024px) {
    .itopplus-banner .container {
        display: grid;
        grid-template-columns: 20% auto;
        align-items: center;
    }

    .itopplus-banner .container::before,
    .itopplus-banner .container::after {
        display: none;
    }

    .no-js .itopplus-banner {
        position: sticky;
        top: 0;
        z-index: 110;
    }

    .itopplus-banner {
        background: #040c21;
        transition: .3s;
    }

    .banner-sticky {
        background: #040c21 !important;
    }

    #controlBanner {
        object-fit: contain;
        padding: 0 0 10px;
        width: 100%;
        min-width: auto;
        margin: 0 auto;
        position: relative;
        left: -10%;
    }

    #nav-menu {
        text-align: right;
        background-color: transparent;
    }


}



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

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p, .Template-J-Name , .Template-J-Price,
.Template-J-CateName, .Template-J-ProName{
    font-size: 16px;
}

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

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

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

.btn-more , .boarder-confirm-payment button,
.btnCheckoutprevious, div#shop_member_login button,
.shopcart-paymentpage, .Template-J-button,
.Template-J-buttonDetail,div#Component66978320ae7ba0001303a660 button{
    font-size: 14px;
}

.footer h6, .text-product h6  {
    font-size: 18px;
}

.text-service h6{
    font-size: 22px;
}
/*****************master-page********************/

.navbar-nav>li:hover .dropdown-menu {
    display: block;
}

div#Component6695f8f9c7d8dc001a64d9de .thumbs {
    margin: 0;
}

.footer h6 {
    font-weight: 600;
    margin-bottom: 2rem;
}

.fw-semi, .footer h5, .sect-about h4,
.head-product h3, .sect-service h3,
 .head-page h3, .sect-president h4,
.sect-president h6, .priceNoPromotion,
.text-product h6, .contact-add h5,
.blog-channel h6, .sect-channel h5,
.text-how h6, .sect-channel h6,
.contact-page h5, div#scrolltoshop b,
div#scrolltoshop .table>tbody>tr>td label,
div#scrolltoshop .animated .col-xs-12.col-sm-12.col-md-12 label,
div#itpPaymentCheckoutPagePC label,
.Checkout-font-panel .table>thead>tr>td label,
h3.managerHeader{
    font-weight: 600;
}

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

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

.footer-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
}

.itopplus-footer {
    border-bottom: 1px solid;
}

.footer a, div#Component6697404b71f5b70013356cc6 .Template-J-Name {
    color: #fff;
}

.footer a:hover, .contact-add a:hover, .policy-pay a:hover,
.contact-page a:hover, .blog-channel a:hover{
    color: #0e75e2;
}

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

.shopcart {
    top: 22px;
    right: 20px;
    border-radius: 30px;
    background-position: 50%;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_21062023lecb/512/0/Layer-3z-z478025101663.webp);
    background-size: 50%;
    width: 70px !important;
    height: 70px !important;
    background-color: transparent;
}

.sect-about hr {
    width: 45px;
    margin-left: 0;
    margin-bottom: 6%;
}

.sect-about h6, .head-product h6, .sect-service h6,
.head-page h6, .number-how h5{
    font-family: "Oswald", sans-serif;
    color: #29d4e3;
    font-weight: 400;
  text-transform: uppercase;
}

.sect-about h4 , .sect-about p, .sect-about h6,
.sect-service h6{
    margin-bottom: 5%;
}

.head-product h3 , .head-page h3,.sect-president h3,
.contact-add h5{
    margin-bottom: 3%;
}

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

.btn-more, .boarder-confirm-payment button, .btnCheckoutprevious,
div#shop_member_login button, .shopcart-paymentpage,
div#Component66978320ae7ba0001303a660 button{
    background: #0e75e2;
    width: fit-content;
    padding: 1rem 3rem;
    border-radius: 30px;
    color: #fff;
      text-align: center;
}

.sect-about {
    padding-top: 10%;
    padding-left: 6%;
}

.head-product , .head-page, .sect-president,
.text-product, .contact-add h5, .blog-channel,
.sect-channel, .blog-howto, .card-bank,
h3.managerHeader, .customer-detail{
    text-align: center;
}

.head-product hr, .head-page hr, .sect-president hr,
.customer-detail hr{
    width: 50px;
    margin-bottom: 4%;
}

div#mainmenu66961103d6ae04001a6ce0b4 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_21062023lecb/565/0/Rectangle22z-z712221873080.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
}

.sect-service {
    padding: 5%;
}

.sect-service hr {
    width: 40px;
    margin-left: 0;
    margin-bottom: 5%;
}

.sect-service h3 {
    margin-bottom: 7%;
}

div#contentnewmode669611221ae464001a660455 {
    position: relative;
    top: -50px;
    width: 85%;
    margin: auto;
}

.btn-all .btn-more {
    margin: auto;
    margin-top: 3%;
}

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

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

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

figure.effect-oscar:hover h2 {
    -webkit-transform: none;
    transform: none;
}

.blog-service {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 3%;
}

div#Component669610c6e77732001a408b12 figcaption {
    text-transform: none;
    padding: 0;
    position: absolute;
    width: 100%;
    top: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(125, 168, 198, 0) 54%, rgba(15, 94, 150, 1) 100%);
    border-radius: 30px;
}

div#Component669610c6e77732001a408b12 .imgLightbox img,
div#Component669618e1f15bba001a27a023 .imgLightbox img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,
div#Component6697717cae7ba0001303a2f6 .imgLightbox img,
div#Contentmanager .thumbnail>img{
    border-radius: 30px;
}

figure.effect-oscar:hover img,
figure.effect-oscar img{
    opacity: 1;
}

.icon-service {
    width: 9%;
}

.text-service h6 , .boarder-confirm-payment span,
.btnCheckoutprevious, .ui.steps .step .title{
    font-weight: 400;
}

.head-page hr {
    border-color: #8d8d8d;
    margin-bottom: 3%;
}

.about-page h3 {
    margin-bottom: 4%;
    font-weight: 600;
    color: #00103b;
}

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

.content-about-page p {
    line-height: 28px;
    margin-bottom: 4%;
}

.icon-about-page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.icon-about p, .icon-about h6 {
    margin: 2% 0;
}

.icon-about {
    display: grid;
    grid-template-columns: 25% auto;
    gap: 10px;
    align-items: center;
}

.about-page {
    padding-top: 10%;
    padding-left: 7%;
}

.sect-president h6, .customer-detail {
    margin-bottom: 2%;
}
.sect-president p {
    line-height: 26px;
    margin-bottom: 2%;
}

.merg-president {
    display: flex;
    align-items: baseline;
    gap: 15px;
    justify-content: center;
}

.sect-president h5 {
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 2%;
}

.sect-president {
    background: #0000007a;
    padding: 0 3% 3%;
    border-radius: 50px;
}

.sect-president h4 {
     background: #115d91a3;
    width: fit-content;
    margin: auto;
    padding: 1rem 2rem;
    border-radius: 30px;
    position: relative;
    top: -25px;
    margin-bottom: 0;
}

.text-product .btn-more {
    margin: auto;
    background: transparent;
    color: #0e75e2;
}

.text-product h6 {
    margin-bottom: 6%;
}

div#Component669728b07b7c550013f77241 figure {
    /*border: 1px solid #ddd;*/
    padding: 2% 2% 10%;
      background: #f5f5f7;
  border-radius: 30px;
}

.shopcart-Cate a {
    color: #115d91;
}

.shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default,
.Template-J-Quantity,.Template-J-Item{
    font-weight: 600;
    font-size: 16px !important;
    color: #232323;
}

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

.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: "LINE Seed Sans TH",sans-serif;
}

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

.shopcartDetail, .shopcartRelated {
    font-weight: 600;
    font-size: 20px !important;
    color: #232323;
}

.shopcart-share, .Text_seller2 {
    display: none !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 {
    /*border: 1px solid #ddd;*/
    background: #f5f5f7;
    border-radius: 30px;
}

.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 {
    width: 28%;
    background-color: #0e75e2;
    border-radius: 30px;
    color: #0e75e2;
    padding: 0.75rem;
      position: relative;
}

.Template-J-buttonDetail:hover {
    background: #15cfff;
    color:  #15cfff;
}

.ui.steps .step.active {
    background: linear-gradient(to right,#115d91, #248be3);
    color: #fff;
}

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

.step5checkout, .step1checkout {
    background: linear-gradient(to right,#115d91, #248be3);
    border-color: #248be3;
}

.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#Component66973b98ae7ba0001303991e .table>tbody>tr>td,
.boarder-confirm-payment{
    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,
.confirm-payment .input-group a span,
div#shop_member_login a{
    font-size: 12px;
}

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

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

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

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

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

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

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

.Template-J-frame{
    padding: 5% 5% 8%;
    transition: transform 0.2s ease-out;
      background: #f5f5f7;
}

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

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

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

.Template-J-Price, .shopcart-paymentpage label {
    font-weight: 600 !important;
}

.Template-J-Name {
    height: 55px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 3%;
}

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

.Shopcart-Related-Main .Template-J-Name {
    height: 49px;
}

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

.Template-J-frame:hover .Template-J-pic,.Template-J-frame:hover {
    box-shadow: none;
}

.Template-J-Icon {
    filter: brightness(0) saturate(100%) invert(87%) sepia(99%) saturate(2%) hue-rotate(83deg) brightness(103%) contrast(100%);
    position: relative;
    left: 15px;
}

.Template-J-button .Template-J-Icon {
    display: none;
}

.Template-J-innerPic img , .Template-J-pic img{
    height: 150px !important;
    object-fit: cover !important;
    object-position: center;
}

div#Component6697404b71f5b70013356cc6 .Template-J-button {
    color: #15cfff;
}

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

.Template-J-PriceNormal {
    color: #0e75e2;
}

.shopcartDetail-Default.shopcartDetail,
.shopcartRelated-Default.shopcartRelated{
    width: 100% !important;
    background: #f5f5f7;
    border: none;
    border-radius: 20px;
}

.detail-product li::marker {
    content: "»";
    font-size: 20px;
    color: #0e75e2;
}

.detail-product li p {
    margin-bottom: 1%;
    margin-left: 5px;
}

.detail-product h6 {
    font-weight: 600;
    margin-bottom: 2%;
}

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

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

.Template-J-buttonDetail::after {
    content: "สั่งซื้อสินค้า";
    position: absolute;
    left: 60px;
    color: #fff;
    top: 11px;
}

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

.contact-add li {
    display: grid;
    grid-template-columns: 40px auto;
    gap: 10px;
    align-items: center;
    /*background: #f5f5f7;*/
    padding: 1.5% 2%;
    border-radius: 20px;
    min-width: 33.33%;
    border: 1px solid #09416a;
}

.contact-add ul {
    list-style: none;
    padding: 0;
    display: flex;
    width: 80%;
    margin: auto;
    gap: 20px;
}

.contact-add a, .policy-pay a, .contact-page a,
.blog-channel a, .confirm-payment .input-group a span,
div#shop_member_login a{
    color: #000;
}

div#scrolltoshop6697404b71f5b70013356cc6 .Template-J-frame {
    background: transparent;
}

.pre-customer .btn-more {
    margin: auto;
}

.pre-customer h6 {
    margin: 0;
    margin-bottom: 5%;
    color: #282828;
}

.pre-customer {
    padding: 5% 3% 5%;
    margin-bottom: 5%;
}

.blog-channel {
    padding: 6%;
    background: #f5f5f7;
    border-radius: 30px;
    height: 235px;
}

.blog-channel img {
    width: 30% !important;
    margin-bottom: 3%;
}

.sect-channel h5 {
    margin-bottom: 2%;
}

.blog-channel h6 {
    color: #062d95;
}

.blog-howto li {
    width: 23%;
}

.blog-howto ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.img-how {
    width: 48%;
    margin: auto;
    margin-bottom: 6%;
}

.items-how {
    position: relative;
    margin-bottom: 12%;
    padding: 0 3%;
}

.number-how {
    position: absolute;
    right: 70px;
    top: 0;
    z-index: 99;
}

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

.boarder-confirm-payment button,
.btnCheckoutprevious, div#shop_member_login button,
div#Component66978320ae7ba0001303a660 button{
    background-image: none;
    text-shadow: none;
    border: none;
}

.card-bank img {
    width: 20% !important;
    margin-bottom: 4%;
}

.card-bank {
    background: #f5f5f7;
    padding: 5%;
    border-radius: 30px;
}

.card-bank h5 {
    margin: 5% 0;
}

.boarder-confirm-payment {
    background: #f5f5f7;
    padding: 1% 0;
    border-radius: 30px !important;
    margin-top: 1%;
}

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

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

.contact-page li {
    display: grid;
    grid-template-columns: 38px auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 2%;
}

.contact-page ul {
    list-style: none;
    padding: 0;
    margin-top: 3%;
}

.contact-page {
    padding-top: 3%;
    padding-left: 5%;
}

.btn-more:hover, .boarder-confirm-payment button:hover, 
.btnCheckoutprevious:hover, div#shop_member_login button:hover, 
.shopcart-paymentpage:hover, div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component66978320ae7ba0001303a660 button:hover{
    background: #29d4e3;
}

.Template-J-frame:hover, div#Component6696104cc7d8dc001a64dea0 figure:hover,
.blog-channel:hover img, .items-how:hover img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover,
div#Contentmanager .thumbnail>img:hover,
.contact-page li:hover img, .social-footer img:hover,
div#Component669728b07b7c550013f77241 figure:hover{
    transform: scale(1.05);
}

 .Template-J-frame:hover .Template-J-button ,
div#Component669728b07b7c550013f77241 figure:hover .btn-more{
    background: #0e75e2;
}

.Template-J-frame:hover .Template-J-button,
div#Component669728b07b7c550013f77241 figure:hover .btn-more{
    color: #fff !important;
}

div#Component6696104cc7d8dc001a64dea0 figure,
.blog-channel img, .items-how img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12,
div#Contentmanager .thumbnail>img,
.contact-page li img, .social-footer img,
div#Component669728b07b7c550013f77241 figure{
  transition: transform 0.2s ease-out;
}

div#Component669610c6e77732001a408b12 figure:hover figcaption {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(125, 168, 198, 0) 54%, rgb(0 0 0) 100%);
}

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

.customer-detail hr {
    margin-bottom: 3%;
    border-color: #0e75e2;
}

div#Contentmanager .img-thumbnail, div#Contentmanager .thumbnail {
    padding: 0;
    border: none;
    box-shadow: none;
}

div#Contentmanager .col-xs-6.col-md-3,
div#Contentmanager .col-xs-12.col-md-3{
    width: 33.33%;
}

h3.managerHeader {
    margin-bottom: 0;
}

.customer-detail h6 {
    font-weight: 600;
    margin-bottom: 1%;
}

.iconstep5checkout label {
    font-size: 80px !important;
}

div#Component66978320ae7ba0001303a660 {
    width: 50%;
    margin: auto;
}

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

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

div#Component66978320ae7ba0001303a660 .form-control {
    border: none;
}

div#Component66978320ae7ba0001303a660 .col-md-offset-3 {
    margin-left: 0;
    text-align: center;
    width: 100%;
}

.shopcartID-Head-Default.shopcartID, .shopcartName-Head-Default.shopcartName {
    margin-top: 3%;
}

.shopcartID-Default.shopcartID, .row.shopcartName-Default.shopcartName,
.shopcartlinePrice-Default{
    margin-bottom: 2%;
}

.Template-J-buttonDetail {
    margin-top: 2% !important;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #15cfff !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;
}
/************************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.4em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p, .Template-J-Name , .Template-J-Price,
.Template-J-CateName, .Template-J-ProName,
  div#scrolltoshop b{
    font-size: 20px;
}
.btn-more , .boarder-confirm-payment button,
.btnCheckoutprevious, div#shop_member_login button,
.shopcart-paymentpage, .dropdown-menu>li>a,
  .Template-J-button, .Template-J-buttonDetail,
  div#Component66973b98ae7ba0001303991e .table>tbody>tr>td div,
  div#scrolltoshop .table>tbody>tr>td label, 
  div#scrolltoshop .table>tbody>tr>td span,
  div#scrolltoshop .animated .col-xs-12.col-sm-12.col-md-12 label, 
  div#itpPaymentCheckoutPagePC label, .Checkout-font-panel .table>thead>tr>td label,
  div#scrolltoshop label, div#scrolltoshop div{
    font-size: 18px;
}

.footer h6, .text-product h6, .detail-product li::marker  {
    font-size: 24px;
}

.text-service h6{
    font-size: 26px;
}

.shopcartName-Head-Default, .shopcartID-Head-Default, .shopcartSize-Default,
.Template-J-Quantity,.Template-J-Item{
    font-size: 20px !important;
}

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

.shopcartDetail, .shopcartRelated {
    font-size: 24px !important;
}

.ui.steps .step .title ,
  .confirm-payment .input-group a span,
  div#shop_member_login a,
  .boarder-confirm-payment span{
    font-size: 16px;
}
  
  .shopcart {
    top: 37px;
    width: 80px !important;
    height: 80px !important;
}
  
  .sect-about p, .content-about-page p,
  .sect-president p{
    line-height: 32px;
}
  
  .Template-J-Name {
    height: 67px;
     margin-bottom: 5%;
  }
  
  .Template-J-innerPic img, .Template-J-pic img {
    height: 200px !important;
  }
  
  .icon-service {
    width: 8%;
}
  
  .sect-president h5 {
    line-height: 52px;
}
  
  div#Component669728b07b7c550013f77241 .thumbs {
    padding: 2% !important;
}
  
  .btn-more, .boarder-confirm-payment button, .btnCheckoutprevious, 
  div#shop_member_login button, .shopcart-paymentpage {
    padding: 1.25rem 3rem;
}
  
  .Template-J-button, .Template-J-buttonDetail {
    padding: 1rem;
}
  
  .blog-channel {
    height: 310px;
}
  
  .number-how {
    right: 95px;
}
  
  .boarder-confirm-payment .input-group .form-control, 
  .boarder-confirm-payment .form-control, div#scrolltoshop .form-control,
  div#Component66978320ae7ba0001303a660 input.form-control{
    height: 45px;
    font-size: 16px !important;
}
  
  .contact-page li {
    grid-template-columns: 48px auto;
}
  
  .contact-page {
    padding-top: 5%;
  }
  
  .Template-J-buttonDetail::after {
    left: 83px;
    top: 14px;
}
  
  .Template-J-Icon {
    width: 18%;
}
  
  .Template-J-Icon {
    left: 19px;
    top: 2px;
}
  
  .Shopcart-Related-Main .Template-J-Name {
    height: 60px;
}
  
  div#Component66978320ae7ba0001303a660 .form-control {
    font-size: 16px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 26px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 34px;
    font-size: 18px !important;
}
  
  .social-footer {
    width: 43%;
}
  
  .contact-add li {
    grid-template-columns: 53px auto;
}
}

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

.shopcart {
    right: 0;
}
}

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

.navbar-default .navbar-nav>li>a {
    padding: 10px 5px;
    font-size: 14px;
    margin: 0 5px;
}
  
  h4, h3.managerHeader {
    font-size: 2em;
}
  
  .sect-about br , .blog-channel br{
    display: none;
}
  
    .sect-about p, .content-about-page p,
  .sect-president p{
    line-height: inherit;
}
  
  .text-service h6 {
    font-size: 20px;
}
  
  h3 {
    font-size: 2.4em;
}
  
  h5 {
    font-size: 1.8em;
}
    
  h6 {
    font-size: 18px;
}
  
  .about-page {
    padding-top: 8%;
  }
  
  .icon-about {
    grid-template-columns: 30% auto;
}
  
  .Template-J-Name {
    height: 50px;
  }
  
  .Shopcart-Related-Main .Template-J-Name {
    height: 44px;
}
  
  .blog-channel {
    height: 210px;
}
  
  .number-how {
    right: 55px;
}
  
  .items-how {
    padding: 0;
}
  
}

@media screen and (max-width : 900px) {
  
  
  .pre-customer h6 {
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
  
  .contact-page {
    padding-top: 0;
}
  
  .Template-J-innerPic img, .Template-J-pic img {
    height: 100px !important;
  }
  
      .Template-J-Name {
        height: 49px;
    }
  
  .Template-J-button {
    width: 75%;
}
  
  div#Component6696104cc7d8dc001a64dea0 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 20%;
}

      .text-service h6 {
        font-size: 16px;
    }
  
  div#contentnewmode669611221ae464001a660455 {
    top: -35px;
}
  
  .about-page {
    padding-top: 0;
}
  
  .about-page h3 {
    font-size: 2em;
}
  
  .sect-president h5 {
    line-height: 42px;
}
  
  .shopcart {
    top: 100px;
    background-color: #071a43;
    border-radius: 50px;
}
  
  .Template-J-buttonDetail {
    width: 25%;
}
  
  .Template-J-buttonDetail::after {
    top: 14px;
    left: 79px;
}
  
  .blog-howto li {
    width: 31%;
}
  
  .blog-howto ul {
    justify-content: start;
}
  
  .customer-detail {
    margin-bottom: 4%;
}
  
  .contact-page li {
    grid-template-columns: 35px auto;
}
  
  .contact-add li {
    width: 48%;
}

  .contact-add ul {
    width: 100%;
    flex-wrap: wrap;
}
}

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

div#imagesControl6695f8f9c7d8dc001a64d9de,
  div#imagesControl66960c10c7d8dc001a64ddf9,
  div#Component669610c6e77732001a408b12 .thumbs,
  div#Component669610c6e77732001a408b12 .col-md-6.col-sm-6.col-xs-12,
  div#mainmenu66976dda738b7f00133aa4c2>div,
  div#imagesControl6697717cae7ba0001303a2f6,
  div#contentnewmode66960c05c7d8dc001a64ddef{
    padding: 0 !important;
}
  
  .sect-about {
    padding-top: 0;
    padding-left: 0;
}
  
  .sect-about h4, .sect-about p, .sect-about h6, .sect-service h6,
  div#Component669610c6e77732001a408b12 .col-md-6.col-sm-6.col-xs-12{
    margin-bottom: 8%;
}

      .Template-J-button {
        width: 90%;
    }
  
  div#Component669610c6e77732001a408b12 .thumbs {
  margin: 0;
  }
  
  div#Component6696104cc7d8dc001a64dea0 .col-md-4.col-sm-4.col-sm-5fix.col-xs-12,
  div#Component669728b07b7c550013f77241 .col-md-3.col-sm-4.col-xs-12{
    width: 50%;
}
  
  div#Component669610c6e77732001a408b12 figcaption{
    height: 100%;
}
  
  div#Contentmanager .col-xs-6.col-md-3, div#Contentmanager .col-xs-12.col-md-3,
  div#Component66978320ae7ba0001303a660{
    width: 100%;
}
  
  .sect-service, .sect-president {
    padding: 0;
}
  
      div#contentnewmode669611221ae464001a660455 {
        top: 0;
    }
  
  .footer-policy, br {
    display: none;
}
  
  .copy-right {
    text-align: center;
}
  
  .about-page {
    padding-left: 0;
}
  
  .content-about-page p,
  .icon-about, .contact-add h5{
    margin-bottom: 6%;
}

  .sect-president p {
    margin-bottom: 4%;
}
  
.icon-about-page {
    display: block;
}
  
  .icon-about {
    grid-template-columns: 25% auto;
}

  .btn-more, .boarder-confirm-payment button, .btnCheckoutprevious, 
  div#shop_member_login button, .shopcart-paymentpage, 
  div#Component66978320ae7ba0001303a660 button {
    padding: 1rem;
}
  
  .footer h6, .text-product h6 {
    font-size: 16px;
}
  
  .text-product h6 {
    height: 40px;
    margin-bottom: 4%;
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
      .Template-J-buttonDetail {
        width: 60%;
    }
  
  .Template-J-Icon {
    width: 18%;
}
  
  .Template-J-buttonDetail::after {
        top: 11px;
        left: 75px;
    }
  
  .shopcartName-Default, .shopcartID-Default, .Template-J-PriceNormal {
    font-size: 20px !important;
  }
  
  .detail-product ul {
    padding-left: 8%;
}
  
  .detail-product li p {
    margin-bottom: 2%;
  }
  
  .Shopcart-Related-Main .col-xs-6.col-sm-12 {
    padding: 0 2%;
    margin-bottom: 3%;
}
  
  .blog-channel img {
    width: 35% !important;
  }
  
      .blog-channel {
        height: auto;
    }
  
  .blog-howto li {
    width: 47%;
}
  
.blog-howto ul {
    gap: 15px;
}
  
      .number-how {
        right: 30px;
    }
  
  .img-how {
    width: 65%;
  }
  
  .fileinput-button {
    margin-left: 3%;
}
  
      h3 {
        font-size: 26px;
    }
  
  .pre-customer h6 {
    height: auto;
    -webkit-line-clamp: unset;
}
  
  h3.managerHeader {
    font-size: 24px;
}
  
  div#Contentmanager .col-md-12.text-justify {
    padding: 0 4%;
}
  
  .customer-detail hr {
    margin-bottom: 9%;
  }
  
  .customer-detail {
        margin-bottom: 8%;
    }
  
  .contact-page {
    padding-left: 0;
}
  
  .sect-channel.pt-5 {
    padding-top: 10%;
}
  
  .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#contentnewmode66976d8e228d570013959372 .sect-channel {
    margin-top: 8%;
}
  
  .contact-add ul {
    width: 100%;
    display: block;
}
  
  .contact-add li {
    margin-bottom: 6%;
   width: 100%;
}

  .col-xs-12.col-sm-12.col-md-12.shopcartAllDetail,
  .Shopcart-Related-Main .col-xs-12.col-sm-12.col-md-12{
    margin: 3% 0 !important;
}
  
  .shopcartDetail-Default.shopcartDetail, 
  .shopcartRelated-Default.shopcartRelated {
    padding: 4% !important;
}
  
  .shopcartID-Head-Default.shopcartID, .shopcartName-Head-Default.shopcartName {
    margin-top: 0;
    padding-bottom: 0;
}
  
  .merg-president {
    display: block;
  }
  
      .sect-president h5 {
        line-height: inherit;
        margin-bottom: 5%;
    }
  
      h5 {
        font-size: 20px;
    }
}