.itopplus-background {

}
.eapps-widget-toolbar {
    display: none;
}

body {
    overflow-x: hidden;
}

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

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

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

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 15px;
    padding: 10px 3px;
}

.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: #000 !important;
    box-shadow: 0px 2px 0px 0px #04579d;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

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

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

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

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

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

    .navbar-default {
        background: #fff;
    } 

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

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


}

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

    .navbar-default {
        background: transparent;
    }

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

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

    .no-js .itopplus-banner {
        position: sticky;
        top: 0;
        width: 100%;
        background: #f2f7fa;
        z-index: 110;
        transition: 0.5s;
    }

    .banner-sticky {
        background: #f2f7fa !important;
        box-shadow: 0 0 3px 0 #aaa;
    }


}

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

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

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

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

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

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

h1 {
    font-size: 4.825em;
}

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 , .dropdown-menu>li>a, 
div#Component6628bcc1955fdd0013e22519 .table>tbody>tr>td,
.table-article>tbody>tr>td{
    font-size: 16px;
}

.call-footer p, .text-port h6 , .table-article>thead>tr>th{
    font-size: 18px;
}

.copy-right p, .btn-more, .btn-more2,
.btn-more3, div#Component662791ad99af2f001380c593 button,
div#Component6628bcc1955fdd0013e22519 button,
div#Component6628bcc1955fdd0013e22519 .register_menu,
.product-detail p,div#Component6642d935f6d4a40013c04669 p{
    font-size: 14px;
}

.text-cate h4 {
    font-size: 40px;
}

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

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

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

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

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

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

.logo-footer {
    width: 80%;
    margin-top: 6%;
}

.call-footer {
    display: grid;
    grid-template-columns: 22px auto;
    align-items: center;
    gap: 7px;
    margin-top: 14%;
    margin-left: 6%;
}

.social-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 60%;
    margin-top: 7%;
}

div#Component662634586e5a34001319a98e .thumbs,
div#Component6641d9095e4e540013c9f46f .thumbs,
div#Component6642d73f5e4e540013c9fcdf .thumbs,
div#Component6642d78cf6d4a40013c045a6 .thumbs,
div#Component6642ef3f2f4dca0013cf5ffd .thumbs,
div#Component66433e38704b1200139bf116 .thumbs,
div#Component66433eaf704b1200139bf149 .thumbs{
    margin: 0;
}

.call-footer p , .copy-right p{
    font-family: "LINE Seed Sans TH";
}

.call-footer a, .sect-cont a {
    color: #fff;
}

.call-footer a:hover {
    color: #f6ab2c;
}

.logo-about {
    width: 30%;
    margin-top: 17%;
    margin-bottom: 3%;
}

.sect-about h1, .sect-about h2,  .cont-page h3, .page-srv h6 ,.page-srv h5{
    font-family: "Montserrat","Noto Sans Thai", sans-serif;
    margin: 0;
    color: #04579d;
    font-weight: 700;
}

.sect-about p {
    margin-top: 5%;
    margin-bottom: 5%;
}

.sect-system p {
    margin-bottom: 5%;
}

.items-about li p, .fw-semi, .consult-items h6,.consult-items2 h6,
.sect-solar li p, .sect-solar h4, .sect-system h4, .sect-head h3,
.sect-step h4, .items-about2 h4, .items-system h6, .sect-head h4,
.pre-port h6, h3.managerHeader, .port-detail h6, .port-detail h5,
.text-port h6, .cont-page li p, .box-track h6, .article-detail h6{
    font-weight: 600;
}

.items-about li img {
    margin-bottom: 7%;
    width: 85% !important;
}

.items-about ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
    gap: 41px;
    text-align: center;
}

.sect-consult, .consult-items h6 , .cont-add h6, .text-port h6,
.consult-items2 h6, .items-system h6, .sect-head h4, .page-srv2{
    text-align: center;
}

.text-big {
    font-size: 30px;
    font-weight: 600;
}

.sect-solar h4, .sect-system h4, .sect-head h3, .sect-step h4,
.items-about2 h4, .sect-head h4, .sect-cont a:hover, h3.managerHeader,
.port-detail h6, .port-detail h5, .text-big, .text-blue2{
    color: #04579d;
}

.text-blue {
    color: #f6ab2c;
}

.sect-consult h3 {
    color: #04579d;
    font-weight: 600;
    margin-bottom: 2%;
    margin-top: 0;
}

.consult-items li,.sect-consult p {
    margin-bottom: 4%;
}

.consult-items img, .consult-items2 img{
    margin-bottom: 7%;
}

.consult-items {
    height: 360px;
    padding: 0 5%;
}

 .cont-add h6 , .items-about2 h4, .page-srv h5, .page-srv2, 
.article-detail p{
    margin-bottom: 2%;
}

.consult-items li::marker, .consult-items2 li::marker {
    color: #e8a22a;
    font-size: 22px;
}

.partner-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 40%;
    margin: auto;
}

.cont-add li {
    display: grid;
    grid-template-columns: 20px auto;
    width: fit-content;
    align-items: center;
    padding: 1rem 3rem;
    border-radius: 30px;
    gap: 5px;
    margin: 2% 0;
    color: #fff;
}

.cont-add ul {
    width: 60%;
    display: flex;
    list-style: none;
    padding: 0;
    gap: 20px;
    margin: auto;
    justify-content: center;
}

.btn-call {
    background: #f6ab2c;
}

.btn-face {
    background: #04579d;
}

.btn-line {
    background: #47ca0d;
}

.cont-add li h6, .btn-more, .btn-more3, .items-system h6 , .text-big, .promotion h1 {
    font-family: "Montserrat","Noto Sans Thai", sans-serif;
    margin: 0;
}

.promotion h1 {
    margin: 0;
    font-size: 8em;
    font-weight: 700;
    color: #444;
}

.promotion h5 {
    font-weight: 800;
}

.promotion {
    display: flex;
    align-items: center;
    gap: 10px;
}

.port-detail ul {
    margin-top: 4%;
}

