.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

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

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


.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0;
    padding: 8px;
}

.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: none;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

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

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

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

    #controlBanner img {
        position: fixed;
        top: 5px;
        left: 10px;
        width: 80px !important;
        z-index: 10000;
    }

    #nav-menu,
    #ItopplusMainSidebar>div {
        background: #fff !important;
    }

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

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


}

@media screen and (min-width: 1024px) {
    .no-js .itopplus-banner {
        position: sticky;
        top: 0;
        z-index: 110;
    }

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

    .itopplus-banner .container {
        display: grid;
        grid-template-columns: 15% auto;
        align-items: center;
    }
    
    #controlBanner {
        object-fit: contain;
        padding: 15px;
        width: 85%;
        min-width: 8vw;
        margin: 0 auto;
    }

    #nav-menu {
        display: grid;
        justify-content: end;
        background: transparent;
        min-height: auto;
    }



}



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

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.8em;
}

h3 {
    font-size: 2.8em;
}

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

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p , .text-about h6, .form-ads span,
div#background6735a294a5b64600137c97cb label,
.table-book>tbody>tr>td, .question p{
    font-size: 16px;
}

.text-service h5 {
    font-size: 28px;
}

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

.line-name h6, .footer h6, .btn-line,
.text-view h6, .number h6, .text-step h6,
.table-book>thead>tr>th, .nav-template7 li a strong,
.pre-article h6{
    font-size: 18px;
}

.cate-service h6, .noti-payment h5,
.panel-default>.panel-heading{
    font-size: 22px;
}

div#formdisplay673469ab2277250013b7983b button,
.btn-register,div#background6735a294a5b64600137c97cb .form-control,
div#background6735a294a5b64600137c97cb button,
.toRegisterModal button, .toLoginModal button,
div#formdisplay6735aeb51a701a0013213608 button,
div#formdisplay6735aeb51a701a0013213608 .form-control,
.btn-more , div#Component6736aff21c35e00013729d2b .form-control,
div#Component6736aff21c35e00013729d2b button,
div#ItpRegisterUpload .fileinput-button,
div#formdisplay6735aeb51a701a0013213608 .fileinput-button,
.toRegisterModal button, .toLoginModal button,
.modal-content .form-control, .pre-article p{
    font-size: 14px;
}

#uploadregister h3,
#uploadregister h1,
.memberLoginsuccess h3 {
    font-size: 1.4em !important;
}

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

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

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

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

.logo-footer {
    width: 50%;
}

.follow-footer h6, .footer h6, .sect-about h5,
.sect-service h3, .why-choose h3,.why-choose h4,
.text-why h6, .form-first h4, .sect-slogan h3,
.head-page h3, .about-page h5, .icon-service h6,
.service-why h4, .service-detail h6, .text-step h6,
.payment h6, .panel-default>.panel-heading, 
.page-download h5 , .printed-leather h6, 
.nav-template7 li a strong, .question h6,
.pre-article h6, h3.managerHeader{
    font-weight: 600;
}

.fw-bold, .head-page h3, .price-service h5,
.blog-service h5, .service-detail h5, .step-register h5,
.payment h5, .noti-payment h5, .form-ads h5, 
.service-why h5, .contact-page h5, .map-page h5{
    font-weight: 700;
}

.follow-footer {
    display: grid;
    grid-template-columns: auto 15% 15%;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.line-footer {
    background: #58bb47;
    padding: 4%;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 38% auto;
    align-items: center;
    gap: 10px;
}

.line-name {
    display: grid;
    grid-template-columns: 18% auto;
    align-items: center;
    gap: 7px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 6%;
    justify-content: center;
}

.line-nameid p, .line-name h6 {
    margin: 0;
}

.line-nameid {
    display: grid;
    grid-template-columns: auto 9%;
    background: #fff;
    padding: 2%;
    border-radius: 30px;
    justify-content: center;
    gap: 5px;
    align-items: center;
    color: #3b3b3b;
}

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

.footer p {
    margin: 2% 0;
}

.mb-3 {
    margin-bottom: 3% !important;
}

.mb-5 {
    margin-bottom: 5% !important;
}

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

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

.copy-right {
    padding: 2% 0 1%;
    text-align: right;
    margin-top: 3%;
    border-top: 1px solid #9c9c9c;
    font-family: "DM Sans", sans-serif;
}

.footer a , .map-page h5, .contact-page a{
    color: #3b3b3b;
}

.footer a:hover ,.contact-page a:hover{
    color: #026236;
}

.text-green, .service-why h4, .service-detail h6,
.step-register h5, .text-step h6, .form-ads h5,
h3.managerHeader, .article-detail h5 {
    color: #118e02;
}

.sect-service h5, .price-service h5, .blog-service h5,
.service-detail h5, .payment h5, .service-why h5,
.contact-page h5{
    color: #12a400;
}

.sect-about h5, .sect-service h3, .text-why h6,
.form-first, .about-page h5, .service-detail li h6,
.printed-leather h6{
    color: #000;
}

div#Component67345a3f29d11f0013fb1c91,
div#Component67347b9fc0dc190013e6dc31,
div#Component67347d1a2277250013b79af2{
    width: 85%;
}

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

figure.effect-jazz,
figure.effect-oscar,
figure.effect-selena,
.nav-template7 li:hover {
    background: transparent;
}

