.itopplus-background{}body{overflow-x: hidden}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_31002024d18j/0/0/1z-z1104009244092.webp');background-size: cover}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_31002024d18j/0/0/2z-z1415654726554.webp');background-size: cover}.navbar-default .navbar-nav>li>a{color: #282828;margin: 0 5px;padding: 7px 15px}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:active,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #282828 !important;box-shadow: none;border-radius: 30px;background: transparent;background-color: #ffee00}.dropdown-menu>li>a{color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #000;background: #ffee00}@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}.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: 45px !important;top: 5px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlBanner{object-fit: contain;padding: 0;width: 50%;margin: 0 auto}#controlPosition{margin-top: 1%;text-align: right}.itopplus-menu{margin-top: 1%;text-align: right}.no-js .itopplus-banner{position: sticky;top: 0;width: 100%;background: #fff;z-index: 110}.active-sticky{background: #fff !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){}.navbar-default .navbar-nav>li>a{font-size: 16px}h1{font-size: 4.125em}h2{font-size: 3.2em}h3{font-size: 2.8em}h4,h3.managerHeader{font-size: 2.4em}h5{font-size: 2em}h6{font-size: 1.4em}p,.text-why h6,div#Component65c9ecb876419f0013ad378d .caption,.pre-art p{font-size: 16px}p,.text-why h6,div#Component65ee78127f5a20001aaa5dcf .caption,.pre-art p{font-size: 16px}.copy-right p,.pre-art button,.about-page button,div#Component65cacf750b357200132f5c77 button{font-size: 14px}.text-higflight{font-size: 18px}.text-product h6{font-size: 22px}.fs-50{font-size: 50px}.fs-30,.text-higflight2{font-size: 30px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.social-footer ul,.cont-page ul{padding: 0;list-style: none}.social-footer li{display: grid;grid-template-columns: 9% auto;gap: 10px;align-items: center;margin-bottom: 3%}.social-footer a:hover{color: #ffee00}.tell-head a:hover{color: #fb017f}.social-footer a{color: #fff}.footer h6,.sect-about h5,.text-product h6,.payment h5,.payment h3,.about-page h3,.about-page h5,.experien h6,.fw-semi,.text-higflight,div#Component65c9ecb876419f0013ad378d .caption,h3.managerHeader,.art-detail h6{font-weight: 600}.footer h6,.sect-about h5,.text-product h6,.payment h5,.payment h3,.about-page h3,.about-page h5,.experien h6,.fw-semi,.text-higflight,div#Component65ee78127f5a20001aaa5dcf .caption,h3.managerHeader,.art-detail h6{font-weight: 600}.footer h6,.footer p{margin-bottom: 5%}.cont-head{display: grid;grid-template-columns: 15% 3% 3%;gap: 2px;justify-content: end}.tell-head{display: grid;grid-template-columns: 20% auto;align-items: center;gap: 5px;justify-content: center}.tell-head a{color: #444}.cont-page a:hover,.experien h6 span,.text-higflight{color: #fb017f}.text-pink{color: #fb017f !important}.text-yellow{color: #ffc600}.sect-about,.sect-recomd,.sect-recomd2,.sect-recomd3 p,.cont-page h4,h3.managerHeader{text-align: center}.sect-about h4,.sect-recomd h2,.sect-recomd h4,.sect-recomd2 h4,.sect-recomd3 h4,.sect-recomd h3,h3.managerHeader{color: #361f87;font-weight: 600;text-shadow: 1px 3px 0px rgba(0,0,0,0.2)}.text-blue{color: #361f87 !important}.cont-page h4{color: #fb017f;font-weight: 600;text-shadow: 1px 3px 0px rgba(0,0,0,0.2)}figure.effect-selena,figure.effect-oscar{background: transparent}.ff-robo,.about-page h3{font-family: 'Roboto Slab',serif}.sect-about h5{color: #282828;line-height: 44px;margin-bottom: 3%}figure.effect-oscar figcaption::before{border: none}div#Component65c5d24f76419f0013ad06ac .grid figure figcaption,div#Component65c5d8879e0ef20013867749 .grid figure figcaption{padding: 0;position: relative;text-transform: none}div#Component65c5d24f76419f0013ad06ac figure.effect-oscar h2{-webkit-transition: none;transition: none;-webkit-transform: none;transform: none;word-spacing: 0;font-weight: unset}.text-product{position: absolute;bottom: 0;width: 100%;text-align: center}.bg-purple{background: linear-gradient(to bottom,rgba(61,40,136,0) 0%,rgba(61,40,136,0.01) 1%,rgb(42 16 137) 100%);height: 85px;padding-top: 8%}.bg-pink,div#Component65c9ecb876419f0013ad378d .caption{height: 85px;padding-top: 8%;background: linear-gradient(to bottom,rgba(251,1,126,0) 0%,rgba(251,1,126,0.01) 1%,rgba(251,1,127,1) 100%)}.bg-pink,div#Component65ee78127f5a20001aaa5dcf .caption{height: 85px;padding-top: 8%;background: linear-gradient(to bottom,rgba(251,1,126,0) 0%,rgba(251,1,126,0.01) 1%,rgba(251,1,127,1) 100%)}.bg-yellow{height: 85px;padding-top: 8%;background: linear-gradient(to bottom,rgba(255,238,0,0) 0%,rgba(255,238,0,0.01) 1%,rgba(255,238,0,1) 100%)}.sect-recomd h2,.sect-recomd h3{margin-bottom: 1%}.grid figure h2{word-spacing: 0;font-weight: unset}.text-why h6,.about-page p,.art-detail p,.art-detail h6{color: #444;line-height: 26px}div#Component65c5d8879e0ef20013867749 .imgLightbox{width: 40%;margin: 12% auto 0}.text-why{height: 70px}.sect-recomd2{position: absolute;width: 100%;top: 60px;left: 60px}.payment h5,.about-page h3{color: #361f87}.me-23{margin-left: 23%}.sect-recomd3{position: absolute;top: -160px;width: 100%}.payment h3,.cont-page a,.about-page h5,.experien h6,.pre-art p{color: #282828}.payment img,div#HtmlTool65c5e1cb8d69790013d76f3b iframe{border-radius: 20px}.payment{display: grid;grid-template-columns: auto 10% 10% 10% 10%;gap: 20px;align-items: center;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_31002024d18j/755/0/รับชำระเงิน-ผ่านเครดิตการ์ด-z-z1089265778321.webp);padding: 3%;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 25px;box-shadow: 0 4px 8px rgb(0,0,0,0.1);margin: 0 2%}.payment h3,.payment h5{margin: 0}div#Component65c5dac076419f0013ad09a5 .imgLightbox{padding: 2%}div#HtmlTool65c5e1cb8d69790013d76f3b iframe{margin: 2%}div#Component65c5dac076419f0013ad09a5 .imgLightbox img,div#HtmlTool65c5e1cb8d69790013d76f3b iframe{box-shadow: 0 4px 8px rgb(0,0,0,0.1)}div#HtmlTool65c5e1cb8d69790013d76f3b iframe{height: 525px !important;background: #f5f6f7}.cont-page li{display: grid;grid-template-columns: 8% auto;align-items: center;gap: 10px;background: #fff;padding: 2%;border-radius: 15px;margin-bottom: 3%;transition: transform 0.2s ease-out}.cont-page h4,.about-page p{margin-bottom: 3%}.cont-page h6{font-weight: 600;margin-top: 4%;color: #282828}.cont-page ul{padding: 3%}.cont-card{display: grid;grid-template-columns: repeat(2,1fr);width: 66%;margin: auto;text-align: center;gap: 20px;margin-bottom: 3%}.cont-items{background: #fff;padding: 4% 4% 8%;border-radius: 20px}div#Component65cacf750b357200132f5c77{margin: auto;background: #fff;padding: 3% 0;border-radius: 25px}.about-page{padding-top: 10%;padding-left: 5%}.about-page h5{margin: 3% 0}.experien h6 span{font-size: 2.6em;position: absolute;margin-left: 1%;text-shadow: 1px 3px 0px rgba(0,0,0,0.2)}.about-page h3{text-shadow: 1px 3px 0px rgba(0,0,0,0.2)}.about-page button{width: 55%;display: grid;grid-template-columns: 8% auto;padding: 0.7rem;justify-content: center;gap: 10px;align-items: center;background: #ffc600;color: #000;border-radius: 30px;border: none;box-shadow: 0 4px 8px rgb(0,0,0,0.1)}.about-page button:hover,div#Component65cacf750b357200132f5c77 button:hover,div#Component65c9f30f76419f0013ad39c7 .col-md-4.col-sm-4.col-xs-12:hover button{background: #1146b8;color: #fff}.about-page button:hover img{filter: brightness(0) invert(1)}div#Component65c9ecb876419f0013ad378d .Contentmanager .template1 .template-panel{padding-bottom: 100%;position: relative}div#Component65ee78127f5a20001aaa5dcf .Contentmanager .template1 .template-panel{padding-bottom: 100%;position: relative}div#Component65c9ecb876419f0013ad378d .caption{position: absolute;width: 100%;bottom: 0;color: #fff;height: 70px;border-radius: 0 0 25px 25px}div#Component65ee78127f5a20001aaa5dcf .caption{position: absolute;width: 100%;bottom: 0;color: #fff;height: 70px;border-radius: 0 0 25px 25px}div#Component65c9ecb876419f0013ad378d .col-md-4.col-sm-4.col-xs-12{padding: 0!important;margin: 1%;width: 31%;transition: transform 0.2s ease-out}div#Component65ee78127f5a20001aaa5dcf .col-md-4.col-sm-4.col-xs-12{padding: 0!important;margin: 1%;width: 31%;transition: transform 0.2s ease-out}.post-time,.fbcomments,.landingpagemanager{display: none}.page-header{padding-bottom: 0;margin: 5% 0 0;border-bottom: none}.social-share{top: -50px}div#Component65c9ecb976419f0013ad3798 .col-xs-12.col-md-3{width: 33.33%;padding: 0 1%}div#Component65c9ecb976419f0013ad3798 .img-thumbnail,div#Component65c9ecb976419f0013ad3798 .thumbnail{padding: 0;border: none;box-shadow: none}.page-header .col-md-3.col-sm-5.col-xs-12{width: 100% !important}div#Component65c9ecc89e0ef2001386a39c .imgLightbox img,div#Component65c9f30f76419f0013ad39c7 .img-container .img{border: 1px solid #ddd}.Text_seller2{display: none}div#Component65c9f30f76419f0013ad39c7 .Contentmanager .template1 .template-panel{padding-bottom: 80%}.pre-art{padding: 5% 0}.pre-art button,div#Component65cacf750b357200132f5c77 button{background: #ffc600;color: #000;border: none;padding: 0.7rem 2rem;border-radius: 30px}div#Component65c9f30f76419f0013ad39c7 .img-container .img{background-position: center !important}div#Component65cacf750b357200132f5c77 .form-control{box-shadow: none}div#Component65cacf750b357200132f5c77 .col-md-offset-3{width: 100%;margin-left: 0;text-align: center}div#Component65cacf750b357200132f5c77 button{background-image: none;text-shadow: none}div#Component65cacf750b357200132f5c77 label{font-weight: 400;color: #000}.payment img{transition: transform 0.2s ease-out}.cont-page li:hover,.payment img:hover{transform: scale(0.95)}.dropdown-menu{border: none}.Textmanager{text-align: left}.art-detail p{margin-bottom: 2%}.ITPcookiebar{width: 100% !important;background-color: #f2c60175 !important;color: #171717}.buttonExampleSite{border-radius: 5rem !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}.pre-art p{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden}.art-detail h6{margin-top: 4%}@media screen and (min-width : 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px}h1{font-size: 4.625em}h2{font-size: 3.6em}h3{font-size: 3.2em}h4,h3.managerHeader{font-size: 2.8em}h5{font-size: 2.4em}h6{font-size: 1.8em}p,.text-why h6,div#Component65c9ecb876419f0013ad378d .caption,.pre-art p{font-size: 15px}p,.text-why h6,div#Component65ee78127f5a20001aaa5dcf .caption,.pre-art p{font-size: 15px}.copy-right p,.pre-art button,.about-page button,div#Component65cacf750b357200132f5c77 button,.dropdown-menu>li>a{font-size: 18px}.text-higflight{font-size: 22px}.text-product h6{font-size: 26px}.fs-50{font-size: 60px}.fs-30,.text-higflight2{font-size: 40px}div#Component65cacf750b357200132f5c77 label,div#Component65cacf750b357200132f5c77 .form-control{font-size: 16px !important}.bg-yellow,.bg-pink,.bg-purple{height: 105px}.text-why{height: 85px}.sect-recomd3{top: -205px}.sect-recomd2{top: 70px;left: 100px}div#HtmlTool65c5e1cb8d69790013d76f3b iframe{height: 640px !important;width: 390px !important}.about-page p,.art-detail p{line-height: 32px}.about-page h3{margin-bottom: 2%}.dropdown-menu>li>a{padding: 6px 20px}div#Component65c9ecb876419f0013ad378d .caption{height: 90px}div#Component65ee78127f5a20001aaa5dcf .caption{height: 90px}div#Component65cacf750b357200132f5c77 input.form-control{height: 43px;margin-bottom: 1%}div#Component65cacf750b357200132f5c77{padding: 5% 0}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}}@media screen and (max-width : 1366px){h5{font-size: 1.8em}.sect-about h5{line-height: 40px}}@media screen and (max-width : 1200px){h4,h3.managerHeader{font-size: 2.2em}.fs-50{font-size: 44px}h5{font-size: 1.6em}.sect-about h5{line-height: 36px}h2{font-size: 3em}h3{font-size: 2.4em}div#HtmlTool65c5e1cb8d69790013d76f3b iframe{height: 430px !important}.about-page br{display: none}.about-page button{width: 65%}div#Component65c9ecb876419f0013ad378d .caption{height: 85px}div#Component65ee78127f5a20001aaa5dcf .caption{height: 85px}.dropdown-menu>li>a{font-size: 15px}}@media screen and (max-width : 900px){#itplinemobile,a#itpfacebookmobile,a#itpsearchmobile{display: grid !important}div#contentnewmode65c5ca709e0ef20013867232,.sect-about h5 br,.sect-about p br,.text-why br,.footer br,div#contentnewmode65c5cd3f8d69790013d76997,.cont-items br{display: none}h4,h3.managerHeader{font-size: 2em}.fs-50{font-size: 38px}h2{font-size: 2.8em}h5{font-size: 1.4em}.sect-about h5{line-height: inherit;margin-bottom: 2%}.text-product h6{font-size: 20px}div#Component65c5d8879e0ef20013867749 .col-md-3.col-sm-4.col-xs-4{width: 25%}.sect-recomd2{top: 50px;left: 35px}.sect-recomd3{top: -125px}.me-23{margin-left: 14%}div#HtmlTool65c5e1cb8d69790013d76f3b iframe{height: 355px !important}h3{font-size: 2em}.payment{gap: 15px}.payment img,div#HtmlTool65c5e1cb8d69790013d76f3b iframe{border-radius: 15px}.experien br{display: block}.about-page{padding-top: 5%;padding-left: 0}.about-page button{width: 75%}.cont-page li{margin-bottom: 5%;grid-template-columns: 10% auto;padding: 3%}.social-footer li{grid-template-columns: 11% auto}}@media screen and (max-width : 480px){div#imagesControl65c5c60014d7340013e37d28,div#contentnewmode65c5d00f14d7340013e3804b,div#contentnewmode65c5cd9876419f0013ad0505,div#Component65c5d24f76419f0013ad06ac .thumbs,div#Component65c5d24f76419f0013ad06ac .col-md-4.col-sm-4.col-xs-12,div#contentnewmode65c5da6076419f0013ad0907,div#imagesControl65c5dac076419f0013ad09a5,div#contentnewmode65c9dc750b357200132f53f8,div#contentnewmode65c9e7029e0ef2001386a201,div#imagesControl65c5d8879e0ef20013867749,.cont-page ul{padding: 0 !important}.fs-50{font-size: 32px}h4{font-size: 24px}h3.managerHeader{font-size: 22px}h3{font-size: 26px}h2{font-size: 28px}h5{font-size: 18px}h6{font-size: 18px}.fs-50{font-size: 30px}div#Component65c5d24f76419f0013ad06ac .thumbs{margin: 0}div#Component65c5d24f76419f0013ad06ac .col-md-4.col-sm-4.col-xs-12{margin-bottom: 8%}div#Component65c5d24f76419f0013ad06ac .imgLightbox img{border-radius: 20px}.text-product{color: #fff;border-radius: 0 0 20px 20px}.text-why{text-align: center;height: auto}div#Component65c5d8879e0ef20013867749 .imgLightbox{width: 28%;margin: 5% auto}.sect-recomd2{position: static}.me-23{margin-left: 0}.sect-recomd3,.copy-right{position: static;text-align: center}.pt-5.sect-about{padding-top: 10%;margin-bottom: 5%}div#contentnewmode65c5da8676419f0013ad0950,.art-detail br{display: none}.payment{gap: 15px;display: flex;flex-wrap: wrap;margin-bottom: 5%}div#InmyDiv1707466610491,div#InmyDiv1707466618251,div#InmyDiv1707466626027,div#InmyDiv1707466635467{width: 20% !important}.text-payment,div#Component65c9ecb976419f0013ad3798 .col-xs-12.col-md-3{width: 100%}div#HtmlTool65c5e1cb8d69790013d76f3b iframe{margin: 0}.about-page button{width: 100%;grid-template-columns: 11% auto;text-align: left;padding: 2% 5%}div#mainmenu65c9e6b69e0ef2001386a1aa .none-middle-mid .none-middle-mid{display: block}div#mainmenu65c9e6b69e0ef2001386a1aa .none-middle-mid{display: flex;flex-wrap: wrap-reverse}.about-page{padding-top: 0}div#Component65c9ecb876419f0013ad378d .col-md-4.col-sm-4.col-xs-12{width: 100%;margin: 0;margin-bottom: 8%}div#Component65ee78127f5a20001aaa5dcf .col-md-4.col-sm-4.col-xs-12{width: 100%;margin: 0;margin-bottom: 8%}div#Component65c9ecb876419f0013ad378d .caption{height: 65px}div#Component65ee78127f5a20001aaa5dcf .caption{height: 65px}div#Component65c9ecb976419f0013ad3798 .col-md-12.text-justify{padding: 0 2% !important}.social-share{top: -15px;right: -45px}.cont-card{width: 100%;grid-template-columns: repeat(1,1fr)}.cont-page h4{margin-bottom: 7%}.ITPcookiebar{padding: 3%;display: flex !important}.ITPcookieLeftText{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}.pre-art p{-webkit-line-clamp: unset}}figure.effect-oscar{border-radius: 30px}.grid figure figcaption{padding: 0;position: relative;text-transform: none}figure.effect-oscar{transition: transform 0.2s ease-out}figure.effect-oscar:hover{transform: scale(0.95)}#Contentmanager .img-container .img{border-radius: 30px}