.sect-solar li {
    display: grid;
    grid-template-columns: 28px auto;
    gap: 10px;
    align-items: center;
    margin: 2% 0;
}

.sect-solar ul, .step-install ul , .sect-cont ul{
    list-style: none;
    padding: 0;
}

.sect-solar {
    padding: 14% 0 0 14%;
}

.sect-solar ul, .text-port h6 {
    margin-top: 5%;
}

.sect-solar p, .sect-consult p, .items-system p, .page-srv p, .pre-port h6,
.article-detail p{
    line-height: 26px;
}

figure.effect-oscar figcaption {
    background: transparent;
    padding: 0;
    position: relative;
    text-transform: none;
}

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

figure.effect-oscar figcaption::before, figure.effect-oscar p {
    opacity: 1 !important;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
    font-size: 16px;
    letter-spacing: 0;
}

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

.text-cate {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg, #00000075, transparent);
    padding: 5% 0;
}

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

.sect-serv {
    margin: 12% 0 0 15%;
    border-left: 2px solid #f6ab2c;
    padding-left: 5%;
}

div#Component66271d7fb6478200134a2efb .thumbs,
div#Component66271bef4db6e60013abc35e .thumbs{
    margin: 0;
}

.img-service {
    width: 55%;
    margin: 10% auto;
}

.img-system {
    width: 63%;
    margin-bottom: 4%;
}

.btn-more, .btn-more2, .btn-more3, div#Component662791ad99af2f001380c593 button,
div#Component6628bcc1955fdd0013e22519 button, div#Component6628bcc1955fdd0013e22519 .register_menu{
    background: #04579d;
    color: #fff;
    width: fit-content;
    padding: 0.8rem 2.5rem;
    border-radius :0;
}

.sect-system {
    padding-left: 10%;
}

.sect-step hr, .port-detail hr, .head-application hr {
    width: 30%;
    margin-left: 0;
    border-width: 5px;
    border-color: #f6ab2c;
}

.port-detail hr {
    width: 80px;
}

.step-install ul, .step-install2 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
        padding: 0;
}

.step-install li::after, .step-install2 li::after {
    border-radius: 50%;
    content: " ";
    position: absolute;
    bottom: -36%;
    width: 15px;
    height: 15px;
    background: #f6ab2c;
    left: 45px;
}

.step-install li, .step-install2 li {
    display: grid;
    grid-template-columns: 26% auto;
    gap: 20px;
    position: relative;
}

.step-install::before {
    content: " ";
    width: 80vw;
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: 0;
}

.step-install2::before {
    content: " ";
    width: 65vw;
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: 0;
    left: -210px;
}
.step-install, .step-install2 {
    padding-bottom: 3%;
    position: relative;
    margin-bottom: 8%;
}

.text-install h5 {
    color: #f6ab2c;
    font-weight: 700;
    font-family: "Montserrat","Noto Sans Thai", sans-serif;
}

.img-phone {
    margin-top: -135px;
}

.sect-cont ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.sect-cont li {
    display: grid;
    grid-template-columns: 50px auto;
    gap: 10px;
    align-items: center;
}

.sect-cont h4 {
    font-family: "Montserrat","Noto Sans Thai", sans-serif;
    font-weight: 600;
    margin-bottom: 2%;
    margin-top: 6%;
}

.head-page h4 {
    padding: 3% 0 2%;
    text-align: center;
    color: #04579d;
    font-weight: 700;
}

.items-about2 {
    padding: 8% 0 0 5%;
}

.items-about2 li {
    display: grid;
    grid-template-columns: 11% auto;
    gap: 15px;
    align-items: center;
    margin: 3%;
    font-weight: 600;
}

.items-about2 ul {
    list-style: none;
    padding: 0;
}

.btn-more2 {
    margin-top: 6%;
}

.btn-more3 {
    margin: auto;
  transition: all 0.2s ease-out;
}

.consult-items2 ul {
    padding-left: 10%;
    margin-bottom: 6%;
}

.consult-items2 {
    color: #000;
    padding: 0 3%;
}

.items-system li {
    display: grid;
    grid-template-columns: 49px auto;
    gap: 10px;
    margin: 15px 0;
    align-items: center;
}
.items-system img {
    background: #f6ab2c;
    border-radius: 0 10px 0 10px;
    padding: 15%;
}
.items-system ul {
    list-style: none;
    padding: 0 5%;
}

.items-system h6 {
    background: #04579d;
    color: #fff;
    padding: 1rem 2rem;
    width: fit-content;
    margin: auto;
    border-radius: 30px;
    margin-bottom: 2rem;
}

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

.cont-page h3{
    margin-bottom: 3%;
}

ul.pass-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.step-pass {
    display: grid;
    grid-template-columns: 33% 66%;
}

.step-pass2 {
    display: grid;
    grid-template-columns: 66% 34%;
}

.Text_seller2 {
    display: none;
}

.pre-port {
    text-align: left;
    padding: 3% 0;
    color: #000;
    margin-bottom: 5%;
    height: 137px;
}

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

.head-page2 {
    height: 100px;
}

h3.managerHeader {
    position: absolute;
    top: -93px;
    text-align: center;
    width: 100%;
}

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

.pre-port h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
      margin-bottom: 15px;
}

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

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

.img-contact {
    width: 30% !important;
    margin-bottom: 3%;
    margin-top: 10%;
}

.cont-page li {
    display: grid;
    grid-template-columns: 40px auto;
    gap: 10px;
    align-items: center;
    margin: 2% 3%;
}
.cont-page ul {
    list-style: none;
    padding: 0;
    margin-top: 4%;
}

div#Component662791ad99af2f001380c593 {
    background: #ffffffa8;
    padding: 3%;
}

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

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

div#Component662791ad99af2f001380c593 .form-control {
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0;
}

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

div#Component662791ad99af2f001380c593 button,
div#Component6628bcc1955fdd0013e22519 button{
    background-image: none;
    text-shadow: none;
    border-radius: 0;
    border: none;
}

.img-factory {
    width: 40%;
    margin: 4% 0;
}