div#Component67345a3f29d11f0013fb1c91 figure, 
div#Component67345a3f29d11f0013fb1c91 img,
div#Component673460e02277250013b7975e figure, 
div#Component673460ff4dbedf00139dabad figure, 
div#Component673461272277250013b79767 figure, 
div#Component673460e02277250013b7975e img,
div#Component673460ff4dbedf00139dabad img,
div#Component673461272277250013b79767 img,
div#Component67347b9fc0dc190013e6dc31 figure,
div#Component67347b9fc0dc190013e6dc31 img,
div#Component67347d1a2277250013b79af2 figure,
div#Component67347d1a2277250013b79af2 img,
div#Component67355c99df62410013abff6f figure,
div#Component67355c99df62410013abff6f img,
div#Component67356ac90c81480013b8f365 figure,
div#Component67356a976ffa000013114982 img,
div#Component67356ac90c81480013b8f365 img,
div#Component67356a976ffa000013114982 figure,
div#Component673575f51a701a00132121f3 figure,
div#Component673575f51a701a00132121f3 img,
div#Component673578541a701a001321236b figure,
div#Component673578541a701a001321236b img,
div#Component67357a52df62410013ac05e0 figure,
div#Component67357a6bdf62410013ac05ed figure,
div#Component67357a52df62410013ac05e0 img,
div#Component67357a6bdf62410013ac05ed img,
div#Component67357cf86ffa000013115230 figure,
div#Component67357cf86ffa000013115230 img,
div#Component6735814c3579fd00130d297b figure,
div#Component6735814c3579fd00130d297b img,
div#Component6735b3c3df62410013ac1ee3 figure,
div#Component6735b3c3df62410013ac1ee3 img,
div#Component673c34d57138500013b57306 .img-container .img{
    border-radius: 25px;
}

div#Component67345a5529d11f0013fb1cd2 figure, 
div#Component67345a5529d11f0013fb1cd2 img{
    border-radius: 15px;
}

.sect-about h2, .about-page h2 {
    text-transform: uppercase;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    color: #303030;
    letter-spacing: 1px;
}

.sect-about h5, .about-page h5, .about-page p,
.page-about h3, .service-why, .blog-service h6,
.service-detail h6, .service-detail h5, 
.page-download h5{
    margin-bottom: 3%;
}

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

.sect-slogan h3 {
    margin-bottom: 5%;
}

.sect-about {
    padding-top: 12%;
}

div#Component67345a5529d11f0013fb1cd2 .thumbs, 
div#Component67345a5529d11f0013fb1cd2 .col-md-6.col-sm-6 {
    padding: 0 !important;
}

div#Component67345a5529d11f0013fb1cd2 .col-md-6.col-sm-6 {
    width: 48%;
}

#background67345a5529d11f0013fb1cd2 > div > div.none-middle > div.none-middle-mid > div > div.bootstrap-collum > div > div:nth-child(3) {
    gap: 20px;
}

div#Component67345a5529d11f0013fb1cd2 figcaption,
div#Component673460e02277250013b7975e figcaption,
div#Component673460ff4dbedf00139dabad figcaption,
div#Component673461272277250013b79767 figcaption{
    padding: 0;
    position: absolute;
    background: transparent;
    text-transform: none;
    width: 100%;
    height: 100%;
    top: 0;
}

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

.text-about {
    position: absolute;
    width: fit-content;
    height: 100%;
    text-align: left;
    margin: auto;
    right: 10px;
    top: 20px;
}

.text-about h6 {
    line-height: 22px;
}

.sect-service {
    border-left: 3px solid #118e02;
    padding-left: 3%;
    margin-bottom: 8%;
}

.service-01 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

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

.grid figure img {
    opacity: 1 !important;
}

.img-service {
    width: 85%;
    margin: auto;
    margin-top: -68px;
}

div#Component673460e02277250013b7975e figure,
div#Component67347f2dc0dc190013e6dcce figure{
    overflow: visible;
}

.text-service {
    text-align: left;
    padding-left: 16%;
}

.cate-service {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(0deg, black, transparent);
    text-align: left;
    padding: 3% 7%;
    padding-top: 10%;
    border-radius: 0 0 25px 25px;
}

.cate-service h6 {
    line-height: 26px;
}

.why-choose {
    text-align: center;
    padding: 7% 0;
}

.why-choose hr {
    width: 50px;
    border-width: 3px;
    margin-top: 3%;
    margin-bottom: 0;
}

.why-choose h4 {
    color: #36c404;
}

.icon-why {
    width: 14%;
    padding: 2%;
    border: 1px solid #12a400;
    border-radius: 15px;
    margin-bottom: 4%;
    transition: transform 0.2s ease-out;
}

.text-why p {
    color: #4a4a4a;
}

.form-first, .text-view h6, .service-why,
.step-register h5, .note, .form-ads h5,
h3.managerHeader{
    text-align: center;
}

div#formdisplay673469ab2277250013b7983b {
    padding: 5% 2%;
    border-radius: 25px;
    box-shadow: 0 4px 10px rgb(0, 0, 0, 0.2);
    margin-top: -50px;
}

.form-first span , .Content-Image-left-48,.Text_seller2,
div#formdisplay673469ab2277250013b7983b .glyphicon-ok-circle:before,
div#background6735a294a5b64600137c97cb .glyphicon-ok-circle,
div#Component6735aeb51a701a0013213608 .glyphicon-ok-circle{
    display: none;
}

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

div#formdisplay673469ab2277250013b7983b input.form-control {
    margin-bottom: 1rem;
}

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

