.load-header-contain{position:relative;margin:0 auto;padding:0;width:100%;min-height:100px}.logo-contain{position:absolute;margin:0 auto;padding:0;text-align:center;width:100%;top:20px}.logo-contain svg.svg-org-nm{position:relative;margin:0 auto;padding:0}.logo-contain svg.svg-org-nm g.g-logo{fill:none}.logo-contain svg.svg-org-nm g.g-logo text.txt-nm{fill:#ff9326;font-family:'kanit-regular';font-size:2.8rem;color:#CCC;font-weight:bold}body,html{min-width:250px;color:#FFF;background:#000}body a,html a{color:#999;text-decoration:none}.bg-overlay{display:none;opacity:0;position:fixed;margin:0;padding:0;text-align:center;-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;-o-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.7)}.bg-overlay.active{display:block;opacity:1}.bg-overlay .overlay-contain{position:relative;margin:0 auto;padding:20px;transform:translate(0, -50%);top:50%;background:#FFF}.bg-overlay .overlay-contain .overlay-msg{position:relative;margin:0 auto;padding:10px;text-align:center;color:#000;font-family:'boon-regular';font-size:1.2rem;line-height:1.7rem}.bg-overlay .overlay-contain .overlay-msg.font-red{color:#d90000}.bg-overlay .overlay-contain .overlay-msg.font-green{color:#008c23}.bg-overlay .overlay-contain .btn-overlay{position:relative;margin:0 auto;padding:5px 10px;text-align:center;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;width:150px;background:#0086b3;border:5px double rgba(255,255,255,0.6)}.bg-overlay .overlay-contain .btn-overlay span{position:relative;margin:0 auto;padding:5px}.bg-overlay .overlay-contain .btn-overlay span.txt-nm{color:#FFF;font-size:0.85rem}.bg-overlay .overlay-contain .btn-overlay:hover{cursor:pointer;background:#00a6dd}.bg-overlay .overlay-contain .btn-overlay:hover span.txt-nm{color:#ffff99}.h-contain{position:relative;margin:5px auto;padding:0;text-align:center;width:94%;max-width:1200px}.h-contain .txt-nm{position:relative;margin:0 auto;padding:0}.h-contain .txt-nm.th{position:relative;margin:0 auto;padding:0;text-align:center;background:none !important;color:#0059b3;font-family:'PL-EDIT-Regular';font-size:2rem;line-height:2rem;font-weight:normal;text-shadow:0 1px 0 #FFF}.content-grid{position:relative;margin:0 auto;padding:0}.content-grid .content-contain{position:relative;margin:0 auto;padding:0;width:86%;max-width:1360px}.content-grid .content-contain ul{position:relative;list-style:none;text-align:center;margin:4px;padding:2px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);-ms-box-shadow:0 1px 2px rgba(0,0,0,0.1);-o-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);background:#f7f7f7;-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid rgba(204,204,204,0.2)}.content-grid .content-contain ul li{position:relative;display:-moz-inline-stack;display:inline-block;margin:2px;padding:2px}.content-grid .content-contain ul li .img-contain{margin:2px auto;padding:2px}.content-grid .content-contain ul li .img-contain img{max-width:100%}.content-grid .content-contain ul li .txt-contain{position:relative;margin:0 auto;padding:0}.content-grid .content-contain ul li .txt-contain .txt-nm{position:relative;margin:0 auto;padding:3px 15px;color:#045139;font-family:'max_pinjohn';font-size:1.3rem;text-shadow:0 1px 0 #6dfa6d}.content-grid .content-contain ul li .txt-contain .txt-desc{position:relative;margin:0 auto;padding:3px 10px;color:#666;font-size:0.85rem}.content-grid .content-contain ul li .txt-stat-contain{margin:0 auto;padding:5px 25px;background:rgba(204,204,204,0.2);border-top:1px dotted #d3d3d3}.content-grid .content-contain ul li .txt-stat-contain .txt-view,.content-grid .content-contain ul li .txt-stat-contain .txt-dwl,.content-grid .content-contain ul li .txt-stat-contain .txt-dt{font-size:0.75rem;color:#999}.content-grid .content-contain ul li .txt-stat-contain .txt-view i,.content-grid .content-contain ul li .txt-stat-contain .txt-dwl i,.content-grid .content-contain ul li .txt-stat-contain .txt-dt i{padding:0 5px;text-shadow:0 1px 0 rgba(255,255,255,0.4)}.content-grid .grid-item a{text-decoration:none}@media only screen and (min-width: 1920px){.content-grid .grid-sizer,.content-grid .grid-item{width:calc( 20% )}}@media only screen and (min-width: 1281px) and (max-width: 1920px){.content-grid .grid-sizer,.content-grid .grid-item{width:calc( 20% )}}@media only screen and (min-width: 1001px) and (max-width: 1280px){.content-grid .grid-sizer,.content-grid .grid-item{width:calc( 25% )}}@media only screen and (min-width: 901px) and (max-width: 1000px){.content-grid .grid-sizer,.content-grid .grid-item{width:calc( 33.33% )}}@media only screen and (min-width: 601px) and (max-width: 900px){.content-grid .grid-sizer,.content-grid .grid-item{width:calc( 50% )}}@media only screen and (max-width: 600px){.content-grid .grid-sizer,.content-grid .grid-item{width:calc( 100% )}}.gen-popup-contain{position:relative;z-index:30002;margin:0 auto;padding:15px 10px;top:0;top:15%;left:50%;width:94%;max-width:680px;min-height:200px;text-align:center;vertical-align:middle;background:#FFF}.gen-popup-contain .close-popup{position:relative;margin:0 auto;padding:0}.gen-popup-contain .close-popup .ribbon-contain{width:0;height:0;border-top:70px solid #59b300;border-left:70px solid transparent;position:absolute;right:-10px;top:-10px}.gen-popup-contain .close-popup .ribbon-contain .ribbon-more{position:absolute;right:4px;top:-62px;width:30px;height:30px;padding:2px;-webkit-border-radius:200px;-khtml-border-radius:200px;-moz-border-radius:200px;-ms-border-radius:200px;-o-border-radius:200px;border-radius:200px;border:2px dotted #468c00;color:#FFF;font-weight:bold;background:rgba(255,255,255,0.3)}.gen-popup-contain .close-popup .ribbon-contain:hover{cursor:pointer;opacity:0.7}.gen-popup-contain .close-popup .ribbon-contain:hover .ribbon-more{color:#000000;text-shadow:1px 1px 3px rgba(255,255,255,0.5)}.gen-popup-contain .close-popup .ribbon-contain{z-index:1}.gen-popup-contain .close-popup .ico-close-popup{position:absolute;z-index:2;top:0px;right:0px;color:#FFF;font-size:1.2rem}.gen-popup-contain .close-popup:hover{cursor:pointer}.gen-popup-contain .close-popup:hover .ico-close-popup{color:#204000}.gen-popup-contain .img-contain{position:relative;margin:0 auto;padding:5px 0}.gen-popup-contain .img-contain img{max-width:100%}@media only screen and (min-width: 680px){.gen-popup-contain{top:20%;margin-left:-340px}}@media only screen and (max-width: 680px){.gen-popup-contain{top:10%;margin-left:-47%}.gen-popup-contain .img-contain{padding:0}}.txt-msg{position:relative;margin:0 auto;padding:15px;text-align:center;font-family:'arial';font-size:0.85rem;color:#666;text-shadow:0 1px 0 rgba(255,255,255,0.7);background:rgba(255,255,255,0.3);-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.txt-msg.bg-white70{background:rgba(255,255,255,0.7)}.txt-msg.color-white{color:#FFF;text-shadow:0 1px 0 rgba(85,85,85,0.7)}.txt-msg.font-08{font-size:0.8rem}.txt-msg.txt-success{color:#006f00;background:#fff}.txt-msg.txt-warning{color:#ff8000}.txt-msg.txt-alert{color:#d90000}.tt-popup-msg-contain.style-1{position:absolute;margin:0;padding:15px;z-index:9;text-align:center;min-width:250px;min-height:100px;font-size:0.85rem;color:#FFF;background:#79bd79;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;border:6px double rgba(255,255,255,0.7);box-shadow:0 5px 5px #bbbbbb}.services-section{position:relative;margin:0 auto;padding:0;text-align:center}.services-section .services-contain{position:relative;margin:0 auto;padding:0}.services-section .services-contain .service-cloud-contain{position:relative;margin:0 auto;padding:0;width:100%;min-height:200px;background:url("../../../data/main/svg/cloud.svg") no-repeat center top}.services-section .services-contain .service-cloud-contain .txt-contain{position:absolute;margin:0 auto;padding:0;width:100%;top:60px}.services-section .services-contain .service-cloud-contain .txt-contain .txt-nm{position:relative;margin:0 auto;padding:3px;color:#000;font-family:'boon-regular';font-size:1rem}.services-section .services-contain .service-cloud-contain .txt-contain .txt-nm.txt-h{font-family:'kanit-regular';font-size:1.45rem;line-height:1.7rem;font-weight:normal;color:#008c8c}.services-section .services-contain .services-main-pic{position:relative;margin:0 auto;padding:0;height:300px}.services-section .services-contain .services-main-pic .server-img-contain{position:absolute;margin:0 auto;padding:0;width:100px;height:250px;bottom:0;left:50%;margin-left:-50px}.services-section .services-contain .services-main-pic .server-img-contain img{position:relative;margin:0 auto;padding:0;max-width:100%}.package-section{position:relative;margin:0 auto;padding:20px 0}.package-section .h-contain{position:relative;margin:0 auto;padding:5px;text-align:center}.package-section .h-contain .txt-nm{position:relative;margin:0 auto;padding:5px;font-size:1.5rem;color:#00ffff}.package-section .h-contain .txt-nm .txt-span{position:relative;margin:0 auto;padding:0;display:-moz-inline-stack;display:inline-block}.package-section .h-contain .txt-nm .txt-span.color-1{color:#999}.package-section .h-contain .txt-nm .txt-span.color-2{color:#ff99ff}.package-section .package-contain{position:relative;margin:0 auto;padding:0;width:100%;background:rgba(255,255,255,0.1)}.package-section .package-contain ul.package-wrapper{position:relative;margin:0 auto;padding:5px;list-style:none;text-align:center}.package-section .package-contain ul.package-wrapper>li{position:relative;margin:4px;padding:8px;display:-moz-inline-stack;display:inline-block;background:#000;border:4px double rgba(255,255,255,0.2)}.package-section .package-contain ul.package-wrapper>li.item .txt-h-contain{position:relative;margin:0 auto;padding:0}.package-section .package-contain ul.package-wrapper>li.item .txt-h-contain .txt-nm{position:relative;margin:0 auto;padding:5px;color:#ffff99;font-family:'wdbbangna';font-size:1.2rem;line-height:1.2rem;font-weight:bold;letter-spacing:0.1rem}.package-section .package-contain ul.package-wrapper>li.item ol.package-item-wrapper{position:relative;margin:0 auto;padding:0;list-style:none;text-align:left;background:rgba(255,255,255,0.1)}.package-section .package-contain ul.package-wrapper>li.item ol.package-item-wrapper:nth-child(odd){background:rgba(255,255,255,0.15)}.package-section .package-contain ul.package-wrapper>li.item ol.package-item-wrapper>li{position:relative;margin:0;padding:10px;display:-moz-inline-stack;display:inline-block;font-size:0.85rem}.package-section .package-contain ul.package-wrapper>li.item ol.package-item-wrapper>li:nth-child(odd){background:rgba(255,255,255,0.05)}.package-section .package-contain ul.package-wrapper>li.item ol.package-item-wrapper>li.box-l{width:200px}.package-section .package-contain ul.package-wrapper>li.item .package-item-price-contain{position:relative;margin:0 auto;padding:0;list-style:none;background:rgba(255,255,255,0.25)}.package-section .package-contain ul.package-wrapper>li.item .package-item-price-contain .txt-nm{position:relative;margin:0 auto;padding:5px;color:#73ffff;font-size:0.85rem}.server-section{position:relative;margin:0 auto;padding:20px 0;text-align:center}.server-section .h-contain{position:relative;margin:0 auto;padding:0;text-align:left;width:400px}.server-section .h-contain .h-nm{position:relative;margin:0;padding:0;width:55px}.server-section .h-contain .h-nm .item{position:relative;margin:0 auto;padding:3px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);color:#b9ff73;font-family:'kanit-bold';font-size:1.5rem;line-height:1.7rem;letter-spacing:0.1rem}.server-section .h-contain .h-nm .item.color-1{color:#ffdc73}.server-section .h-contain .h-nm .item.color-2{color:#ff4c79}.server-section .h-contain .h-txt{position:absolute;margin:0 auto;padding:0;top:5px;left:50%;margin-left:-120px}.server-section .h-contain .h-txt .item{position:relative;margin:0;padding:5px;text-align:left;color:#999;font-family:'sans-serif';font-size:2rem;font-weight:bold}.server-section .h-contain .ver-line-contain{position:absolute;margin:0 auto;padding:0;top:5px;left:50%;margin-left:-130px}.server-section .h-contain .ver-line-contain svg{position:relative;margin:0 auto;padding:0;width:5px;height:100px}.server-section .h-contain .ver-line-contain svg line{fill:none;stroke:#CCC;stroke-width:3px}.server-section .h-contain .hor-line-contain{position:absolute;margin:0 auto;padding:0;top:50%;margin-top:-10px;left:50%;margin-left:-130px}.server-section .h-contain .hor-line-contain svg{position:relative;margin:0 auto;padding:0;width:300px;height:5px}.server-section .h-contain .hor-line-contain svg line{fill:none;stroke:#CCC;stroke-width:3px}.server-section .server-contain{position:relative;margin:0 auto;padding:0}.server-section .server-contain .content-contain{position:relative;margin:0 auto;padding:10px 0}.server-section .server-contain .content-contain .txt-contain{position:relative;margin:0 auto;padding:15px}.server-section .server-contain .content-contain .txt-contain .txt-nm{position:relative;margin:0 auto;padding:3px;font-family:'boon-regular';font-size:1.2rem}.server-section .server-contain .content-contain .txt-contain .txt-nm .txt-quotes{position:relative;margin:0 auto;padding:3px;display:-moz-inline-stack;display:inline-block;font-family:'sans-serif';font-size:2rem;color:#73dcff}.contact-section{position:relative;margin:0 auto;padding:20px 0;text-align:center;background:rgba(255,255,255,0.05)}.contact-section .h-contain{position:relative;margin:0 auto;padding:0}.contact-section .h-contain .h-nm{position:relative;margin:0 auto;padding:0 10px;color:#FFF;font-family:'arial';font-size:1.5rem}.contact-section .h-contain .hor-line{position:relative;margin:0 auto;padding:2px;max-width:150px;border-bottom:3px solid rgba(255,255,255,0.08)}.contact-section .contact-contain{position:relative;margin:0 auto;padding:0}.contact-section .contact-contain ul.contact-wrapper{position:relative;margin:0 auto;padding:20px 0;list-style:none}.contact-section .contact-contain ul.contact-wrapper>li{position:relative;margin:0;padding:5px;display:-moz-inline-stack;display:inline-block;vertical-align:top}.contact-section .contact-contain ul.contact-wrapper>li .txt-contain{position:relative;margin:0 auto;padding:0}.contact-section .contact-contain ul.contact-wrapper>li .txt-contain .txt-nm{position:relative;margin:0 auto;padding:5px;color:#999;font-family:'boon-regular';font-size:0.95rem}.contact-section .contact-contain ul.contact-wrapper>li .txt-contain .txt-nm.org-nm{font-size:1.1rem;color:#999;font-weight:bold}.contact-section .contact-contain ul.contact-wrapper>li .txt-contain .txt-nm.office-nm{font-size:1rem;color:#999;font-weight:bold}.contact-section .contact-contain ul.contact-wrapper>li.box-l{text-align:left}.contact-section .contact-contain ul.contact-wrapper>li.box-l .txt-contain .txt-nm{text-align:left}.contact-section .contact-contain ul.contact-wrapper>li.box-l .txt-contain .txt-nm.tel-no{font-size:1rem;color:#999}.contact-section .contact-contain ul.contact-wrapper>li.box-l .txt-contain .txt-nm.email{font-size:1rem;color:#999}.contact-section .contact-contain ul.contact-wrapper>li.box-l .txt-contain .txt-nm.email a{color:#999;text-decoration:none}@media only screen and (min-width: 1000px){.contact-section .contact-contain ul.contact-wrapper>li{width:calc( ( 100% - 50px )/3 )}}.footer-free-space{position:relative;margin:0 auto;padding:0;height:80px}.footer-section{position:fixed;margin:0 auto;padding:0;width:100%;bottom:0}.footer-section .footer-contain{position:relative;margin:0 auto;padding:0;width:100%;min-height:40px;background:#333;border-top:1px solid #555}.footer-section .footer-contain ul.footer-wrapper{position:relative;margin:0 auto;padding:0;list-style:none;width:100%}.footer-section .footer-contain ul.footer-wrapper>li{position:relative;margin:0 auto;padding:0;display:-moz-inline-stack;display:inline-block}