.page-srv, .cont-page {
    padding-left: 5%;
}

.bg-yellow {
    background: #f6ab2c;
}

.items-about li:hover , .step-install li:hover img, .step-install2 li:hover img,
.sect-cont li:hover img, .img-phone:hover img, .items-about2 li:hover img,
div#Component66276df999af2f001380bb6a .thumbnail>img:hover,.cont-page li:hover img,
.box-track:hover,div#mainmenu66271875955fdd0013e1f786 .col-md-4.col-sm-4.col-xs-12:hover,
div#mainmenu6641d9652f4dca0013cf53ac .col-md-4.col-sm-4.col-xs-12:hover{
    transform: scale(0.95);
}

.items-about li , div#Component66271bef4db6e60013abc35e figure img,
div#Component66271d7fb6478200134a2efb figure img, .step-install li img,
.step-install2 li img, .sect-cont li img, .img-phone img,
div#Component662720a34db6e60013abc3b0 figure img,
div#Component662766c06e5a34001319ba3f figure img,.box-track,
div#Component6643415fccaa130013b2e9f0 figure img,
.social-footer img, .items-about2 li img, .img-container .img,
div#Component66276df999af2f001380bb6a .thumbnail>img,.cont-page li img,
div#Component6642d3ede69cf90013742cc4 .col-md-4.col-sm-4.col-xs-4 .imgLightbox img,
div#Component6642c9690d7ab600136c23dd .col-md-4.col-sm-4.col-xs-4 .imgLightbox img,
div#Component6642cc1af6d4a40013c043d7 .col-md-4.col-sm-4.col-xs-4 .imgLightbox img,
div#Component6642cd6cf6d4a40013c043f5 .col-md-4.col-sm-4.col-xs-4 .imgLightbox img,
div#Component6642d0992f4dca0013cf58de .col-md-4.col-sm-4.col-xs-4 .imgLightbox img,
div#Component6642d2050d7ab600136c2597 .col-md-4.col-sm-4.col-xs-4 .imgLightbox img,
div#mainmenu66271875955fdd0013e1f786 .col-md-4.col-sm-4.col-xs-12,
div#mainmenu6641d9652f4dca0013cf53ac .col-md-4.col-sm-4.col-xs-12,
div#Component6643415fccaa130013b2e9f0 .content-inline-data{
    transition: transform 0.2s ease-out;
}

.btn-call:hover,.btn-face:hover, .btn-line:hover{
    background: #207dcb;
}

.btn-more:hover,.consult-items2:hover .btn-more3,
.btn-more2:hover, div#Component66286649955fdd0013e21488 .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component66276df899af2f001380bb5f .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component662774114db6e60013abd1ac .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component662774424db6e60013abd256 .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component662777546e5a34001319be69 .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component6627777a6e5a34001319be9c .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component66288f8699af2f001380d18a .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component662789f599af2f001380c38a .col-md-4.col-sm-4.col-xs-12:hover .btn-more,
div#Component662791ad99af2f001380c593 button:hover,
div#Component6628bcc1955fdd0013e22519 button:hover,
div#mainmenu66271875955fdd0013e1f786 .col-md-4.col-sm-4.col-xs-12:hover .btn-more3,
div#mainmenu6641d9652f4dca0013cf53ac .col-md-4.col-sm-4.col-xs-12:hover .btn-more3{
    background: #f6ab2c;
}

div#Component6628bcc1955fdd0013e22519 .register_menu:hover{
    background: #f6ab2c !important;
}

div#Component66271bef4db6e60013abc35e .imgLightbox,
div#Component66271d7fb6478200134a2efb .imgLightbox,
div#Component662720a34db6e60013abc3b0 .imgLightbox,
div#Component662766c06e5a34001319ba3f .imgLightbox,
div#Component6642d3ede69cf90013742cc4 .imgLightbox,
div#Component6642c9690d7ab600136c23dd .imgLightbox,
div#Component6642cc1af6d4a40013c043d7 .imgLightbox,
div#Component6642cd6cf6d4a40013c043f5 .imgLightbox,
div#Component6642d0992f4dca0013cf58de .imgLightbox,
div#Component6642d2050d7ab600136c2597 .imgLightbox ,
div#Component6643415fccaa130013b2e9f0 .imgLightbox ,
.template-panel{
    overflow: hidden;
}

div#Component66271bef4db6e60013abc35e figure:hover img,
div#Component66271d7fb6478200134a2efb figure:hover img,
div#Component662720a34db6e60013abc3b0 figure:hover img,
div#Component662766c06e5a34001319ba3f figure:hover img,
div#Component6643415fccaa130013b2e9f0 figure:hover img,
.social-footer img:hover, div#Component66286649955fdd0013e21488 .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component662789f599af2f001380c38a .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component66276df899af2f001380bb5f .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component662774114db6e60013abd1ac .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component662774424db6e60013abd256 .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component662777546e5a34001319be69 .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component6627777a6e5a34001319be9c .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component66288f8699af2f001380d18a .col-md-4.col-sm-4.col-xs-12:hover .img,
div#Component6642d3ede69cf90013742cc4 .col-md-4.col-sm-4.col-xs-4:hover .imgLightbox img,
div#Component6642c9690d7ab600136c23dd .col-md-4.col-sm-4.col-xs-4:hover .imgLightbox img,
div#Component6642cc1af6d4a40013c043d7 .col-md-4.col-sm-4.col-xs-4:hover .imgLightbox img,
div#Component6642cd6cf6d4a40013c043f5 .col-md-4.col-sm-4.col-xs-4:hover .imgLightbox img,
div#Component6642d0992f4dca0013cf58de .col-md-4.col-sm-4.col-xs-4:hover .imgLightbox img,
div#Component6642d2050d7ab600136c2597 .col-md-4.col-sm-4.col-xs-4:hover .imgLightbox img{
    transform: scale(1.05);
}

div#Component662720a34db6e60013abc3b0 .col-md-4.col-sm-4.col-xs-4:hover .text-port h6,
div#Component662766c06e5a34001319ba3f .col-md-4.col-sm-4.col-xs-4:hover .text-port h6,
.cont-page a:hover, .box-track:hover>h6{
    color: #207dcb;
}

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