div#formdisplay673469ab2277250013b7983b button,
div#background6735a294a5b64600137c97cb button,
div#formdisplay6735aeb51a701a0013213608 button,
div#Component6736aff21c35e00013729d2b button{
    background-image: none;
    border: none;
    box-shadow: none;
    background: #000;
    border-radius: 30px;
    text-shadow: none;
    color: #fff;
    transition: all 0.2s ease-out;
    padding: 0.75rem 2rem;
}

div#formdisplay673469ab2277250013b7983b button::after,
div#formdisplay6735aeb51a701a0013213608 button::after,
div#background6735a294a5b64600137c97cb button::after,
div#Component6736aff21c35e00013729d2b button::after {
    content: "➝";
}

.sect-slogan {
    padding-top: 30%;
}

.sect-slogan h1 {
    font-size: 166px;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 0;
}

.btn-line {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 10px;
    align-items: center;
    text-transform: uppercase;
    background: #fff;
    width: fit-content;
    color: #000;
    padding: 0.75rem 2rem;
    border-radius: 30px;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    transition: all 0.2s ease-out;
}

.head-page hr {
    width: 55px;
    margin-left: 0;
    border-width: 5px;
    margin-bottom: 0;
    margin-top: 1%;
}

.head-page {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_181120233wlf/1140/0/banner-pagez-z1137402854787.webp);
    padding: 3%;
    color: #fff;
    padding-left: 12%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.head-page h3 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.38);
}

.about-page p, .sect-about p, .page-download p {
    line-height: 24px;
}

.about-page {
    padding-top: 6%;
}

div#Component67347d1a2277250013b79af2 {
    margin: auto;
    margin-right: 0;
}

.sect-slogan.page-about {
    padding-bottom: 30%;
    padding-top: 40%;
}

div#Component67347f2dc0dc190013e6dcce {
    margin-top: 14%;
}

div#Component67347f2dc0dc190013e6dcce figcaption {
    padding: 0;
    position: relative;
    text-transform: none;
}

figure.effect-selena h2, figure.effect-selena:hover h2 {
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: inherit;
    transform: inherit;
}

.text-view h6 {
    color: #fff;
}

.icon-service h6 , .text-view h6, .service-detail,
.printed-leather h6 {
    font-family: "DM Sans","Noto Sans Thai", sans-serif;
}

#background67347f2dc0dc190013e6dcce > div > div.none-middle > div.none-middle-mid > div > div.bootstrap-collum > div > div:nth-child(3) {
    align-items: center;
}

div#Component67347f2dc0dc190013e6dcce img {
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
}

.page-about h6 {
    margin-bottom: 8%;
    margin-top: 0;
}

div#Component67355c99df62410013abff6f,
div#Component673575f51a701a00132121f3,
div#Component673578541a701a001321236b,
div#Component67357cf86ffa000013115230,
div#Component6735b3c3df62410013ac1ee3{
    width: 90%;
}

.icon-service li {
    width: 31.33%;
    align-items: flex-start;
    padding: 2%;
    background: #f5f5f7;
    text-align: center;
}

.icon-service ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.img-service02 {
    width: 27%;
    padding: 4%;
    border: 1px solid #118e02;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 6%;
    transition: all 0.2s ease-out;
}

.price-service {
    padding: 4% 2%;
    text-align: center;
    margin-bottom: 6%;
    margin-top: 3%;
    box-shadow: 0 4px 8px rgb(0, 0, 0, 0.1);
    border-radius: 20px;
    background: #fff;
}

.text-big {
    font-size: 26px;
    font-weight: 700;
    color: #eb0909;
}

.check-cheap li::before {
    content: " ";
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_181120233wlf/512/0/checkedz-z274169654097.webp);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 1px;
}

.check-cross li::before {
    content: " ";
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_181120233wlf/512/0/delete-buttonz-z1692464565786.webp);
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 1px;
}

.service-detail ul, .blog-service ul {
    margin-bottom: 3rem;
    list-style: none;
    padding: 0;
    margin-left: 4%;
}

.service-detail li, .blog-service li{
    margin-bottom: 1rem;
    padding-left: 25px;
    position: relative;
}

.service-detail li h6 {
    margin-bottom: 0.8rem;
}

.blog-service {
    padding-top: 10%;
    padding-left: 8%;
}

.price-service h6 {
    color: #000;
}

.price-service .btn-line, .noti-payment .btn-line {
    margin: auto;
    background: #f2f2f2;
}

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

.step-register , .question p{
    margin-bottom: 2%;
}

.icon-step {
    width: 35%;
    padding: 5%;
    border: 1px solid #118e02;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 10%;
    position: relative;
    transition: transform 0.2s ease-out;
}

.number {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #12a400;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    font-family: "DM Sans", sans-serif;
}

.step-detail {
    background: #f5f5f7;
    padding: 15% 5% 5%;
    text-align: center;
    height: 320px;
}

.text-step .btn-line, div#background6735a294a5b64600137c97cb .pull-right button {
    margin: auto;
}

.btn-register {
    width: fit-content;
    padding: 0.75rem 2rem;
    background: #12a400;
    border-radius: 30px;
    margin: auto;
    color: #fff;
    transition: all 0.2s ease-out;
}

.text-step p {
    margin-bottom: 7%;
}

.note h6 {
    color: #eb0909;
    font-style: italic;
    font-weight: 700;
    margin-top: 2%;
}

