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

}
body {
    overflow-x: hidden;
}

#Component64c10527e5f3f2001ae195a6 {
    display: inline-block;
}

#contentnewmode6358d06587515f00135ace55 {
    display: inline-block;
}

.zIndex-pos5search {
    width: 95%;
    display: inline-block;
    margin-left: 0%;
    text-align: right;
}

.itopplus-footer {
    color: #fff;
}

.itopplus-footer a {
    color: #fff;
}

.itopplus-footer a:hover {
    color: #fff;
}

a {
    color: #333;
    transition: 0.35s;
}

a:hover {
    color: #234088;
}





.itopplus-bg {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_07052022by6p/0/0/1z-z826378190775.webp');
    color: #333;
}

.itopplus-bg {
    background-position: top;
    background-size: cover;
}

.itopplus-bg3 {
    background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_07052022by6p/0/0/bg3z-z1160501491861.webp');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
}

/************Menu***************/
#main-navbar-collapse {
    text-align: right;
}

.itopplus-search {
    margin-top: 1%;
}

.itopplus-menu {
    padding-top: 6%;
}

.navbar-default .navbar-nav&gt;li&gt;a {
    color: #333;
    font-size: 16px;
    transition: 0.35s;
}

.navbar-default .navbar-nav&gt;.open&gt;a,
.navbar-default .navbar-nav&gt;.open&gt;a:focus,
.navbar-default .navbar-nav&gt;.open&gt;a:hover {
    background-color: transparent;
}

.navbar-nav&gt;li&gt;a {
    padding-top: 15px;
    padding-bottom: 12px;
}

.navbar-default .navbar-nav&gt;li&gt;a:focus,
.navbar-default .navbar-nav&gt;li&gt;a:hover,
.navbar-default .navbar-nav&gt;li&gt;a:active {
    color: #000 !important;
    box-shadow: 0px 3px 0px 0px #0f4f84;
    border-radius: none;
    background: transparent;
    background-color: transparent;
    transition: 0.35s;
}

.dropdown-menu&gt;li&gt;a {
    font-size: 16px;
}


@media screen and (max-width : 992px) {
    .navbar-default {
        background: #0f4f84;
    }

    .hidden-search {
        display: none;
    }

    .itopplus-bg {
        background-size: cover;
    }

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

    .itopplus-sidebar-menu-single a,
    .itopplus-sidebar-menu-parent a,
    .itopplus-sidebar-menu-single a:link,
    .itopplus-sidebar-menu-single a:active,
    .itopplus-sidebar-menu-parent a:active,
    .navbar-default .navbar-brand,
    span.text-bar {
        color: #fff !important;
        background-color: transparent;
    }
}


@media screen and (min-width : 1024px) {
    .navbar-default {
        background: transparent;
    }

    .navbar-default .navbar-nav&gt;li&gt;a {
        font-size: 14px;
        padding: 15px 5px;
    }

    #background6358d63287515f00135ad310 {
        margin-top: 2%;
    }

    ul.nav li.dropdown:hover&gt;ul.dropdown-menu {
        display: block;
        margin: 0;
    }

    .Textmanager.font-inherit {
        display: flow-root;
    }

    .menuVertical {
        margin-bottom: 50%;
    }

    #background635a31a948ce720013f3f669 {
        margin-top: -5%;
    }

    .col-md-12.itpPDPALandingPage {
        margin-left: -30%;
    }

    #contentnewmode6358db8c0d389c001361ebc9 {
        padding: 10px 0px 10px 10px !important;
    }

    h2 {
        font-size: 2.4em !important;
    }

    p {
        font-size: 14px !important;
        font-weight: 400;
    }
}