.pe-60 {
    padding-left: 53%;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #1b3e8d !important;
}

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

.itpPDPALandingPage {
    margin-top: 3%;
}

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

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

.port-detail li {
    list-style: none;
    margin-bottom: 1rem;
}

.Textmanager {
    text-align: left;
}

.ic-track {
    width: 15%;
    margin: auto;
    margin-bottom: 4%;
}

.box-track {
    text-align: center;
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
    padding: 5%;
    height: 300px;
    border-radius: 20px;
    margin-top: 3%;
    color:#000;
}

.box-track:hover {
    background: #f7f7f7;
}

div#Component6628bcc1955fdd0013e22519 .input-group {
    display: grid;
}

div#Component6628bcc1955fdd0013e22519 .col-md-8 {
    width: 59%;
}

div#Component6628bcc1955fdd0013e22519 div#searchPdfCollumn2 {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

div#Component6628bcc1955fdd0013e22519 .col-md-4 {
    width: 51% !important;
    padding: 2px;
    margin-bottom: 2%;
}

div#Component6628bcc1955fdd0013e22519 .col-md-1 label {
    color: transparent;
}

div#Component6628bcc1955fdd0013e22519 .col-md-1 {
    padding: 0;
    width: 50% !important;
    text-align: center;
    margin: auto;
}

div#Component6628bcc1955fdd0013e22519 #searchPdfTitle1::before {
    content: "ชื่อ-นามสกุล / เบอร์โทร / Serial No. เครื่อง Inverter";
    position: absolute;
    top: 0;
    color: #000;
    width: 580px;
}

div#Component6628bcc1955fdd0013e22519 #searchPdfTitle1, div#Component6628bcc1955fdd0013e22519 span#searchPdfTitle2 {
    font-size: 18px;
}

div#Component6628bcc1955fdd0013e22519 #searchPdfTitle1 {
    color: #fff;
    position: relative;
}

div#Component6628bcc1955fdd0013e22519 .table>thead>tr>th:nth-child(1),
div#Component6628bcc1955fdd0013e22519 .table>tbody>tr>td:nth-child(1){
    width: 60% !important;

}

div#Component6628bcc1955fdd0013e22519 .table>tbody>tr:last-child>td:nth-child(1) {
    border-radius: 0 0 0 20px;
}

div#Component6628bcc1955fdd0013e22519 .table>tbody>tr:last-child>td:nth-child(3) {
    border-radius: 0 0 20px 0;
}

div#Component6628bcc1955fdd0013e22519 .table>thead>tr>th:nth-child(1) {
     border-radius: 20px 0 0 0;
}

div#Component6628bcc1955fdd0013e22519 .table>thead>tr>th:nth-child(3) {
     border-radius:0 20px 0 0 ;
}

div#Component6628bcc1955fdd0013e22519 .table>thead>tr>th:nth-child(2),
div#Component6628bcc1955fdd0013e22519 .table>tbody>tr>td:nth-child(2),
div#Component6628bcc1955fdd0013e22519 .table>thead>tr>th:nth-child(3),
div#Component6628bcc1955fdd0013e22519 .table>tbody>tr>td:nth-child(3){
    width: 20% !important;
}

div#Component6628bcc1955fdd0013e22519 thead{
    background: linear-gradient(0deg, #ef9600, #f6ab2c);
    color: #fff;
    font-size: 18px;
  
}

div#Component6628bcc1955fdd0013e22519 .table>tbody>tr:hover,
.table-article>tbody>tr:hover{
    background: #f5faff;
}

div#Component6628bcc1955fdd0013e22519 .table>tbody>tr:nth-child(even),
.table-article>tbody>tr:nth-child(even){
    background: #f7f7f7;
}

div#Component6628bcc1955fdd0013e22519 .table>tbody>tr>td, 
div#Component6628bcc1955fdd0013e22519 .table>thead>tr>th,
.table-article.table>tbody>tr>td, 
.table-article.table>thead>tr>th,{
    padding: 1.5rem;
    border: none;
  
}

#pdfTitle1::before {
    content: "ข้อมูลรับประกัน";
    position: absolute;
    top: 2px;
    color: #fff;
    width: 120px !important;
}

#pdfTitle1 {
    position: relative;
    color: transparent;
}

.items-system {
    padding-top: 5%;
}

.head-application h5 {
    margin: 2% 0;
    font-weight: 700;
    color: #04579d;
    font-family: "Montserrat", "Noto Sans Thai", sans-serif;
}

.head-application hr {
    width: 7%;
}

div#Component6641ea7ce69cf90013742802 .grid figure img,
div#Component6641ecc1f6d4a40013c04133 .grid figure img,
div#Component6641ed940d7ab600136c21f6 .grid figure img{
    object-fit: contain;
}

figure.effect-selena {
    background: transparent;
}

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

.business-sect ul {
    list-style: none;
    padding: 0;
}

.business-sect {
    padding-top: 10%;
}

.product-detail li {
    display: grid;
    grid-template-columns: 25px auto;
    align-items: center;
    gap: 10px;
}

.product-detail ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap:0 10px;
    padding: 0 2%;
}

.product-detail {
    text-align: left;
    color: #000;
    padding: 0 0 3%;
}

.product-detail hr , .text-port hr{
    border-width: 4px;
    border-color: #f6ab2c;
    margin: 0 0 2%;
    width: 20%;
    transition: all 0.2s ease-out;
}

div#Component6642d935f6d4a40013c04669 .img {
    background: #eee;
    background-size: cover !important;
    background-repeat: no-repeat;
    border-radius: 10px;
    border: 1px solid #ddd;
    background-position: center 50% !important;
}

div#Component6642d935f6d4a40013c04669 .maxHeight-TP4 .img {
    height: 155px;
}

div#Component6642d935f6d4a40013c04669 p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.nav-template li:hover {
    background-color: #f2f9ff;
}

 .maxHeight-TP4 {
    min-height: 125px !important;
}