.payment img {
    width: 15% !important;
    margin-bottom: 2%;
}

.payment {
    background: #fff;
    padding: 5%;
    border-radius: 30px;
    text-align: center;
    color: #000;
    font-family: "DM Sans", "Noto Sans Thai", sans-serif;
    width: 95%;
    margin: auto;
    height: 335px;
}

.noti-payment {
    background: #fff;
    padding: 5%;
    border-radius: 30px;
    color: #000;
    width: 95%;
    margin: auto;
    font-family: "DM Sans", "Noto Sans Thai", sans-serif;
    height: 335px;
}

.noti-payment {
    background: #fff;
    padding: 5%;
    border-radius: 30px;
    color: #000;
    text-align: center;
}

.qr-noti img {
    border-radius: 20px;
    padding: 1%;
}

.qr-noti {
    width: 30%;
    margin: auto;
    border: 1px solid #12a400;
    border-radius: 20px;
    margin-bottom: 5%;
}

.noti-payment h5 {
    line-height: 28px;
}

.payment h5 {
    margin: 3% 0;
}

div#background6735a294a5b64600137c97cb .form-control,
div#formdisplay6735aeb51a701a0013213608 .form-control,
.modal-content .form-control{
    box-shadow: none;
    height: 40px;
    border-radius: 30px;
    background: #f5f5f7;
    border: none;
}

div#background6735a294a5b64600137c97cb .input-group .form-control {
    border-radius: 30px 0 0 30px !important;
    border-right: none;
    background: #f5f5f7 !important;
}

div#background6735a294a5b64600137c97cb .input-group-addon {
    border-radius: 0 30px 30px 0 !important;
    background: transparent;
      background: #f5f5f7 !important;
    border: none;
}

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

div#background6735a294a5b64600137c97cb .col-xs-12.col-sm-12.col-md-6:nth-child(even) {
    padding-left: 20px !important;
}

div#background6735a294a5b64600137c97cb .col-xs-12.col-sm-12.col-md-6:nth-child(odd) {
    padding-right: 23px !important;
}

div#background6735a294a5b64600137c97cb .progress {
    height: 8px;
    margin-top: 13px !important;
}

div#ItpRegisterUpload .fileinput-button,
div#formdisplay6735aeb51a701a0013213608 .fileinput-button{
    width: 100%;
    background: #12a400;
    padding: 0.7rem;
    border: none;
    border-radius: 30px;
}

.modal-content .panel,
div#background6735a294a5b64600137c97cb .panel{
    border: none;
    box-shadow: none;
}

.panel-default>.panel-heading {
    background: transparent;
    border: none;
    text-align: center;
}

.modal-content .input-group .form-control {
    box-shadow: none;
    height: 40px;
    border-radius: 0 30px 30px 0;
    background: #f5f5f7 !important;
    border: none;
}

.modal-content .col-md-11 .input-group .form-control {
    border-radius: 30px 0 0 30px !important;
}

.modal-content .col-md-11 .input-group-addon {
    border-radius: 0 30px 30px 0!important;
}

.modal-content .input-group-addon {
    border-radius: 30px 0 0 30px !important;
    background: transparent;
    background: #f5f5f7 !important;
      border: none;
}

#spinner > div.modal.top.am-fade div.panel-body > form > div:nth-child(1) > div.checkbox > span > a {
    color: #444 !important;
}

.modal-content .panel-footer {
    border: none !important;
    background: transparent;
    text-align: center;
}

.toRegisterModal button, .toLoginModal button {
    width: 100%;
    background: #12a400;
    padding: 0.7rem;
    border: none;
    border-radius: 30px;
    text-shadow: none;
    color: #fff;
    padding: 0.75rem 2rem;
}

div#background6735a294a5b64600137c97cb .pull-right {
    float: none !important;
}

.form-ads span {
    display: inline-block;
    margin-bottom: 8px;
}

div#formdisplay6735aeb51a701a0013213608 .form-control {
    margin-bottom: 2rem;
    width: 100% !important;
}

div#background6735a294a5b64600137c97cb label {
    margin-bottom: 5px !important;
    display: inline-block !important;
    font-weight: 400;
}

.form-control-feedback {
    top: 35px;
}

.page-download {
    padding-top: 8%;
}

.page-download h5 {
    line-height: 36px;
}

.Content-Text-center-48 {
    width: 70%;
}

.Content-Brif-right-48 {
    width: 30%;
}

.btn-more {
    width: fit-content;
    margin: auto;
    background: transparent;
    border: 1px solid #118e02;
    padding: 0.75rem 2rem;
    border-radius: 30px;
    color: #000;
  transition: all 0.2s ease-out;
}

.Inside-Content-card-48 {
    background: #fff;
    border-radius: 10px;
}

.Contentmanager .site .col-section .item.-micro {
    padding: 5px 0;
}

.table-book>thead>tr>th, .table-book>tbody>tr>td {
    border: none;
    padding: 1%;
    vertical-align: middle !important;
}

.table-book>thead>tr>th {
    background: #118e02;
    color: #fff;
}

.table-book>tbody>tr:nth-child(even) {
    background: #f5f5f79c;
}

.table-book {
    background: #ffffffa8;
}

.table-book>tbody>tr:hover, .nav-template7 li:hover a {
    background: #95df8c57 !important;
}

.contact-page {
    margin-right: 7%;
    padding-right: 7%;
    border-right: 1px solid #ddd;
}

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