@media screen and (min-width : 1366px) {
    .navbar-default .navbar-nav&gt;li&gt;a {
        font-size: 18px;

    }

    @media screen and (min-width : 1900px) {
        h1 {
            font-size: 2em;
        }

        h2 {
            font-size: 3.5em !important;
        }

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

        h4 {
            font-size: 24px !important;
        }

        h5 {
            font-size: 22px;
        }

        h6 {
            font-size: 28px;
        }

        p {
            font-size: 20px !important;
            ;
            font-weight: 400;
        }

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

        .dropdown-menu&gt;li&gt;a {
            font-size: 19px !important;
        }

        .padiconhead {
            /* margin-left: 45% !important; */
        }

        .btnreadmore {
            font-size: 18px !important;
        }

        .btnmore {
            font-size: 18px !important;
        }

        ul.textfooter2 {
            font-size: 18px !important;
        }

        .textfooter {
            font-size: 20px !important;
        }

        .textfooter3 {
            font-size: 18px !important;
        }

        .menu-product-title {
            font-size: 30px !important;
        }

        .textheadmenuproduct {
            font-size: 30px !important;
            font-weight: 500;
        }

        .menuVertical .nav-pills&gt;li&gt;a {
            font-size: 20px !important;
        }

        ul.textthanacool {
            font-size: 20px !important;
        }

        ul.nav.nav-pills.nav-justified span {
            font-size: 24px !important;
        }

        .padtext {
            font-size: 20px !important;
        }

        .no-js #Component6358f16d87515f00135ae1f7 .form-control {
            font-size: 18px !important;
        }

        .navbar-nav&gt;li&gt;a {
            padding-bottom: 17px !important;
        }

        ul.textthanacool {
            line-height: 1.7 !important;
        }

        .pictext {
            width: 10% !important;
            text-align: center;
            margin-top: 2%;
        }

        .no-js #Component6358f16d87515f00135ae1f7 .form-control {
            padding: 25px 0 !important;
        }

        .padqrcode {
            width: 65%;
            margin-top: 35% !important;
            margin-left: 40%;
            margin-bottom: -5%;
        }

        .media-body.padpay1 {
            font-size: 18px !important;
            margin-top: 1% !important;
        }

        .Template-C-Name {
            font-size: 20px !important;
            height: 70px !important;
        }

        .Template-C-PriceNormal {
            color: #234088;
            font-weight: 600;
            font-size: 34px !important;
        }

        .col-xs-12.col-sm-12.col-md-12.shopcartRelated-Default.shopcartRelated {
            font-size: 22px !important;
        }

        ul.icon-a {
            line-height: 1.5;
            font-size: 20px !important;
        }

        #background635f37a464f7e800131e8d97 .Template-C-Icon {
            width: 15% !important;
        }

        #background635f37a464f7e800131e8d97 .Template-C-button {
            width: 50% !important;
        }

        .promotionPrice {
            font-size: 20px !important;
        }

        iframe.mapp {
            height: 340px !important;
        }
    }








    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: inherit;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 400;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 3em;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 28px;
    }

    p {
        font-size: 16px;
        font-weight: 400;
    }


    .textthanacool {
        white-space: break-spaces;
        line-height: 1.5;
    }

    .iconthanacool {
        width: 40%;
        padding-bottom: 5%;
        margin: 0 auto;
    }

    .padiconthanacool {
        text-align: center;
        transition: 0.35s;
    }

    .padiconthanacool:hover {
        transition: 0.35s;
        transform: translateY(-7px);
    }

    .padmenu {
        text-align: center;
        padding: 3% 0% 1%;
    }

    .img-iconhead {
        transition: 0.35s;
    }

    .img-iconhead:hover {
        transition: 0.35s;
        transform: scale(1.05);
    }

    .padiconhead {
        /* margin-left: 28%; */
    }

    ul.textfooter2 {
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
    }

    .textfooter {
        font-size: 16px;
        font-weight: 400;
    }

    .textfooter3 {
        font-weight: 300;
        white-space: break-spaces;
        padding: 5% 0%;
    }

    .padulfooter {
        margin-left: 10%;
    }

    .padcol1footer {
        margin-left: 15%;
    }

    .padiconfooter {
        margin-left: 43%;
        padding: 3% 0%;
    }

    .btnmore {
        background: #0f6ab9;
        color: #ffff;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        width: 22%;
        border-radius: 25px;
        padding: 8px;
        float: right;
        margin-top: 4%;
        transition: 0.35s;
    }

    .btnmore:hover {
        background: #234088;
        transition: 0.35s;
    }

    #background6358dd437ad0e40013332824 .row-fluid [class*=col-sm-5fix] {
        width: 16.6% !important;
    }

    .padmenu3 {
        padding: 1% 3%;
    }

    #background6358dd437ad0e40013332824 {
        padding: 0% 3% 3%;
    }

    .btnreadmore {
        background: #0f6ab9;
        color: #ffff;
        font-size: 14px;
        font-weight: 300;
        text-align: center;
        width: 19%;
        border-radius: 25px;
        padding: 8px;
        margin-top: 4%;
        transition: 0.35s;
    }

    .btnreadmore:hover {
        background: #234088;
        transition: 0.35s;
    }

    .padempty {
        margin-top: 15%;
    }

    .menu-product-title {
        background: #0f4f84;
        font-size: 26px;
        text-align: center;
        color: #fff;
        padding: 10px;
        border-radius: 10px;
        font-weight: 400;
    }

    .menuVertical .nav-pills&gt;li&gt;a {
        color: #333;
        background-color: transparent;
        border-bottom: solid 1px #33333342;
        padding: 15px 10px 15px 15px;
        font-size: 16px;
        border-radius: 0px;
        transition: 0.32s;
    }

    .menuVertical .nav&gt;li&gt;a:hover,
    .nav&gt;li&gt;a:focus {
        color: #fff;
        background-color: #0f4f84;
        border-bottom: solid 1px #0f6ab900 !important;
        transition: 0.32s;
    }

    .dropdown-menu&gt;li&gt;a:focus,
    .dropdown-menu&gt;li&gt;a:hover {
        background-color: #0f4f84;
        background-image: linear-gradient(to bottom, #0f4f84 0, #0f4f84 100%);
        background-repeat: repeat-x;
        color: #fff;
        transition: 0.32s;
    }

    .textheadmenuproduct {
        font-size: 30px;
        font-weight: 500;
    }

    .borderproduct {
        border-left: 4px solid #0f4f84;
        padding: 0.5% 0% 0% 2%;
        height: 50px;
    }

    .padtextheadmenuproduct {
        margin-top: 0.5%;
    }

    .comingsoon {
        padding: 10% 0%;
    }

    .pd {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1% 0%;
        transition: 0.35s;
    }

    .pictext {
        width: 13%;
        text-align: center;
        margin-top: 2%;
    }

    .padtext {
        width: 96%;
        align-self: center;
        font-size: 16px;
        font-weight: 300;
        white-space: break-spaces;
        margin-left: 10px;
        margin-top: 10px;
        line-height: 1.5;
    }

    .padqrcode {
        width: 65%;
        margin-top: 50%;
        margin-left: 40%;
        margin-bottom: -5%;
    }

    .padcontactus {
        margin-top: 2%;
    }

    .padcontact {
        background: #ffffffc7;
        border-radius: 15px;
        padding: 3% 3%;
        box-shadow: 5px 5px 10px 3px rgb(232 232 232 / 11%);
    }

    iframe {
        border-radius: 15px;
    }

    #background6358f16d87515f00135ae1f7 {
        background: #ffffffc7 !important;
        border-radius: 15px;
        padding: 3% 3%;
        box-shadow: 5px 5px 10px 3px rgb(232 232 232 / 11%);
    }

    ul.textthanacool li::before {
        content: '❊';
        padding-left: 0%;
        padding-right: 1%;
        color: #234088;
        font-size: 20px;
        font-weight: 500;
    }

    ul.textthanacool {
        text-align: left;
        list-style: none;
        padding: 0%;
        margin: 0 auto;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 300;
    }

    .padabout {
        background: #ffffffc7;
        border-radius: 15px;
        padding: 7% 5%;
        box-shadow: 5px 5px 10px 3px rgb(232 232 232 / 11%);
    }

    .bgabout {
        background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%, rgba(212, 212, 212, 1) 44%, rgba(212, 212, 212, 1) 72%, rgb(255 255 255 / 0%) 97%, rgb(255 255 255 / 0%) 100%);
        padding: 5% 0%;
        margin-top: 6%;
        margin-bottom: 7%;
    }

    .logothanacool {
        width: 55%;
        margin: 0 auto;
        margin-bottom: 4%;
    }

    .media-body.padpay1 {
        font-size: 16px;
        margin-top: 1% !important;
    }

    .Template-C-Icon {
        width: 20%;
        padding: 0 5px 5px 0;
    }

    .Template-C-Price label {
        color: #0f4f84 !important;
        font-size: 18px;
        text-transform: uppercase;
    }

    .Template-C-Price {
        height: 65px;
        font-weight: 600;
        text-align: center;
    }

    .Template-C-PriceNormal {
        color: #234088;
        font-weight: 600;
        font-size: 26px !important;
        text-transform: uppercase;
    }

    ul.icon-a {
        line-height: 1.5;
        font-size: 16px;
    }


    /* oscar*/
    figure.effect-oscar {
        background: transparent;
    }

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

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

    figure.effect-oscar figcaption::before {
        border: 0px solid #fff;
    }

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

    figure.effect-oscar:hover figcaption {
        background: transparent;
    }

    figure.effect-oscar h2 {
        margin: 0% 0 0px 0;
        -webkit-transition: -webkit-transform 0.32s;
        transition: transform 0.32s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    figure.effect-oscar:hover h2 {
        opacity: 1;
        transition: 0.32s;
        transform: none !important;
    }

    .grid figure h2 {
        word-spacing: 0em;
        font-weight: 300;
        text-transform: none;
    }

    figure.effect-oscar img {
        max-width: none;
        -webkit-transition: opacity 0.32s, -webkit-transform 0.32s;
        transition: opacity 0.32s, transform 0.32s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-oscar:hover img {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.05, 1.05, 1);
    }

    /* oscar */

    .fancybox-skin {
        position: relative;
        background: transparent;
        color: #444;
        text-shadow: none;
        border-radius: 15px !important;
        padding: 15px !important;
        margin: 0 auto;
        background-color: transparent;
        box-shadow: 0 0px 0px rgb(0 0 0 / 50%) !important;
    }

    .fancybox-inner {
        box-shadow: 0 10px 50px rgb(0 0 0 / 50%) !important;
        background-color: #fff;
        border-radius: 15px;
    }

    /*เฉพาะรูปแบบมีขอบ*/
    .thumbnail img.imageGallery:hover {
        -webkit-transform: scale(1.1);
        transform: scale(0.98);
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .thumbnail .imageWidth.imageGallery {
        transform: scale(1.0);
        transition: 0.32s;
        background: #fff;
    }

    .thumbnail .imageWidth.imageGallery:hover {
        transform: scale(1.05);
        transition: 0.32s;
    }

    /**ห้ามเกินกรอบ**/
    .thumbnail .imgLightbox {
        position: relative !important;
        overflow: hidden !important;
        width: 100.1% !important;
        border-radius: 15px;
    }

    #background6358d8bf7ad0e4001333249a .thumbnail {
        border: solid 0px #dadada;
        color: #333;
        padding: 0% !important;
        transition: 0.5s;
        box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
    }

    #background6358d8bf7ad0e4001333249a .thumbnail:hover {
        box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
        background: transparent;
        color: #333;
    }

    #background6358d8bf7ad0e4001333249a .thumbnail {
        background-color: transparent;
    }

    #background6358dd437ad0e40013332824 .thumbnail {
        border: solid 0px #dadada;
        color: #333;
        padding: 0% !important;
        transition: 0.5s;
        margin-bottom: 10px;
        box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
    }

    #background6358dd437ad0e40013332824 .thumbnail:hover {
        box-shadow: 3px 3px 15px 1px rgba(225, 149, 145, 0);
        background: transparent;
        color: #333;
    }


    /*from Contact*/
    .no-js #Component6358f16d87515f00135ae1f7 label {
        display: none !important;
    }

    .no-js #Component6358f16d87515f00135ae1f7 .col-md-6 {
        width: 100%;
        margin-left: auto;
        display: block;
        margin-right: auto;
        float: initial;
    }

    .no-js #Component6358f16d87515f00135ae1f7 .form-control {
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0px !important;
        -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
        box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);
        padding: 24px 0;
        font-weight: 300;
        background: transparent;
        color: #333;
    }

    .no-js #Component6358f16d87515f00135ae1f7 .form-control:hover {
        border-color: #234088;
    }

    .no-js #Component6358f16d87515f00135ae1f7 ::placeholder {
        color: #333 !important;
        font-weight: 300;
    }

    .no-js #Component6358f16d87515f00135ae1f7 .form-control:focus {
        border-color: #313848;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, 0);
        color: #333 !important;
    }

    .no-js #Component6358f16d87515f00135ae1f7 .btn {
        background: linear-gradient(90deg, #0f6ab9 0%, #0f6ab9 50%, #0f6ab9 100%);
        background-repeat: repeat-x;
        border: 3px solid #0f2852;
        border-radius: 20px;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: 300;
        border: 0px solid transparent;
        color: #fff;
    }

    .no-js #Component6358f16d87515f00135ae1f7 .btn-default {
        text-shadow: 0 0 0 #72b52c00;
    }

    .no-js #Component6358f16d87515f00135ae1f7 .btn-default:active {
        background: linear-gradient(90deg, #0f6ab9 0%, #0f6ab9 50%, #0f6ab9 100%);
    }

    .no-js #Component6358f16d87515f00135ae1f7 .btn-default:hover,
    .no-js #Component6358f16d87515f00135ae1f7 .btn-default:focus {
        background-position: 0 0px;
        background: linear-gradient(90deg, #0f6ab9 0%, #0f6ab9 50%, #0f6ab9 100%);
    }

    .no-js #Component6358f16d87515f00135ae1f7 .no-js #Component6358f16d87515f00135ae1f7 .label a {
        color: #333;
    }

    .input-group a {
        color: #333;
    }

    /*contenemanager*/
    h3.managerHeader {
        font-size: 18px;
    }

    #Contentmanager .post-time {
        display: none;
    }

    .page-header {
        margin: 30px 0 20px;
        border-bottom: 1px solid #234088;
    }

    .landingpagemanager {
        display: none;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .title {
        text-align: center;
        font-size: 16px;
        padding: 5% 10% 0%;
        font-weight: 400;
        color: #333;
    }

    .Contentmanager .site .col-section .item.-micro a:hover .caption .title {
        color: #234088;
    }

    .Contentmanager .site .col-section .item.-micro a .caption .time {
        display: none;
    }

    article.col-md-6.item.-micro {
        width: 25%;
    }

    .Contentmanager .site .col-section .item.-micro {
        padding: 10px 10px 10px 15px;
    }

    .Contentmanager .site .col-section .item.-micro a .image {
        width: 100%;
        margin-bottom: 0px;
        background: #fff;
        border-radius: 15px;
    }

    .Contentmanager .site .col-section .item.-micro a .caption {
        width: 100%;
        background: transparent;
        padding-left: 0;
    }

    .Contentmanager .site .col-section .item.-micro:nth-child(odd) {
        border-right: none;
        border-bottom: none;
    }

    .Contentmanager .site .col-section .item.-micro:nth-child(even) {
        border-bottom: none;
    }

    .Contentmanager .site .col-section .item.-micro a .post {
        display: none;
    }

    .contenemanager-gallery .col-xs-12.col-md-3 {
        padding-left: 10px;
        padding-right: 10px;
        width: 25%;
    }

    .Contenemanager-gallery .col-xs-6.col-md-3 {
        padding-left: 10px;
        padding-right: 10px;
        width: 25%;
    }

    .contenemanager-gallery .thumbnail {
        padding: 0px;
        border: 0px solid #fff;
        border-radius: 0px;
        transition: 0.3s;
    }

    .Contenemanager-gallery .thumbnail {
        padding: 0px;
        border: 0px solid #fff;
        border-radius: 0px;
        transition: 0.3s;
    }

    .Contenemanager-gallery .thumbnail:hover {
        transition: 0.3s;
        border: 0px solid #fff;
        background-color: white;
    }

    .contenemanager-gallery .thumbnail:hover {
        transition: 0.3s;
        border: 0px solid #fff;
        background-color: white;
    }

    .contenemanager-gallery .thumbnail,
    .img-thumbnail {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
        box-shadow: 0px 0px 20px 5px rgb(217 217 217 / 40%);
    }

    a.thumbnail:hover,
    a.thumbnail:focus,
    a.thumbnail.active {
        border-color: transparent;
    }

    .fbcomments,
    .fbcomments {
        display: none;
    }

    .thumbnail {
        border: 0px solid #ddd;
    }

    .img-thumbnail,
    .thumbnail {
        box-shadow: 0 0px 0px rgb(0 0 0 / 8%);
    }

    .Contentmanager .img-thumbnail {
        border: 0px solid #ddd;
    }

    .Contentmanager p {
        white-space: break-spaces;
        font-size: 16px;
    }

    .Contentmanager .thumbnail {
        background-color: transparent;
    }

    .img-thumbnail {
        background-color: transparent;
    }

    .Contentmanager .site .col-section .item.-micro a .img-zoom img:hover {
        transform: scale3d(1.05, 1.05, 1) !important;
    }

    .Contentmanager .site .col-section .item.-micro a:hover .img-zoom img {
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        transform: scale3d(1.05, 1.05, 1) !important;
    }

    .Contentmanager .thumbnail a&gt;img,
    .thumbnail&gt;img {
        margin-right: auto;
        margin-left: auto;
        background-color: #fff;
        border-radius: 15px;
    }

    /*contenemanager*/


    /*tab*/
    .tab-itp-background {
        background-color: inherit;
        padding: 1% 10% !important;
        margin-top: 2% !important;
        margin-bottom: 0% !important;
    }

    .TabItpContent {
        background: #ffffffc7;
        border-radius: 15px;
        padding: 1% 1%;
        box-shadow: 5px 5px 10px 3px rgb(232 232 232 / 11%);
    }

    .TabItpContent .nav-pills&gt;li.active&gt;a,
    .TabItpContent .nav-pills&gt;li.active&gt;a:focus,
    .TabItpContent .nav-pills&gt;li.active&gt;a:hover {
        background-color: #234088 !important;
        border: solid 0px #234088 !important;
        border-radius: 10px !important;
    }

    li.active span {
        color: #fff !important;
    }

    .TabItpContent .nav-justified&gt;li&gt;a {
        background-color: #e8e8e8 !important;
        color: #eee;
        margin: 0% 1% !important;
        border-radius: 10px !important;
        padding: 5% 0% !important;
    }

    /*tab*/

    @media only screen and (max-width:900px) {
        h2 {
            font-size: 1.9em;
        }

        h6 {
            font-size: 22px;
        }

        .btnreadmore {
            width: 33%;
        }

        .textthanacool {
            white-space: inherit;
        }

        .btnmore {
            width: 33%;
        }

        #background6358d8bf7ad0e4001333249a .col-md-3.col-sm-4.col-xs-4 {
            width: 25%;
        }

        .padcontact .col-md-7.col-sm-7.padding-col {
            width: 100%;
        }

        .pictext {
            width: 10%;
            text-align: center;
            margin-top: 2%;
        }

        .padqrcode {
            width: 80%;
            margin-top: 5%;
            margin-left: 0%;
            margin-bottom: -5%;
        }

        .TabItpContent .nav-justified {
            display: flex;
        }

        #background635a3b558ad5e500137ffadc .nav-justified&gt;li {
            width: 33.3%;
        }
    }


    @media only screen and (max-width:480px) {
        #background6358d8bf7ad0e4001333249a .col-md-3.col-sm-4.col-xs-4 {
            width: 100%;
        }

        #imagesControl6358d0317ad0e40013331b3a {
            padding: 0px !important;
        }

        #background6358dd437ad0e40013332824 .row-fluid [class*=col-sm-5fix] {
            width: 33.3% !important;
        }

        .iconthanacool {
            width: 33%;
        }

        .btnmore {
            margin-top: -17%;
        }

        .textheadmenuproduct {
            font-size: 22px;
            font-weight: 500;
        }

        .borderproduct {
            height: 35px;
        }

        article.col-md-6.item.-micro {
            width: 50%;
        }

        #imagesControl6358e41387515f00135adc44 {
            padding: 0px !important;
        }

        .padqrcode {
            width: 35%;
        }

        .Template-C-Icon {
            width: 15%;
            padding: 0 5px 5px 0;
        }

        .Template-C-button:hover {
            width: 45%;
        }

        .Template-C-button {
            width: 50%;
        }

        .promotionPrice {
            font-size: 20px;
        }
    }


    .buttonExampleSite {
        border: 1px solid #0f6ab9 !important;
        color: #333 !important;
        font-family: ThaiSansNeue;
    }

    .buttonExampleSite:hover {
        background: #0f6ab9 !important;
        color: #fff !important;
    }

    .pdpa-text.pdpamg1 {
        padding: 5% 0%;
    }

    .ITPcookiebar {
        width: 100% !important;
        font-size: 14px !important;
    }



    #searchResultLanding .panel {
        margin: 6% 0;
    }

    #itp-shopcart-detail {
        padding-left: 0px !important;
    }

    .itopplus-search-image-flex-item {
        padding: 0px !important;
        width: 213px !important;
        min-height: 300px !important;
        max-height: 430px !important;
        background-color: #fff !important;
        box-shadow: none !important;
    }

    .itopplus-search-image-flex-item img {
        width: 100% !important;
    }

    .search_titleText {
        padding: 5px 0px;
        font-size: 16px;
    }

    .search_text {
        padding: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }


    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1900px) {
        .itopplus-search-image-flex-item {
            width: 190px !important;
        }
    }

    @media only screen and (max-width:900px) {
        .itopplus-search-image-flex-item {
            margin: 5px 0 !important;
            width: 227px !important;
            min-height: 240px !important;
            max-height: 425px !important;
        }

        .search_titleText {
            padding: 5px 0px;
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block;
        }

    }

    @media only screen and (max-width:480px) {
        .itopplus-search-image-flex-item {
            width: 100% !important;
            min-height: 210px !important;
            max-height: inherit !important;
        }

        .itopplus-search-image-flex-item img {
            width: 100% !important;
        }

        .search_titleText {
            padding: 5px 0px;
            font-size: 14px;
        }

        .search_text {
            padding: 5px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: block;
        }
    }



    .col-xs-12.col-sm-12.col-md-12.shopcartDetail-Default.shopcartDetail {
        font-family: Kanit, sans-serif;
        padding: 1% 0% !important;
        width: 94%;
        font-size: 18px;
    }

    .shopcart-Cate {
        width: 95%;
        margin: 2% auto;
        font-size: 20px;
    }

    .Template-C-buttonDetail {
        width: 35%;
        background-color: #0f6ab9;
        border-radius: 25px !important;
        color: #fff;
        font-weight: 300;
        font-size: 16px;
        padding: 8px 0 8px 0;
        font-family: Kanit, sans-serif;
        transition: 0.35s;
    }

    .Template-C-buttonDetail:hover {
        cursor: pointer;
        width: 35%;
        background-color: #234088;
        transition: 0.35s;
    }

    .row.shopcartID-Head-Default.shopcartID {
        font-family: Kanit, sans-serif;
        font-size: 18px;
        border-bottom: solid 0px #d8d8d8;
    }

    .shopcartID-Default {
        font-size: 18px;
        border-bottom: solid 0px #d8d8d8;
        padding: 10px 0 10px 0;
        font-family: Kanit, sans-serif;
    }

    .shopcartName-Head-Default {
        font-size: 18px;
        color: #234088;
        font-weight: 500;
        border-bottom: solid 0px #d8d8d8;
        padding: 10px 0 10px 0;
        font-family: Kanit, sans-serif;
    }

    .shopcartName-Default {
        font-size: 18px;
        border-bottom: solid 0px #d8d8d8;
        padding: 10px 0 10px 0;
        font-family: Kanit, sans-serif;
    }

    .shopcartlinePrice-Default {
        border-bottom: solid 0px;
        color: #d8d8d8;
        padding: 10px 0 10px 0;
    }

    .shopcartlinePrice-Default {
        border-bottom: solid 0px;
        font-family: Kanit, sans-serif;
    }

    .col-xs-4.col-sm-3.col-md-3.ITPquantityWord {
        width: 18%;
        font-family: Kanit, sans-serif;
    }

    .Template-C-Item {
        color: #000;
        font-family: Kanit, sans-serif;
    }

    .Template-C-button {
        width: 65%;
        background-color: #0f6ab9;
        border-radius: 25px !important;
        text-align: center;
        margin: 10px auto;
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        padding: 7px 0 7px 3%;
        transition: 0.35s;
    }

    .Template-C-button:hover {
        width: 65%;
        text-align: center;
        margin: 0 auto;
        background-color: #234088;
        transition: 0.35s;
    }

    .Template-C-frame {
        padding: 10px 0px 10px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 10%;
    }

    .Template-C-frame:hover {
        -moz-box-shadow: 0 0 10px #585858;
        -webkit-box-shadow: 0 0 10px #585858;
        box-shadow: 0 0 0px #585858;
        cursor: pointer;
    }

    .Template-C-pic {
        background-color: #fff;
        border: solid 0px #ccc;
        padding: 0px;
        width: 100%;
        overflow: hidden;
    }

    .Template-C-Name {
        color: #000;
        font-size: 16px;
        height: 70px;
        overflow: hidden;
        text-align: center;
        margin-top: 3%;
    }

    .Template-C-Name label {
        font-weight: 400;
    }

    .promotionPrice {
        font-size: 18px;
    }

    .Template-C-Big {
        border: solid 0px #ccc;
    }

    .Template-C-smallpic {
        border: solid 0px #9e9e9e;
    }

    .shopcart {
        -webkit-border-radius: 50px 50px 50px 50px !important;
        width: 65px !important;
        height: 65px !important;
        background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_20062022uk2e/35/0/iconshopz-z1225230067126.png);
        background-position: 50% 50%;
        background-color: #234088;
        right: 3%;
        top: 4%;
        transition: width .3s, height .3s;
        animation: pulse 7s infinite 7s;
    }

    .row.shopcartID-Head-Default.shopcartID {
        display: none;
    }

    .row.shopcartID-Default.shopcartID {
        display: none;
    }

    .col-xs-12.col-sm-12.col-md-12.shopcartRelated-Default.shopcartRelated {
        font-family: Kanit, sans-serif;
        padding: 1% 0% !important;
        font-size: 18px;
        border-bottom: 1px solid #c9c9c9;
    }

    .promotionPrice {
        font-weight: 500;
    }



    /* from PAYMENT */
    #Component635e969850ab5b00139bf676 {
        width: 97%;
        margin: 0 auto;
        border: solid 0px #eaeef5;
    }

    #Component635e969850ab5b00139bf676 .progress {
        width: 138%;
        margin: 15px !important;
    }

    #Component635e969850ab5b00139bf676 .boarder-confirm-payment {
        border: 0px solid transparent !important;
        border-radius: 0px !important;
    }

    #Component635e969850ab5b00139bf676 textarea.form-control {
        height: auto;
        width: 155%;
    }

    #Component635e969850ab5b00139bf676 .btn-success {
        color: #fff;
        background-image: linear-gradient(to bottom, #0f4f84 0, #0f4f84 100%);
        background-color: transparent;
        border-color: #ffffff00;
        box-shadow: none;
        padding: 5px 10px 5px 10px;
        border-radius: 5px;
        margin-top: 0px;
        margin-left: 4%;
    }

    #Component635e969850ab5b00139bf676 .btn-success:hover {
        background-position: 0px;
        background: #333;
        color: #fff;
    }

    #Component635e969850ab5b00139bf676 .input-group #Component635e969850ab5b00139bf676 .form-control {
        height: 50px;
        padding: 0% 2% 0;
        border-radius: 0px;
        font-size: 14px;
        color: #555;
    }

    #Component635e969850ab5b00139bf676 .form-control {
        height: 50px;
        padding: 15px 15px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        border: 1px solid #f1f1f1;
        border-radius: 0px;
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    }

    #Component635e969850ab5b00139bf676 .form-control:hover {
        border: 1px solid #0f4f84;
    }

    #Component635e969850ab5b00139bf676 .input-group-addon {
        padding: 10px 15px;
        color: #fff;
        background-color: #0f4f84;
        border: 1px solid #0f4f84;
        border-radius: 0px;
    }

    #Component635e969850ab5b00139bf676 .btn-default {
        background-image: linear-gradient(to right, #0f4f84 0%, #0f4f84 100%);
        background-repeat: repeat-x;
        border-color: #be0d0e;
        border-radius: 0px;
        padding: 10px 10px;
        font-size: 14px;
        border: 0px solid transparent;
        border-radius: 25px;
        color: #fff;
        font-weight: 200;
    }

    #Component635e969850ab5b00139bf676 .btn-default:hover,
    #Component635e969850ab5b00139bf676 .btn-default:focus {
        background-color: #0f4f84;
        color: #fff;
        border-color: #ffffff;
        box-shadow: 0 0 5px 0f4f84;
    }

    #Component635e969850ab5b00139bf676 .col-md-1 {
        margin-top: 3% !important;
    }

    #Component635e969850ab5b00139bf676 .form-horizontal .control-label {
        font-weight: 400;
    }

    #background635e969850ab5b00139bf676 {
        background: #ffffff9c !important;
        padding: 3%;
        border-radius: 25px;
        margin-bottom: 5%;
    }

    #tableB {
        width: 100%;
    }

    #tableB td {
        border: 10px solid #ffffff;
        color: #000;
        padding: 10px;
        font-size: 16px;
        width: 25%;
        text-align: center;
        background-color: #fbfbfb;
    }

    .itp-require-invoice {
        display: none !important;
    }




    /* ติดต่อเรา */

    .TabItpContentLandingPage6 {
        background-color: transparent;
        padding: 0;
    }

    .TabItpContentLandingPage6&gt;ul {
        width: 100%;
        background-color: transparent;
    }

    .TabItpContentLandingPage6&gt;ul&gt;li&gt;a {
        background-color: #f1f1f1;
        border-radius: 50px;
        padding: 14px 0;
    }

    .TabItpContentLandingPage6&gt;ul&gt;li.active&gt;a,
    .TabItpContentLandingPage6&gt;ul&gt;li&gt;a:hover {
        background-color: #234088 !important;
        border-bottom: 0px !important;
    }

    .TabItpContentLandingPage6&gt;ul&gt;li&gt;a&gt;span,
    .TabItpContentLandingPage6&gt;ul&gt;li&gt;a:hover&gt;span {
        font-size: 18px !important;
    }

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

    .tab-content {
        padding: 10px 0 !important;
    }

    .tab-content iframe {
        height: 350px;
        margin: 5px 0;
    }

    .contact-map2 {
        text-align: center;
    }

    .contact-text1 {
        font-size: 22px;
        font-weight: 500;
    }

    .contact-text2 {
        font-size: 16px;
        margin-top: 0.5%;
        margin-bottom: 1%;
    }

    .contact-text3 {
        margin-bottom: 3%;
        font-size: 18px;
        color: #234088;
    }

    iframe.mapp {
        height: 370px;
    }



}

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

    .itopplus-banner {

        &amp; *::before,
        *::after {
            display: none;
        }
    }

    #controlBanner img {
        position: fixed;
        top: 10px;
        left: 10px;
        width: 60px !important;
        z-index: 10000;
        /*filter: brightness(0) invert(1);*/

    }

    #nav-menu,
    #ItopplusMainSidebar&gt;div {
        background: #0f4f84 !important;
    }

    .navbar-header a.visible-xs {
        filter: brightness(0) invert(1);
    }

    #itpMenuSideBar span {
        background-color: #fff !important;
    }

    #controlMenu * {
        color: #fff !important;
        border: none;
    }

    #controlMenu {
        &amp; .navbar-header {
            display: flex !important;
            align-items: center;
            gap: 5px;
            height: 50px;
            width: 100%;
            box-shadow: 0 0 3px #ccc;
        }

        #itpMenuSideBar {
            display: grid;
            place-items: center;
            border: none;
            margin: 0 !important;
            padding: 0 !important;
            aspect-ratio: 1;
            width: 40px;
            background: transparent !important;
            background-color: transparent !important;

            &amp; .navbar-inline:last-child {
                display: none;
            }
        }

        .navbar-header a:not(a.visible-xs),
        .navbar-header a.visible-xs i {
            display: none !important;
        }

        .navbar-header a.visible-xs {
            display: grid !important;
            place-items: center;
            place-content: center;
            aspect-ratio: 1;
            height: 35px !important;
            background-image: url();
            background-size: 22px;
            background-position: center;
            background-repeat: no-repeat;
        }

        #itpphonemobile {
            background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/mobile-telz-z1069403427899.png) !important;
        }

        #itpsearchmobile {
            background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/mobile-searchz-z1330436804151.png) !important;
        }

        .old-image-icon-facebook {
            background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/mobile-fbz-z1127804487749.png) !important;
        }

        .old-image-icon-line {
            background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/mobile-linez-z725955780268.webp) !important;
        }

        .old-image-icon-instragram {
            background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/mobile-igz-z715901677059.webp) !important;
        }

        .old-image-icon-youtube {
            background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/mobile-ytz-z338621988407.webp) !important;
            background-size: 25px !important;
        }

        #languagemobile {
            order: 10;
        }

        #languagemobile {
            order: 10;
        }

        #language_member_bar {
            display: none
        }

        #main-navbar-collapse {
            display: none !important;
        }

        #languagemobile {
            filter: unset !important;
        }

    }

}

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