.blink_me1 {
  animation: blinker 1s linear infinite;
}

@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

div#searchPdfCollumn4 {
    display: none;
}

div#Component6642d3ede69cf90013742cc4 .col-md-4.col-sm-4.col-xs-4:hover hr, 
div#Component6642c9690d7ab600136c23dd .col-md-4.col-sm-4.col-xs-4:hover hr, 
div#Component6642cc1af6d4a40013c043d7 .col-md-4.col-sm-4.col-xs-4:hover hr, 
div#Component6642cd6cf6d4a40013c043f5 .col-md-4.col-sm-4.col-xs-4:hover hr, 
div#Component6642d0992f4dca0013cf58de .col-md-4.col-sm-4.col-xs-4:hover hr, 
div#Component6642d2050d7ab600136c2597 .col-md-4.col-sm-4.col-xs-4:hover hr,
div#Component662766c06e5a34001319ba3f .col-md-4.col-sm-4.col-xs-4:hover hr,
div#Component6643415fccaa130013b2e9f0  .col-md-4.col-sm-4.col-xs-4:hover hr,
div#Component662720a34db6e60013abc3b0  .col-md-4.col-sm-4.col-xs-4:hover hr{
    width: 50%;
}

.mt-5 {
    margin-top: 5%;
}

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


.business-specifically li {
    display: grid;
    grid-template-columns: 75px auto;
    gap: 15px;
    align-items: center;
    margin: 2% 0;
    list-style: none;
}

.business-specifically h4 {
    font-weight: 600;
    margin-bottom: 5%;
}

.business-specifically {
    padding-top: 20%;
}

.logo-fusion {
    display: grid;
    grid-template-columns: 70px auto;
    align-items: center;
    gap: 15px;
}

div#Component664eaeeae935c60013d71f01 .imgLightbox,
div#Component664eb217beba730013c0db44 .imgLightbox,
div#Component664eb6eab05b700013fc084e .imgLightbox,
div#Component664eb92cb05b700013fc0898 .imgLightbox,
div#Component6641e82e5e4e540013c9f6eb .imgLightbox{
    width: 50%;
    margin: auto;
}

div#Component664eaeeae935c60013d71f01 .imgLightbox img,
div#Component664eb217beba730013c0db44 .imgLightbox img,
div#Component664eb6eab05b700013fc084e .imgLightbox img,
div#Component664eb92cb05b700013fc0898 .imgLightbox img,
div#Component6641e82e5e4e540013c9f6eb .imgLightbox img{
    border-radius: 20px;
    border: 1px solid #ddd;
}

div#Component664ebaa1b05b700013fc08b5 {
    padding-left: 20%;
}

div#Component662720a34db6e60013abc3b0 .imgLightbox img,
div#Component662720a34db6e60013abc3b0 .imgLightbox,
div#Component6643415fccaa130013b2e9f0 .imgLightbox img,
div#Component6643415fccaa130013b2e9f0 .imgLightbox,
div#Component662766c06e5a34001319ba3f .imgLightbox img,
div#Component662766c06e5a34001319ba3f .imgLightbox,
div#Component6642c9690d7ab600136c23dd .imgLightbox img,
div#Component6642c9690d7ab600136c23dd .imgLightbox,
div#Component6642cc1af6d4a40013c043d7 .imgLightbox img,
div#Component6642cc1af6d4a40013c043d7 .imgLightbox,
div#Component6642cd6cf6d4a40013c043f5 .imgLightbox img,
div#Component6642cd6cf6d4a40013c043f5 .imgLightbox,
div#Component6642d0992f4dca0013cf58de .imgLightbox img,
div#Component6642d0992f4dca0013cf58de .imgLightbox,
div#Component6642d2050d7ab600136c2597 .imgLightbox img,
div#Component6642d2050d7ab600136c2597 .imgLightbox,
div#Component6642d3ede69cf90013742cc4 .imgLightbox img,
div#Component6642d3ede69cf90013742cc4 .imgLightbox{
    border-radius: 20px;
}

.product-detail h6 {
    font-size: 24px;
    margin: 4% 0 0;
    color: #04579d;
    font-weight: 700;
}

.article-detail.w-50 {
    width: 50%;
    float: right;
    padding-top: 3%;
}

.product-detail hr, .text-port hr {
    display: none;
}


.table-bordered {
    border: 1px solid #ddd;
    border-radius: 20px;
    border-collapse: separate;
    border-spacing: inherit;
}

.img-article {
    text-align: center;
}

.img-article img {
    width: 50% !important;
}

div#Component66276df999af2f001380bb6a .col-xs-12.col-md-3 {
    width: 33.33% !important;
}

.article-detail h6 {
    margin-top: 3%;
    margin-bottom: 1%;
}

.table-article {
    text-align: center;
      border: 1px solid #ddd;
}

.table-article thead {
    background: linear-gradient(0deg, #04579d, #1783df);
    color: #fff;
    font-size: 18px;
}

.table-article>thead>tr>th {
    text-align: center;
  border: 1px solid #ddd;
}

.table-article>tbody>tr>td {
    padding: 1%;
    vertical-align: middle !important;
}

div#Component66276df999af2f001380bb6a .thumbnail>img {
    border-radius: 20px;
  border: 1px solid #ddd;
}

div#Component6642d935f6d4a40013c04669 .maxHeight-main {
    max-height: 690px !important;
    height: 680px !important;
}

div#Component6642d935f6d4a40013c04669 .maxHeight-TP4 {
    min-height: 170px !important;
}

div#Component6642d935f6d4a40013c04669 .img-container {
    padding-bottom: 100%;
}

div#Component6642d935f6d4a40013c04669 .col-md-8.col-sm-8.col-xs-8 {
    padding-top: 2%;
}

div#Component6642d935f6d4a40013c04669 strong {
    font-size: 18px;
}

.text-table-mobile {
    display: none;
}

.text-table-mobile {
    padding: 3% 0;
}
/**********************responsive*****************************/

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

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

h1 {
    font-size: 5.425em;
}

h2 {
    font-size: 3.8em;
}