.contact-page ul {
    list-style: none;
    padding: 0;
}

.map-page iframe {
    border-radius: 20px;
    margin-bottom: 2%;
}

.map-page .col-md-6 {
    padding: 0 2% !important;
}

.nav-template7 li {
    border: none;
}

.nav-template7 li a {
    width: 100%;
    padding: 1%;
    background: #f5f5f7;
    position: relative;
    text-align: left;
}

.nav-template7 li a span {
    position: absolute;
    right: 15px;
    top: 17px;
}

.nav-template7 li a .fa-plus:before {
    content: "︾";
    font-size: 20px;
}

.question {
    padding: 2% 2% 0;
    text-align: left;
}

.follow-footer img:hover, .line-footer:hover,
div#Component67345a5529d11f0013fb1cd2 figure:hover img,
div#Component673460e02277250013b7975e figure:hover .imgLightbox img,
div#Component673460ff4dbedf00139dabad figure:hover img,
div#Component673461272277250013b79767 figure:hover img,
.blog-why:hover .icon-why, .icon-service li:hover .img-service02,
.step-detail:hover .icon-step, .contact-page li:hover img,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img{
    transform: scale(1.05);
}

.follow-footer img, .line-footer,
div#Component67345a5529d11f0013fb1cd2 img,
div#Component673460e02277250013b7975e img,
div#Component673460ff4dbedf00139dabad img,
div#Component673461272277250013b79767 img,
.contact-page li img, div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img{
    transition: transform 0.2s ease-out;
}

div#Component673460e02277250013b7975e .imgLightbox,
div#Contentmanager .img-container{
    overflow: hidden;
}

div#Component673460e02277250013b7975e .imgLightbox {
    overflow: hidden;
    border-radius: 25px;
}

.btn-line:hover, .btn-more:hover,
div#formdisplay673469ab2277250013b7983b button:hover, 
div#background6735a294a5b64600137c97cb button:hover, 
div#formdisplay6735aeb51a701a0013213608 button:hover,
div#Component6736aff21c35e00013729d2b button:hover,
div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-more{
    background: #12a400;
    color: #fff;
}

.btn-line:hover img {
    filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(6%) hue-rotate(97deg) brightness(101%) contrast(101%);
}

.btn-register:hover {
    background: #000;
}

div#Component6736aff21c35e00013729d2b {
    background: #fff;
    color: #000;
    padding: 5%;
    border-radius: 30px;
    box-shadow: 0 4px 13px rgb(0, 0, 0, 0.2);
    margin-top: -50px;
}

div#Component6736aff21c35e00013729d2b .col-md-3 {
    display: none !important;
}

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

li.signInbar a {
    display: flex;
    gap: 10px;
    color: #000;
    background: #f7f7f7;
    padding: 5px !important;
}

#uploadregister .col-md-4 {
    margin-top: 9px;
}

#uploadregister .col-md-4 p {
    font-size: 14px !important;
}

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

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

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

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

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

div#cookie673469ab2277250013b7983b {
    color: #000;
    padding: 0 2%;
}

.pre-article .btn-more {
    margin-left: 0;
}

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

.social-icon {
    border-radius: 5px;
}

.pre-article h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pre-article p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5%;
}

div#Contentmanager .col-md-4.col-sm-4.col-xs-12 {
    padding: 0 1% !important;
    margin-bottom: 3%;
}

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

div#Contentmanager .thumbnail>img,
div#Contentmanager .img-container{
    border-radius: 25px;
}

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

.Textmanager {
    text-align: left;
}

.article-detail p {
    margin-bottom: 2%;
    line-height: 26px;
}

.article-detail h6 {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.article-detail li p {
    margin-bottom: 1rem;
}

.article-detail h6 , .article-detail h5{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
}

.article-detail ol, .article-detail ul {
    margin-bottom: 4%;
}
/********************responsive***********************/

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


.navbar-default .navbar-nav>li>a,
  .dropdown-menu>li>a{
    font-size: 18px;
    margin: 0 5px;
}

h1 {
    font-size: 5em;
}

h2 {
    font-size: 4.8em;
}

h3 {
    font-size: 3.4em;
}

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

h5 {
    font-size: 2.6em;
}

h6 {
    font-size: 2em;
}

p , .text-about h6, .form-ads span,
div#background6735a294a5b64600137c97cb label,
.table-book>tbody>tr>td, .question p{
    font-size: 20px;
}

.text-service h5 {
    font-size: 34px;
}

.text-service h4 {
    font-size: 44px;
}

.line-name h6, .footer h6, .btn-line,
.text-view h6, .number h6, .text-step h6,
.table-book>thead>tr>th, .nav-template7 li a strong,
  .pre-article h6 {
    font-size: 22px;
}

.cate-service h6, .noti-payment h5,
.panel-default>.panel-heading{
    font-size: 26px;
}
      #uploadregister h3 {
        font-size: 1em !important;
    }
  
    #uploadregister h1,
    .memberLoginsuccess h3 {
        font-size: 1.6em !important;
    }


div#formdisplay673469ab2277250013b7983b button,
.btn-register,div#background6735a294a5b64600137c97cb .form-control,
div#background6735a294a5b64600137c97cb button,
.toRegisterModal button, .toLoginModal button,
div#formdisplay6735aeb51a701a0013213608 button,
div#formdisplay6735aeb51a701a0013213608 .form-control,
.btn-more , div#Component6736aff21c35e00013729d2b .form-control,
div#Component6736aff21c35e00013729d2b button,
div#ItpRegisterUpload .fileinput-button,
div#formdisplay6735aeb51a701a0013213608 .fileinput-button,
.toRegisterModal button, .toLoginModal button,
  .pre-article p, .article-detail li::marker {
    font-size: 18px;
}

