.itopplus-background{}.navbar-default .navbar-nav>li>a{font-size: 16px}.navbar-default{background: transparent}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color: #1669da;background-color: #ffffff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color: #ffffff}.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color: #1669da}.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar{color: #1669da!important}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color: #ffffff;color: #1669da}.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover{background: #ffffff}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color: #ffffff!important;background-image: none;color: #1669da!important}@media (max-width:768px){.navbar-default{background: #046bf8}}@media only screen and (min-width : 1024px){h1,.h1{font-size: 2.250em}h2,.h2{font-size: 1.875em}h3,.h3{font-size: 1.500em}h4,.h4{font-size: 1.125em}h5,.h5{font-size: 0.875em}h6,.h6{font-size: 0.750em}p{margin: 0 0 10px}.navbar .nav,.navbar .nav > li{float:none;display:inline-block;*display:inline;*zoom:1;vertical-align: top}#main-navbar-collapse{text-align:right}.navbar-default .navbar-nav>li>a{padding-left: 10px;padding-right: 10px}}@media only screen and (min-width : 1366px){h1,.h1{font-size: 2.250em}h2,.h2{font-size: 1.875em}h3,.h3{font-size: 1.500em}h4,.h4{font-size: 1.125em}h5,.h5{font-size: 0.875em}h6,.h6{font-size: 0.750em}p{margin: 0 0 10px}.navbar .nav,.navbar .nav > li{float:none;display:inline-block;*display:inline;*zoom:1;vertical-align: top}#main-navbar-collapse{text-align:right}.navbar-default .navbar-nav>li>a{padding-left: 15px;padding-right: 15px}}@media only screen and (min-width : 1900px){.dnaturecosmetic-dfrbg{padding-bottom: 10.5%}#upload5dcbd65af53bfc00128c33a30 .progress{width: 720%!important}#formdisplay5dcbd65af53bfc00128c33a3 #capcha0{width: 103.9%!important}.navbar .nav,.navbar .nav > li{margin-top: 20px}}.picf{transition:0.5s}.picf:hover{transform: translate(0px,-8px);transition:0.5s}.jssora03l,.jssora03r,.jssora03ldn,.jssora03rdn{display: none}.jssorb03{display: none}.fancybox-lock{overflow: auto}.fancybox-margin{margin-right: 0px}.fancybox-lock .fancybox-overlay{overflow: auto;overflow-y: hidden}figure.effect-jazz figcaption::after{border-top: 0px solid transparent;border-bottom: 0px solid transparent}figure.effect-jazz{background: transparent}figure.effect-steve{background: transparent}figure.effect-steve h2,figure.effect-steve p{background: transparent;color: transparent}figure.effect-steve h2:before{box-shadow: 0 1px 10px rgba(0,0,0,0.0)}figure.effect-steve:before,figure.effect-steve h2:before{background: transparent}figure.effect-steve:before{box-shadow: 0 0 15px 0px rgba(0,0,0,0.52)}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}.hvr-grow{transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);transition-duration: 0.3s;transition-property: transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform: scale(1.05)}.bgpt{transition: 0.3s}.bgpt:hover{box-shadow: 0 0 10px rgba(160,156,156,0.5)}.JazzByYing-Position{display: block;overflow: hidden}.JazzByYing{transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}.JazzByYing:hover{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);transition: 0.35s}.hvr-grow-rotate:hover,.hvr-grow-rotate:focus,.hvr-grow-rotate:active{-webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg)}.hvr-grow-rotate{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform}.hvr-backward:hover,.hvr-backward:focus,.hvr-backward:active{-webkit-transform: translateX(-8px);transform: translateX(-8px)}.hvr-backward{-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform}.dnaturecosmetic-homepaddingtopic,.dnaturecosmetic-paddingtopic{padding: 20px 0px 20px 0px}.dnaturecosmetic-hometopic1,.dnaturecosmetic-topic1{font-size: 38px;text-align: center;font-weight: 500}.dnaturecosmetic-hometopic2,.dnaturecosmetic-topic2{text-align: center;font-size: 14px;font-weight: 300;margin-top: -5px;letter-spacing: 2px;text-transform: uppercase}.dnaturecosmetic-hometopicimg,.dnaturecosmetic-topicimg{width: 2%;margin: 0 auto;margin-top: 15px}.dnaturecosmetic-resultborder{border-top: solid 1px #fff;padding: 20px}.dnaturecosmetic-result{font-size: 18px;text-align: center;font-weight: 300}.dnaturecosmetic-homeproductimg{width: 90%;margin: 0 auto}.dnaturecosmetic-homeproducttext{text-align: center;padding-top: 20px;font-size: 16px;font-weight: 300}.dnaturecosmetic-abouttext3,.dnaturecosmetic-dfrr1{font-size: 22px}.dnaturecosmetic-abouttext4,.dnaturecosmetic-dfrr2{width: 10%;border-bottom: solid 2px #a0a0a0;margin-bottom: 20px;margin-top: 10px}.dnaturecosmetic-abouttext5,.dnaturecosmetic-dfrr3{background-color: #f2f2f2;color: #000;padding: 15% 10% 15% 10%;font-size: 16px;font-weight: 300;box-shadow: 1px 1px 5px 0 #cacaca;margin: 2% 0% 0px -60px}.dnaturecosmetic-abouttext1{background-color: #377fef;-webkit-clip-path: polygon(0% 15%,15% 15%,15% 0%,85% 0%,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0% 85%);clip-path: polygon(0% 15%,15% 15%,15% 0%,85% 0%,85% 15%,100% 15%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0% 85%);padding: 25px 0px 25px 0px;text-align: center;color: #fff;font-size: 18px;font-weight: 300;width: 70%;margin: 0 auto;margin-bottom: 5%;text-shadow: 1px 1px 2px #aaaaaa}.dnaturecosmetic-servicetopic{font-size: 18px;background-color: #e6e6e6;-webkit-clip-path: polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,50% 75%,0% 75%);clip-path: polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,50% 75%,0% 75%);width: 30%;text-align: center;color: #000;padding: 20px 0px 40px 0px;margin-left: 10px}.dnaturecosmetic-icon1{border: solid 1px #ccc;padding: 50px 0px}.dnaturecosmetic-iconimg1{width: 30%;margin: 0 auto;padding-bottom: 20px}.dnaturecosmetic-icontext1{text-align: center;font-size: 16px}.dnaturecosmetic-icon{width: 30%;margin: 0 auto;padding-bottom: 20px}.dnaturecosmetic-icontext{text-align: center;font-size: 16px}.dnaturecosmetic-dfrbgg{background-color: #f2f2f2;padding-bottom: 16.4%}.dnaturecosmetic-dfrbg{background-color: #348aff;color: #fff}.dnaturecosmetic-dfr2{font-size: 16px;font-weight: 300;padding: 15px}.dnaturecosmetic-dfr4{font-size: 16px;font-weight: 300;padding: 16px}.CreForm{padding-bottom: 5px;font-size:18px}.CreFormHead{padding-top: 5%;font-size: 20px;border-bottom: 1px solid #ebeffa;margin-bottom: 15px}#text2,#text3,#text4,#text5,#text7{padding-bottom: 20px}#editor1,#editor2,#editor5,#editor6{padding-bottom: 10px;color: #000;font-size: 16px}#formdisplay5dcbd65af53bfc00128c33a3 .form-control{border: none;border:1px solid #d8d8d8;border-radius: 0px!important;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);box-shadow: inset 0 0px 0px rgba(0,0,0,.075);background-color: transparent;padding: 20px;color: #333!important}#formdisplay5dcbd65af53bfc00128c33a3 .form-control:focus{border: 1px solid #348aff}#formdisplay5dcbd65af53bfc00128c33a3 #capcha0{margin-left: -0.7%;width: 104.9%;color: #000;font-size: 16px}#formdisplay5dcbd65af53bfc00128c33a3 .btn-default:hover,#formdisplay5dcbd65af53bfc00128c33a3 .btn-default:focus{background-color: #348aff}#formdisplay5dcbd65af53bfc00128c33a3 .btn-default{background-image: linear-gradient(to bottom,#348aff 0,#348aff 100%);border-color: #348aff;border-radius: 0px;padding: 10px 20px 10px 20px;color: #fff}#upload5dcbd65af53bfc00128c33a30 .btn-success span{font-size: 12px;font-weight: 500}#upload5dcbd65af53bfc00128c33a30 .btn-success{color: #2e2f33;background-image: linear-gradient(to bottom,#f0f0f0 0,#e1e2e5 100%);background-color: transparent;border-color: #ffffff00;box-shadow: none;padding: 5px 10px 5px 10px;border-radius: 5px;margin-top: -3px}#upload5dcbd65af53bfc00128c33a30 .btn-success:hover{background-position: 0px;background: #348aff;color: #fff}#upload5dcbd65af53bfc00128c33a30 .progress{width: 500%}.nav-template li:hover{background-color: transparent;padding-top: 10px}.nav-template li{padding-top: 10px;border: solid 0px transparent;background-color: transparent}li.col-md-6.col-sm-6.col-xs-12{margin: 0px 0px!important;width: 25%}.col-md-4.col-sm-4.col-xs-12.padding-col{width: 100%}.col-md-8.col-sm-8.col-xs-12.padding-col{width: 100%;font-size: 14px;text-align: center;padding-top: 15px;padding-bottom: 25px}.col-md-8.col-sm-8.col-xs-12.padding-col strong{color: #196fe2;font-size: 16px;font-weight: 600;text-transform: uppercase}.col-md-8.col-sm-8.col-xs-12.padding-col strong:hover{font-weight: 600;color: #1569dc}.col-md-8.col-sm-8.col-xs-12.padding-col p{display:none;font-size: 14px;color: #08408b}.col-md-8.col-sm-8.col-xs-12.padding-col ::after{display: block;content: 'รายละเอียด';color: #fff;background: #196fe2;width: 60%;margin-top: 10%!important;margin-bottom: 5%!important;padding: 5px;font-size: 16px;text-align: center;border: solid 1px #196fe2;margin: 0 auto;border-radius: 20px}.img-container .img{background-position: center!important}.img-container:hover{-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);transition: 0.35s}.img-container{width: 100%;height: 0;padding-bottom: 90%;position: relative;border: solid 1px #fff;display: block;overflow: hidden;transition: 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1)}@media (max-width: 414px){li.col-md-6.col-sm-6.col-xs-12{width: 100%!important}}@media only screen and (max-width: 320px){li.col-md-6.col-sm-6.col-xs-12{width: 100%!important}}@media only screen and (max-width: 375px){li.col-md-6.col-sm-6.col-xs-12{width: 100%!important}}@media only screen and (max-width : 768px){li.col-xs-12{width: 100%!important}#imagesControl5bf660b0b82f55001bbe8e0a{padding:0px!important}}@media only screen and (max-width : 922px){li.col-sm-6{width: 46.1%!important}}#Contentmanager .post-time{display: none}.landingpagemanager{display: none}.managerHeader{margin-bottom: 10px;font-size: 2em;font-weight: 600;color: #096ff8;text-align: center}.page-header{padding-bottom: 9px;margin: 20px 20px 30px 20px;border-bottom: 1px solid #096ff8}.no-js #Component5dcbaeaf5cbfd90013f7ec47 label{display: none!important}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .col-md-6{width: 60%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .form-control{border: 1px solid #dcdcdc;border-radius: 0px!important;-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);box-shadow: inset 0 0px 0px rgba(0,0,0,.075);font-size: 14px!important;padding: 20px;background: transparent;color: #fff}.no-js #Component5dcbaeaf5cbfd90013f7ec47 ::placeholder{color: #333!important}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .form-control:focus{border-color: #1569dc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #333!important}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .btn{background-image: -webkit-linear-gradient(top,#404040 0,#404040 100%);background-image: -o-linear-gradient(top,#404040 0,#404040 100%);background-image: -webkit-gradient(linear,left top,left bottom,from(#404040 ),to(#404040 ));background-image: linear-gradient(to right,#1569dc 0%,#1569dc 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040',endColorstr=#404040,GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 10px 30px;font-size: 14px;border: 0px solid transparent;color: #fff}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .btn-default:active{background-color: #404040}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .btn-default:hover,.no-js #Component5dcbaeaf5cbfd90013f7ec47 .btn-default:focus{background-position: 0 0px;background-color: #404040}.form-group .label a{color: #333}@media only screen and (min-width : 360px){.navbar-default .navbar-toggle{border-color: #66b2ff;border: none!important;background: none!important}.text-bar{color: #66b2ff!important;font-size: 0px!important}}@media only screen and (max-width: 768px){.navbar-default .navbar-brand{padding: 11px}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .btn{margin-left: 0px;background-color: #fd0101}.no-js #Component5dcbaeaf5cbfd90013f7ec47 .col-md-6{width: 100%}.no-js #Component5dcbaeaf5cbfd90013f7ec47{padding:20px 0px 20px 0px}.itopplus-search-image-flex-container{width: 100%!important;display: inline-block!important}.itopplus-search-image-flex-item{background-color: #f6f8f8!important;display: inherit;width: 100%!important}.itopplus-search-shopcart-image{height: auto !important;overflow: hidden}.itopplus-search-shopcart-image img{width: 100% !important}.search_text{text-align: center}.itopplus-search-shopcart-image{background: #f6f8f8}.table-responsive{white-space: nowrap}#imagesControl5dca878a5005500012ea7438{padding: 0px!important}.dnaturecosmetic-abouttext5,.dnaturecosmetic-dfrr3{margin: 0px}.dnaturecosmetic-abouttext1{width: 100%;padding: 40px 0px 30px 0px}.dnaturecosmetic-servicetopic{width: 95%}.dnaturecosmetic-hometopic1,.dnaturecosmetic-topic1{font-size: 30px}#upload5dcbd65af53bfc00128c33a30 .progress{width: 100%}#background5dcb9e0fb2326a00124dbc23 .row-fluid [class*=col-sm-5fix]{width: 50%!important;float:left!important}.main-timeline .timeline-content{margin-bottom: 60%}#Component5dcb6f9128a3f50012f7a776{margin: -10px!important}}@media only screen and (min-width : 320px){.navbar-default .navbar-toggle{border-color: #66b2ff;border: none!important;background: none!important}.text-bar{color: #66b2ff!important;font-size: 0px!important}}