h3 {
    font-size: 3.4em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p , .dropdown-menu>li>a,
  .table-article>thead>tr>th{
    font-size: 20px;
}

.call-footer p, .text-port h6 {
    font-size: 22px;
}

.copy-right p, .btn-more, .btn-more2,
.btn-more3, div#Component662791ad99af2f001380c593 button,
  div#Component6628bcc1955fdd0013e22519 .register_menu,
  div#Component6628bcc1955fdd0013e22519 button,
  div#Component6642d935f6d4a40013c04669 p,
   .product-detail p{
    font-size: 18px;
}

.text-cate h4 {
    font-size: 46px;
}

.consult-items li::marker, .consult-items2 li::marker {
    font-size: 26px;
}
  
figure.effect-oscar figcaption::before, figure.effect-oscar p {
    font-size: 20px;
}
  
  .items-about li img {
    width: 80% !important;
}
  
  .items-about {
    width: 85%;
}
  
  .consult-items {
    height: 485px;
  }
  
  .cont-add li {
    gap: 10px;
    grid-template-columns: 30px auto;
}
  
  .sect-solar li {
    grid-template-columns: 35px auto;
    margin: 3% 0;
}
  
  .sect-solar p, .sect-consult p, .items-system p, .page-srv p, .pre-port h6,
  .article-detail p{
    line-height: 32px;
}
  
  .sect-solar h4 {
    margin-bottom: 2%;
}
  
  .sect-cont li {
    grid-template-columns: 70px auto;
}
  
  .img-phone {
    margin-top: -215px;
}
  
  .social-footer {
    gap: 15px;
    width: 55%;
}
  
  div#Component662791ad99af2f001380c593 input.form-control {
    height: 43px;
}
  
  div#Component662791ad99af2f001380c593 .form-control {
    font-size: 16px !important;
}
  
  .cont-page li {
    grid-template-columns: 50px auto;
}
  
  .items-system h6 {
    margin-bottom: 3rem;
}
  
  .items-system li {
    grid-template-columns: 58px auto;
}
  
  .call-footer {
    grid-template-columns: 30px auto;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 33px;
    font-size: 18px !important;
}
  
  .items-about ul {
  gap: 35px;
  }
  
  .box-track {
    height: 400px;
}
  
      .maxHeight-main {
        max-height: 595px !important;
  }
  
  .maxHeight-TP4 {
    min-height: 170px !important;
}
  
  .product-detail li {
    grid-template-columns: 30px auto;
}
  
  h3.managerHeader {
    top: -100px;
    font-size: 2.2em;
}
  
  .head-page2 {
    height: 115px;
}
  
  div#Component6642d935f6d4a40013c04669 .maxHeight-main {
    max-height: 880px !important;
    height: 880px !important;
}
  
  div#Component6642d935f6d4a40013c04669 strong {
    font-size: 22px;
}
  
  div#Component6642d935f6d4a40013c04669 .maxHeight-TP4 {
    min-height: 220px !important;
}
  
  div#Component6642d935f6d4a40013c04669 .maxHeight-TP4 .img {
    height: 215px;
    background-position: center 30% !important;
}
}

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

  .text-cate h4 {
    font-size: 36px;
}
}

@media screen and (max-width : 1200px) {
  
.navbar-default .navbar-nav>li>a {
    margin: 0 10px;
}
  
  .items-about ul {
    gap: 15px;
}
  
  .items-about li img {
    width: 80% !important;
}
  
  .partner-img {
    gap: 15px;
    width: 50%;
}
  
  .sect-solar {
    padding: 14% 0 0 8%;
}
  
  .sect-serv {
    margin: 10% 5% 0 10%;
  }
  
  .img-phone {
    margin-top: -110px;
}
  
  .social-footer {
    width: 70%;
}
  
  div#contentnewmode66286c204db6e60013abdd6c .pt-5 {
    padding-top: 10%;
}
  
  .items-system {
    padding: 0 3%;
}
  
  .step-install li::after, .step-install2 li::after {
        bottom: -33%;
  }
  
  .text-install br {
    display: none;
}
  
  h4, h3.managerHeader {
    font-size: 2.2em;
}
}

@media screen and (max-width : 900px) {
  
div#mainmenu66263487b6478200134a2923 .col-md-3.col-sm-6.col-xs-12,
div#mainmenu662637ce955fdd0013e1f428 .col-md-3.col-sm-6.col-xs-12,
div#mainmenu66276f14b6478200134a3efe .col-md-3.col-sm-6.col-xs-12{
    width: 100%;
    text-align: center;
}
  
  h1 {
    font-size: 4.225em;
}
  
  h3 {
    font-size: 2.2em;
}
  
  .sect-about br, .sect-solar br, .sect-serv br, .sect-system br {
    display: none;
}
  
      .items-about ul {
        gap: 10px;
    }
  
  h5 {
    font-size: 1.8em;
}
  
  .consult-items li::marker, .consult-items2 li::marker {
    font-size: 20px;
}
  
  .consult-items ul {
    padding-left: 8%;
}
  