.sect-slogan h1 {
    font-size: 172px;
}

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

.nav-template7 li a .fa-plus:before ,
  .printed-leather h6{
    font-size: 24px;
}
  
  .article-detail p {
    line-height: 32px;
}
  
  .about-page p, .sect-about p, .page-download p,
  .cate-service h6{
    line-height: 32px;
}
  
  .sect-about {
    padding-top: 15%;
}
  
  .text-about h6 {
    line-height: 26px;
}
  
  .text-about {
    top: 36px;
    right: 26px;
}
  
  .img-service {
    width: 82%;
  }
  
  div#Component67345a3f29d11f0013fb1c91, 
  div#Component67347b9fc0dc190013e6dc31, 
  div#Component67347d1a2277250013b79af2,
  .line-footer{
    width: 90%;
}
  
  .why-choose h3 {
    margin-bottom: 1.5%;
}
  
  .why-choose hr {
    margin-top: 2.5%;
}
  
  .icon-why {
    width: 12%;
  }
  
  div#formdisplay673469ab2277250013b7983b .form-control, 
  div#Component6736aff21c35e00013729d2b .form-control {
    font-size: 16px !important;
}
  
  div#formdisplay673469ab2277250013b7983b input.form-control {
    margin-bottom: 2rem;
}
  
  .sect-slogan {
    padding-top: 27%;
}
  
  .follow-footer {
    grid-template-columns: auto 13% 13%;
    gap: 15px;
}
  
  .line-footer {
    grid-template-columns: 35% auto;
}
  
  .line-name {
    grid-template-columns: 15% auto;
    margin-bottom: 7%;
}
  
  .footer li {
    grid-template-columns: 7% auto;
}
  
  .contact-page li {
    grid-template-columns: 6% auto;
}
  
  .about-page {
    padding-top: 12%;
}
  
  .check-cheap li::before, .check-cross li::before {
    top: 5px;
}
  
  .icon-step {
    width: 30%;
  }
  
  .number {
    width: 40px;
    height: 40px;
}
  
  .step-detail {
    height: 375px;
}
  
  .noti-payment, .payment {
    height: 440px;
}
  
  .noti-payment h5 {
    line-height: 34px;
}
  
  div#background6735a294a5b64600137c97cb .form-control, 
  div#formdisplay6735aeb51a701a0013213608 .form-control,
  div#Component6736aff21c35e00013729d2b input.form-control{
    height: 45px;
}
  
  .page-download h5 {
    line-height: 46px;
}
  
  .map-page iframe {
    height: 360px;
}
  
  .footer h6 {
    margin-bottom: 1.5rem;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 26px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
}

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

.price-service {
    margin-top: 0;
}
  
  .navbar-default .navbar-nav>li>a {
    font-size: 14px;
    padding: 5px;
    margin: 0 5px;
}

}

@media screen and (max-width : 1200px) {
  
  
  .itopplus-banner .container {
    width: 100%;
}

 .sect-about br, .footer br {
    display: none;
}

  div#Component67345a5529d11f0013fb1cd2 .col-md-6.col-sm-6 {
    width: 47%;
}
  
  h5 {
    font-size: 1.8em;
}
  
  h2 {
    font-size: 3.4em;
}
  
  h3 {
    font-size: 2.6em;
}
  
  div#Component67345a3f29d11f0013fb1c91, 
  div#Component67347b9fc0dc190013e6dc31, 
  div#Component67347d1a2277250013b79af2 {
    width: 90%;
}
  
  .text-about {
    top: 10px;
}
  
  .img-service {
    margin-top: -55px;
}
  
  
    #uploadregister h3,
    #uploadregister h1,
    .memberLoginsuccess h3 {
        font-size: 1.4em !important;
    }
  
  .text-service h4 {
    font-size: 36px;
}
  
  .text-service h5 {
    font-size: 26px;
}
  
.text-service h4 , .text-service h5 {
    margin: 0;
}
  
  .about-page {
    padding-top: 2%;
}
  
  .service-detail.pt-5, .page-download {
    padding-top: 0;
}
  
  .page-download h5 {
    line-height: 32px;
}
  
  .line-footer {
    grid-template-columns: 33% auto;
}
  
  .line-name h6 {
    font-size: 15px;
}
  
  .line-nameid p {
    font-size: 12px;
}
  
  .icon-why {
    width: 17%;
  }
  
  div#Contentmanager .col-md-12 {
    padding: 0;
}
}

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

.copy-right {
    margin-top: 0;
    text-align: center;
    border: none;
}
  
    h2 {
        font-size: 40px;
    }
  
    h3 {
        font-size: 32px;
    }
    
  h4 {
        font-size: 28px;
    }
  
  h5 {
        font-size: 24px;
    }
  
  h6 {
        font-size: 18px;
    }
  
      .text-about {
        top: 5px;
    }
  
  .sect-about {
    padding-top: 10%;
}
  
  .text-about h6 {
    font-size: 14px;
    line-height: 20px;
}
  
      .img-service {
        margin-top: -45px;
    }
  
      .text-service h4 {
        font-size: 30px;
    }
  
      .text-service h5 {
        font-size: 24px;
    }
  
  .cate-service h6 {
    line-height: 22px;
}
  
  .cate-service h6, .noti-payment h5, .panel-default>.panel-heading {
    font-size: 18px;
}
  
  br {
    display: none;
}

  .sect-slogan h1 {
    font-size: 120px;
  }
  
  .sect-slogan h3 {
    margin-bottom: 6%;
}
  
  div#formdisplay673469ab2277250013b7983b .col-md-6.col-sm-12,
  div#formdisplay6735aeb51a701a0013213608 .col-md-6.col-sm-12{
    padding-right: 0;
}
  
      .sect-about {
        padding-top: 0;
    }
  
  div#Component67347f2dc0dc190013e6dcce .col-md-3.col-sm-4 {
    width: 25%;
}
  
  .line-name h6 {
    font-size: 14px;
}
  
  .text-big {
    font-size: 22px;
  }
  
  .icon-step {
    margin: 0;
    width: 100%;
}
  
  
    #uploadregister h3,
    #uploadregister h1,
    .memberLoginsuccess h3 {
        font-size: 18px !important;
    }
  
  .step-detail {
    padding: 5%;
    display: grid;
    grid-template-columns: 20% auto;
    align-items: flex-start;
    height: 205px;
    text-align: left;
    gap: 35px;
}
  
  .btn-register, .text-step .btn-line {
    margin-left: 0;
}
  
  .payment, .noti-payment {
    height: 265px;
}
  
  .head-page {
    padding-left: 3%;
}
  
  div#background6735a294a5b64600137c97cb .col-xs-12.col-sm-12.col-md-6:nth-child(odd) {
    padding-right: 0 !important;
}
  
  div#background6735a294a5b64600137c97cb .col-xs-12.col-sm-12.col-md-6:nth-child(even) {
    padding-left: 0 !important;
}
  
  .Inside-Content-card-48 {
    margin-bottom: 2%;
}
  
  .Contentmanager-template-48 {
    padding: 0 10px;
}
  
  .contact-page ul {
    margin-top: 7%;
}
  
      div#Contentmanager .col-md-12 {
        padding: 0 2%;
    }
  
  .modal-content .col-sm-11 {
    width: 100%;
}
  
  .modal-content .panel {
    padding: 2% 0;
}
}

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

div#imagesControl673444104dbedf00139da32d,
div#imagesControl67345a3f29d11f0013fb1c91,
  div#imagesControl67345a5529d11f0013fb1cd2,
  div#imagesControl673460e02277250013b7975e,
div#imagesControl673460ff4dbedf00139dabad,
div#imagesControl673461272277250013b79767,
  div#Component673460e02277250013b7975e .thumbs,
  div#Component673460e02277250013b7975e .col-md-12.col-sm-12.col-xs-12,
  div#Component673460ff4dbedf00139dabad .thumbs,
  div#Component673460ff4dbedf00139dabad .col-md-12.col-sm-12.col-xs-12,
  div#Component673461272277250013b79767 .thumbs,
  div#Component673461272277250013b79767 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu673460cbc0dc190013e6d6d5>div,
  div#mainmenu6734667bc0dc190013e6d7f6>div,
  div#mainmenu673466826f3b9700134f921b>div,
  div#mainmenu673469ab2277250013b7983b>div,
  div#imagesControl67347f2dc0dc190013e6dcce,
  div#imagesControl67347b9fc0dc190013e6dc31,
  div#imagesControl67347d1a2277250013b79af2,
  div#imagesControl67355c99df62410013abff6f,
  div#imagesControl67356a976ffa000013114982,
  div#imagesControl673575f51a701a00132121f3,
  div#imagesControl673578541a701a001321236b,
  div#imagesControl67357a52df62410013ac05e0,
  div#imagesControl67357a6bdf62410013ac05ed,
  div#imagesControl67357cf86ffa000013115230,
  div#imagesControl6735814c3579fd00130d297b,
  div#mainmenu6735aeb51a701a0013213608>div,
  div#contentnewmode6735b3946ffa000013115fcd,
  div#imagesControl6735b3c3df62410013ac1ee3,
  .map-page .col-md-6{
    padding: 0 !important;
}
  
  div#Component67345a3f29d11f0013fb1c91, 
  div#Component67347b9fc0dc190013e6dc31, 
  div#Component67347d1a2277250013b79af2,
  div#Component67345a5529d11f0013fb1cd2 .col-md-6.col-sm-6,
  div#Component67355c99df62410013abff6f, 
  div#Component673575f51a701a00132121f3, 
  div#Component673578541a701a001321236b, 
  div#Component67357cf86ffa000013115230, 
  div#Component6735b3c3df62410013ac1ee3,
  .img-service02, .Content-Text-center-48,
  .Content-Brif-right-48{
        width: 100%;
    }
  
      h2 {
        font-size: 34px;
    }
  
      h3 {
        font-size: 28px;
    }
  
  .text-about br {
    display: block;
}
  
.text-about h6 {
    font-size: 16px;
}
  