.consult-items {
    height: 315px;
    padding: 0;
}
  
  .partner-img {
        gap: 10px;
        width: 55%;
    }
  
      .sect-solar {
        padding: 4% 0 0 2%;
    }
  
      h4, h3.managerHeader {
        font-size: 2em;
    }
  
  p, .dropdown-menu>li>a {
    font-size: 14px;
}
  
  h6 {
    font-size: 18px;
  }
  
      .sect-serv {
        margin: 6% 5% 0 5%;
    }
  
      .text-cate h4 {
        font-size: 32px;
    }
  
  .img-system {
    width: 80%;
    margin-bottom: 7%;
}
  
  .step-install li, .step-install2 li {
    grid-template-columns: 35% auto;
    gap: 12px;
}
  
      .img-phone {
        margin-top: -75px;
    }
  
  .step-install2::before {
    width: 70vw;
    left: -28px;
}
  
  .text-install {
    padding-right: 3%;
}
  
  .consult-items2 {
    margin-top: 10%;
  }
  
  .itopplus-bg2 {
    background-size: auto;
}
  
  .items-system ul {
    padding: 0;
}
  
  div#Component66276df999af2f001380bb6a .col-md-6.pull-left {
    width: 50%;
    padding: 0;
}
  
  div#Component66276df999af2f001380bb6a .col-md-12.text-justify {
    padding: 0 2%;
}
  
  .step-pass2 {
    grid-template-columns: 69% 31%;
}
  
  .step-pass {
    grid-template-columns: 31% 69%;
}
  
  .cont-page li {
    grid-template-columns: 35px auto;
}
  
  a#itplinemobile i {
    font-size: 20px;
}
  
  a#itpsearchmobile {
    display: none !important;
}
  
  .items-system li {
    align-items: start;
}
  
  h3.managerHeader{
    top: -115px;
}
  
  .promotion h1 {
    font-size: 4em;
}
  
  .promotion h5 {
    font-size: 20px;
}
  
  div#Component6628bcc1955fdd0013e22519 .col-md-4 {
    width: 35%;
}
div#Component6628bcc1955fdd0013e22519 div#searchPdfCollumn2 {
    width: 100%;
    display: flex;
  }
  
  .cont-add.cont-add ul {
    flex-wrap: wrap;
    gap: 5px;
}
  
  div#Component6641ea7ce69cf90013742802 .grid figure, 
  div#Component6641ecc1f6d4a40013c04133 .grid figure, 
  div#Component6641ed940d7ab600136c21f6 .grid figure {
    height: 250px !important;
}
  
      .product-detail ul {
        grid-template-columns: 100%;
        gap: 0;
    }
  
  .product-detail li {
    grid-template-columns: 25px auto;
}
  
  div#Component6642d935f6d4a40013c04669 .col-md-6.col-sm-8.col-xs-12, 
  div#Component6642d935f6d4a40013c04669 .col-md-6.col-sm-4.col-xs-12 {
    width: 100%;
}
  
  div#Component6642d935f6d4a40013c04669 .col-md-6.col-sm-8.col-xs-12 .col-md-12.padding-col:nth-child(2) {
    width: 100% !important;
}
  
  div#Component6642d935f6d4a40013c04669 .col-md-6.col-sm-8.col-xs-12 .col-md-12.padding-col:nth-child(1) {
    width: 33%;
    float: left;
}
  
  div#Component664eaeeae935c60013d71f01 .imgLightbox,
  div#Component664eb217beba730013c0db44 .imgLightbox, 
  div#Component664eb6eab05b700013fc084e .imgLightbox, 
  div#Component664eb92cb05b700013fc0898 .imgLightbox, 
  div#Component6641e82e5e4e540013c9f6eb .imgLightbox {
    width: 70%;
  }

    .business-specifically {
        padding-top: 0;
    }
  
  .business-specifically ul {
    padding-left: 5%;
}
  
  .business-specifically li {
    grid-template-columns: 55px auto;
   background: #ffffffe0;
     padding: 2%;
     border-radius: 20px;
}
  
  .text-table-mobile {
    display: block;
}

  div#Component6642d935f6d4a40013c04669 .maxHeight-main {
    max-height: 390px !important;
    height: auto !important;
}
  
  div#Component6642d935f6d4a40013c04669 .maxHeight-TP4 .img {
    height: auto;
}
  
  div#Component6642d935f6d4a40013c04669 .maxHeight-TP4 {
    min-height: 250px !important;
}
  
  div#Component6642d935f6d4a40013c04669 .col-md-8.col-sm-8.col-xs-8 {
    padding-top: 0;
}
}

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

div#imagesControl662634586e5a34001319a98e,
  div#contentnewmode6627165e4db6e60013abc2c4,
  div#contentnewmode66272e8db6478200134a33b3,
  div#contentnewmode66286642955fdd0013e2147c,
  div#imagesControl6628661599af2f001380c8e0,
  div#imagesControl66286c07be62050013169f9d,
  div#contentnewmode66278dfb4db6e60013abd856,
  div#contentnewmode6628a2ef6e5a34001319d6eb,
  .items-system{
    padding: 0 !important;
}
  
  .logo-about {
    margin-top: 0;
}
  
  .itopplus-bg {
    background-position: right;
}
  
  h1 {
        font-size: 3.8em;
    }
  
  .items-about ul {
    grid-template-columns: repeat(2, 1fr);
     gap: 15px;
}
  
      .items-about li img {
        width: 55% !important;
    }
  
      h5 {
         font-size: 22px;
    }
  
      h4 {
        font-size: 22px;
    }
  
   h3 {
        font-size: 24px;
    }
  
  h6 , h3.managerHeader{
         font-size: 18px;
    }
  
  .sect-solar p, .sect-consult p, .items-system p, .page-srv p, .pre-port h6 {
    line-height: inherit;
}
  
      .consult-items, .consult-items2, .pre-port,.box-track {
        height: auto;
  }
  
  .partner-img {
    margin-bottom: 8%;
    width: 50%;
}
  
  .cont-add ul {
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
}

  .cont-add h6, .items-about2 h4, .page-srv h5, .page-srv2, .sect-cont h4,
  .consult-items2{
    margin-bottom: 5%;
}
  
  .sect-solar, .items-about2, .page-srv, .cont-page {
   padding: 0;
   margin-top: 5%;
    }
  
  .text-cate {
    text-align: center;
}
  
  .text-cate h4 {
        font-size: 28px;
    }
  
  div#mainmenu66271be0b6478200134a2ee8 .none-middle-mid .none-middle-mid {
    display: block;
}
  
div#mainmenu66271be0b6478200134a2ee8 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
      .sect-serv {
        margin: 6% 5%;
    }
  
  .sect-system {
    padding-left: 0;
}
  
      .step-pass, .step-pass2, .sect-cont ul {
        grid-template-columns: 100%;
    }

  .step-install, .step-install2 {
    padding-bottom: 8%;
    margin-bottom: 12%;
}
  
  .step-install::before {
    width: 100vw;
    right: -55px;
}
  
      .step-install2::before {
        width: 76vw;
    }
  
      .img-phone {
        width: 50%;
        margin: auto;
        margin-bottom: -9px;
    }
  
  .sect-cont ul {
    gap: 10px;
}
  
  .sect-cont li {
    grid-template-columns: 42px auto;
}
  
  .items-about2 li {
    grid-template-columns: 19% auto;
}
  
      p, .dropdown-menu>li>a , .btn-more, .btn-more2, .btn-more3, 
  div#Component662791ad99af2f001380c593 button, div#Component6628bcc1955fdd0013e22519 .register_menu{
        font-size: 16px;
    }
  
  .text-install p {
    font-size: 14px;
}
  
  .head-page h4 {
    padding: 6% 0;
  }
  
  .border-right {
    border-right: none;
}
  
  br {
   display:none;
  }
  
  .page-srv2 p {
    text-align: left;
    text-indent: 40px;
}
  
  .img-factory {
    margin-bottom: 6%;
}
  
  div#Component66276df999af2f001380bb6a .col-md-6.pull-left,
  div#Component66276df999af2f001380bb6a .col-xs-6.col-md-3{
        width: 100%;
  }
  
  .pe-60 {
    padding-left: 0;
}
  
  .img-contact {
    width: 45% !important;
    margin-bottom: 7%;
    margin-top: 0;
}
  
    .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;
}

.head-page2 {
    height: 60px;
}
  
      h3.managerHeader {
        top: -80px;
    }

  .port-detail ul {
    padding-left: 5%;
}
  
  .promotion h6 {
    font-size: 16px;
    margin-bottom: 0;
}
  
  .promotion h5 {
        font-size: 18px;
    }
  
  .promotion {
    gap: 0;
}
  
  .ic-track {
    width: 23%;
  }
  
  div#Component6628bcc1955fdd0013e22519 .col-md-12 {
    padding: 0;
}
  
  div#Component6628bcc1955fdd0013e22519 #searchPdfTitle1::before {
   left: 0;
   width: 345px;
   font-size: 14px;
   line-height: 14px;
}
  
  span#searchPdfTitle1 {
    font-size: 10px;
}
  
  div#Component6628bcc1955fdd0013e22519 .col-md-4 {
    width: 100% !important;
  }
  
  div#Component6628bcc1955fdd0013e22519 span#searchPdfTitle2 {
   font-size: 14px;
  }
  
      div#Component6642d935f6d4a40013c04669 .col-md-6.col-sm-8.col-xs-12 .col-md-12.padding-col:nth-child(1),
  div#Component6642d935f6d4a40013c04669 .col-md-4.col-sm-4.col-xs-4,
  div#Component6642d935f6d4a40013c04669 .col-md-8.col-sm-8.col-xs-8{
        width: 100%;

    }
  
  div#Component6642d935f6d4a40013c04669 li,
  .article-detail p{
    margin-bottom: 5%;
}
  
    .business-sect {
        background: #ffffffd6;
        padding: 3%;
}
  
  .business-sect li {
    grid-template-columns: 15% auto;
    margin-bottom: 3%;
}
  
      .itopplus-bg2 {
        background-size: cover;
    }
  
  div#mainmenu664eb299e935c60013d71fd2 .none-middle-mid .none-middle-mid,
  div#mainmenu6641eba0f6d4a40013c040bb .none-middle-mid .none-middle-mid,
  div#mainmenu664eb5e2b05b700013fc07a3 .none-middle-mid .none-middle-mid,
  div#mainmenu6641ec8c5e4e540013c9f785 .none-middle-mid .none-middle-mid,
  div#mainmenu664eb9d7e935c60013d72230 .none-middle-mid .none-middle-mid,
  div#mainmenu6641ed5bf6d4a40013c0414e .none-middle-mid .none-middle-mid{
    display: block;
}
  
div#mainmenu664eb299e935c60013d71fd2 .none-middle-mid,
  div#mainmenu6641eba0f6d4a40013c040bb .none-middle-mid,
  div#mainmenu664eb5e2b05b700013fc07a3 .none-middle-mid,
  div#mainmenu6641ec8c5e4e540013c9f785 .none-middle-mid,
  div#mainmenu664eb9d7e935c60013d72230 .none-middle-mid,
  div#mainmenu6641ed5bf6d4a40013c0414e .none-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
}
  
      .business-specifically {
        padding-top: 0;
    }
  
      .business-specifically li {
        grid-template-columns: 40px auto;
        gap: 10px;
    }
  
      .business-specifically ul {
        padding-left: 0;
    }
  
  .product-detail h6 {
    font-size: 20px;
  }
  
      div#Component664eaeeae935c60013d71f01 .imgLightbox, 
  div#Component664eb217beba730013c0db44 .imgLightbox, 
  div#Component664eb6eab05b700013fc084e .imgLightbox, 
  div#Component664eb92cb05b700013fc0898 .imgLightbox, 
  div#Component6641e82e5e4e540013c9f6eb .imgLightbox {
        width: 100%;
    }
  
 div#Component66276df999af2f001380bb6a .col-md-8.col-md-offset-2 {
    padding: 0 !important;
}
  
  div#Component66276df999af2f001380bb6a .col-xs-12.col-md-3 {
    width: 100% !important;
    padding: 0 4%;
}
  
  .article-detail h6 {
    margin-top: 7%;
    margin-bottom: 4%;
}
  
  .img-article img {
    width: 85% !important;
    margin-bottom: 5%;
}
  
  div#Component6642d935f6d4a40013c04669 .img-container {
    margin-bottom: 4%;
}
}

#background6628bcc1955fdd0013e22519 > div > div.none-middle > div.none-middle-mid > div > div > div > table > thead > tr > th:nth-child(2),
#background6628bcc1955fdd0013e22519 > div > div.none-middle > div.none-middle-mid > div > div > div > table > tbody > tr > td:nth-child(2) {
    display:none!important;
}

.section-pagination {
    display: none!important;
}

#Component6628bcc1955fdd0013e22519 .col-md-2 {
    margin-top: 1%!important;
}