.text-about {
    color: #fff;
    top: 26px;
    right: 10px;
}
  
      h4, .head-page h3 {
        font-size: 24px;
    }
  
  div#Component67345a5529d11f0013fb1cd2 figure, 
  div#Component67345a5529d11f0013fb1cd2 img,
  div#Component673460e02277250013b7975e figure, 
  div#Component67347f2dc0dc190013e6dcce figure,
  div#Component673460ff4dbedf00139dabad figure,
  div#Component673461272277250013b79767 figure{
    overflow: hidden;
}
  
  #background67345a5529d11f0013fb1cd2 > div > div.none-middle > div.none-middle-mid > div > div.bootstrap-collum > div > div:nth-child(3) {
    gap: 0;
}
  
      h5, .text-service h4, .text-step h6  {
        font-size: 20px;
    }
  
      .text-service h5 {
        font-size: 16px;
    }
  
  .text-service {
    padding-left: 6%;
    color: #fff;
}
  
      .img-service {
        margin-top: -28px;
    }
  
  .cate-service {
    color: #fff;
}
  
  div#Component673460ff4dbedf00139dabad .thumbs, 
  div#Component673461272277250013b79767 .thumbs,
  .price-service h6, .img-service02{
    margin: 0;
}
 
  div#Component673460ff4dbedf00139dabad .imgLightbox img,
  div#Component673461272277250013b79767 .imgLightbox img{
    height: 190px;
    object-fit: cover;
}
  
  div#Component673461272277250013b79767 .col-md-4.col-sm-4.col-xs-12, 
  div#Component673460ff4dbedf00139dabad .col-md-12.col-sm-12.col-xs-12 {
    margin-bottom: 7%;
}
  
  .why-choose {
    padding: 15% 0;
}
  
      .icon-why {
        width: 25%;
        margin-bottom: 7%;
    }
  
  div#contentnewmode6734686d667f790013016e84 {
    display: none;
}
  
  .blog-why ,  .service-why, .about-page p, 
  .payment, .noti-payment, .service-detail h6,
  .question p{
    margin-bottom: 5%;
}
  
  div#formdisplay673469ab2277250013b7983b,
  .text-step h6, div#Component6736aff21c35e00013729d2b {
    margin-top: 0;
}
  
  .sect-slogan {
    padding-bottom: 10%;
}
  
  div#form673469ab2277250013b7983b {
    padding: 10px !important;
}
  
  div#mainmenu67347cc44dbedf00139daf93 .none-middle-mid .none-middle-mid,
  div#mainmenu6735689c1a701a0013211be3 .none-middle-mid .none-middle-mid,
  div#mainmenu67357a09df62410013ac05da .none-middle-mid .none-middle-mid,
  div#mainmenu673580abdf62410013ac085a .none-middle-mid .none-middle-mid{
    display: block;
}
  
div#mainmenu67347cc44dbedf00139daf93 .none-middle-mid,
  div#mainmenu6735689c1a701a0013211be3 .none-middle-mid,
  div#mainmenu67357a09df62410013ac05da .none-middle-mid,
  div#mainmenu673580abdf62410013ac085a .none-middle-mid{
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  .sect-slogan.page-about {
    padding-bottom: 5%;
    padding-top: 25%;
}
  
  .sect-slogan h1 {
        font-size: 96px;
    }
  
      div#Component67347f2dc0dc190013e6dcce .col-md-3.col-sm-4 {
        width: 50%;
        padding: 0 !important;
    }
  
  .head-page {
    padding: 8% 3%;
}
  
  .price-service {
    padding: 8% 3%;
    margin-bottom: 10%;
}
  
  .service-detail h6, .note h6, .page-download h5 {
    line-height: inherit;
}
  
  .check-cross li::before, .check-cheap li::before {
    top: 3px;
}
  
  .blog-service, .pe-5, div#Component6736aff21c35e00013729d2b {
    padding: 0;
}
  
  .icon-service li {
    width: 100%;
    display: grid;
    grid-template-columns: 20% auto;
    gap: 15px;
    align-items: center;
    padding: 5%;
    text-align: left;
}
  
  .step-detail {
    height: auto;
    padding: 10% 5%;
    gap: 30px;
}
  
  .number h6, .nav-template7 li a strong {
    font-size: 16px;
}
  
      .payment, .noti-payment {
        height: auto;
    }
  
  .qr-noti {
    width: 50%;
  }
  
  .printed-leather {
    text-align: center;
}
  
  .Inside-Content-card-48 {
    padding: 3%;
    margin-bottom: 5%;
}
  
  .table-book>thead>tr>th, .table-book>tbody>tr>td {
    padding: 2%;
}
  
  .head-page hr {
    width: 40px;
    border-width: 3px;
}
  
  .contact-page {
    padding: 0;
    margin: 0;
    border: none;
}
  
  .contact-page li {
    grid-template-columns: 11% auto;
    margin-bottom: 3%;
}
  
  .contact-page ul {
    margin-bottom: 10%;
}
  
  .map-page {
    margin-top: 5%;
}
  
  .nav-template7 li a {
    padding: 4%;
    border-radius: 15px;
}
  
  .nav-template7 li a {
    padding-right: 10%;
}
  
      form#uploadregister .col-md-12 {
        padding: 0 1%;
    }

    #uploadregister .col-md-4 p {
        font-size: 16px !important;
    }

    form#uploadregister .col-md-3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    div#heightFixedM {
        display: none;
    }

    form#uploadregister .thumbnail.sample-show-hide {
        border: none;
        box-shadow: none;
    }

    address-ui .col-xs-12.col-sm-12.col-md-6 {
        padding: 0 2% !important;
    }
  
  .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;
}
  
  .article-detail p {
    line-height: inherit;
}
  
  .article-detail li p {
    margin-bottom: 2%;
}
}