@charset "utf-8";
#wrapper{margin:0;padding:0;width:100%}
body,html{line-height:1.5}
*{letter-spacing:.06em!important;word-spacing:.06em!important}
.custom-control-label::before{top:3.5px}
article,aside,audio,canvas,caption,details,div,figure,footer,header,hgroup,iframe,img,mark,menu,nav,object,section,span,summary,table,tbody,td,tfoot,thead,tr,video{border:0;margin:0;padding:0}
a,abbr,address,b,blockquote,cit,code,dd,del,dfn,dl,dt,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,ins,label,legend,li,ol,p,pre,q,samp,small,strong,ul{font-size:100%;vertical-align:baseline;margin:0;padding:0}
sub,sup{border:0;font-size:100%;margin:0;padding:0}
article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{display:block}
p{line-height:1.5!important}
table{border-collapse:separate;border-spacing:0}
table caption,table td,table th{text-align:left;vertical-align:middle}
a img{border:0}
a:active,a:focus,a:focus-within,button:focus,button:visited:focus,button:visited:focus-within,input.input-search:focus,input.input-search:visited:focus,input.input-search:visited:focus-within{outline:#000 2px solid;outline-offset:-4px;border:4px solid #eee;box-shadow:none!important}
.custom-select:focus,.form-control:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.5)!important}
.custom-select{height:calc(38px);padding-right:40px}
.slick-kv__panel .slidekv__panel{position:relative;display:block}
.slick-kv__panel .slidekv__panel:active,.slick-kv__panel .slidekv__panel:focus,.slick-kv__panel .slidekv__panel:focus-within{border:none}
.slick-kv__panel .slidekv__panel:active:before,.slick-kv__panel .slidekv__panel:focus-within:before,.slick-kv__panel .slidekv__panel:focus:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;outline:#000 2px solid;outline-offset:-4px;display:block;z-index:10}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.img-responsive{display:block;width:100%;max-width:100%}
@-moz-keyframes zoomh{
0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
50%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
}
@-webkit-keyframes zoomh{
0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
50%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
}
@keyframes zoomh{
0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
50%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
}
@-moz-keyframes zoomh{
0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
50%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
}
@-webkit-keyframes zoomh{
0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
50%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
}
@keyframes zoomh{
0%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
50%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}
100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}
}
@-moz-keyframes zoomi{
0%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
30%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@-webkit-keyframes zoomi{
0%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
30%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@keyframes zoomi{
0%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
30%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@-moz-keyframes zoomi{
0%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
30%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@-webkit-keyframes zoomi{
0%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
30%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@keyframes zoomi{
0%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
30%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
100%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8)}
}
@font-face{font-family:Neuzeit;src:url(../fonts/hinted-NeuzeitSLT-BookHeavy.eot);src:url(../fonts/hinted-NeuzeitSLT-BookHeavy.eot?#iefix) format("embedded-opentype"),url(../fonts/hinted-NeuzeitSLT-BookHeavy.woff2) format("woff2"),url(../fonts/hinted-NeuzeitSLT-BookHeavy.woff) format("woff"),url(../fonts/hinted-NeuzeitSLT-BookHeavy.ttf) format("truetype"),url(../fonts/hinted-NeuzeitSLT-BookHeavy.svg#NeuzeitSLT-BookHeavy) format("svg");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Neuzeit;src:url(../fonts/hinted-NeuzeitSLTStd-Book.eot);src:url(../fonts/hinted-NeuzeitSLTStd-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/hinted-NeuzeitSLTStd-Book.woff2) format("woff2"),url(../fonts/hinted-NeuzeitSLTStd-Book.woff) format("woff"),url(../fonts/hinted-NeuzeitSLTStd-Book.ttf) format("truetype"),url(../fonts/hinted-NeuzeitSLTStd-Book.svg#NeuzeitSLTStd-Book) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:kittithada;src:url(../fonts/psl244pro-webfont.eot);src:url(../fonts/psl244pro-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/psl244pro-webfont.woff2) format("woff2"),url(../fonts/psl244pro-webfont.woff) format("woff"),url(../fonts/psl244pro-webfont.ttf) format("truetype"),url(../fonts/psl244pro-webfont.svg#kittithada) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:kittithada;src:url(../fonts/psl245pro-webfont.eot);src:url(../fonts/psl245pro-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/psl245pro-webfont.woff2) format("woff2"),url(../fonts/psl245pro-webfont.woff) format("woff"),url(../fonts/psl245pro-webfont.ttf) format("truetype"),url(../fonts/psl245pro-webfont.svg#kittithada) format("svg");font-weight:700;font-style:normal;font-display:swap}
#component-main .title-head .title-head{position:relative;padding-right:200px;margin-bottom:2em}
@media (max-width:992px){
#component-main .title-head .title-head{padding-right:15px;margin-bottom:1rem}
}
#component-main .title-head .title-head .title-detail-header{font-size:2em;padding:1rem 0 .5rem 0;position:relative}
#component-main .title-head .title-head .title-detail-header:after{content:"";width:50px;height:1px;border-bottom:solid 4px #34539d;position:absolute;top:100%;left:0}
#component-main .title-head .title-head .site-left-title,#component-main .title-head .title-head .tab-summary{width:200px;position:absolute;top:50px;right:0;text-align:right}
@media (max-width:992px){
#component-main .title-head .title-head .site-left-title,#component-main .title-head .title-head .tab-summary{position:relative;top:0;width:100%;text-align:left;padding-top:1.5rem}
}
#component-main .title-head .title-head .site-left-title ul,#component-main .title-head .title-head .tab-summary ul{margin:0;padding:0;list-style:none;font-size:0}
#component-main .title-head .title-head .site-left-title ul li,#component-main .title-head .title-head .tab-summary ul li{display:inline-block;padding:0 15px;position:relative}
@media (max-width:992px){
#component-main .title-head .title-head .site-left-title ul li:first-child,#component-main .title-head .title-head .tab-summary ul li:first-child{padding-left:0}
}
#component-main .title-head .title-head .site-left-title ul li:after,#component-main .title-head .title-head .tab-summary ul li:after{content:"";width:1px;height:60%;position:absolute;top:20%;right:0;border-right:solid 2px #727272;margin-right:-1px}
#component-main .title-head .title-head .site-left-title ul li a,#component-main .title-head .title-head .tab-summary ul li a{color:#333;font-size:1em}
#component-main .slide-promotion .slide-nav{width:100%;max-width:922px;margin:.5rem auto}
@media (max-width:1200px){
#component-main .slide-promotion .slide-nav{padding:0 20px}
}
#component-main .slide-promotion .slide-nav .slick-slide{padding:.4rem;display:table;position:relative;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
#component-main .slide-promotion .slide-nav .slick-slide em{display:block;font-style:normal}
#component-main .slide-promotion .slide-nav .slick-current{-webkit-opacity:1;-moz-opacity:1;opacity:1}
#component-main .slide-promotion .slide-nav .slick-prev{z-index:2;width:35px;height:35px;margin:0 0 0 -40px;left:0}
@media (max-width:1200px){
#component-main .slide-promotion .slide-nav .slick-prev{margin:0 0 0 -20px}
}
@media (max-width:480px){
#component-main .slide-promotion .slide-nav .slick-prev{margin:0 0 0 5px}
}
#component-main .slide-promotion .slide-nav .slick-prev:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-left.png) no-repeat center center;display:block}
#component-main .slide-promotion .slide-nav .slick-next{z-index:2;width:35px;height:35px;margin:0 -40px 0 0;right:0}
@media (max-width:1200px){
#component-main .slide-promotion .slide-nav .slick-next{margin:0 -20px 0 0}
}
@media (max-width:480px){
#component-main .slide-promotion .slide-nav .slick-next{margin:0 5px 0 0}
}
#component-main .slide-promotion .slide-nav .slick-next:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-right.png) no-repeat center center;display:block}
#component-main .slide-gallery .slide-main .slick-prev{left:auto;left:20px;width:50px;height:50px;z-index:100}
#component-main .slide-gallery .slide-main .slick-prev:before{background-image:url(../images/product/arrow-left-banner.png);background-position:center center;width:50px;height:50px;display:block;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
#component-main .slide-gallery .slide-main .slick-next{right:20px;width:50px;height:50px;z-index:100}
#component-main .slide-gallery .slide-main .slick-next:before{background-image:url(../images/product/arrow-right-banner.png);background-position:center center;width:50px;height:50px;display:block;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
#component-main .slide-gallery .slide-nav{width:100%;max-width:922px;margin:.5rem auto}
@media (max-width:1200px){
#component-main .slide-gallery .slide-nav{padding:0 20px}
}
#component-main .slide-gallery .slide-nav .slick-slide{padding:.4rem;display:table;position:relative;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
#component-main .slide-gallery .slide-nav .slick-slide em{display:block;font-style:normal}
#component-main .slide-gallery .slide-nav .slick-current{-webkit-opacity:1;-moz-opacity:1;opacity:1}
#component-main .slide-gallery .slide-nav .slick-prev{z-index:2;width:35px;height:auto;margin:0 0 0 -40px;left:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:1200px){
#component-main .slide-gallery .slide-nav .slick-prev{margin:0 0 0 -20px}
}
@media (max-width:480px){
#component-main .slide-gallery .slide-nav .slick-prev{padding:6% 0}
}
#component-main .slide-gallery .slide-nav .slick-prev:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-left.png) no-repeat center center;display:block}
#component-main .slide-gallery .slide-nav .slick-next{z-index:2;width:35px;height:auto;margin:0 -40px 0 0;right:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:1200px){
#component-main .slide-gallery .slide-nav .slick-next{margin:0 -20px 0 0}
}
@media (max-width:480px){
#component-main .slide-gallery .slide-nav .slick-next{padding:6% 0}
}
#component-main .slide-gallery .slide-nav .slick-next:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-right.png) no-repeat center center;display:block}
#component-main .button{padding:1rem 0}
#component-main .button .btn{background:#333;color:#fff;width:100%;padding:.5rem .75rem;font-size:1.1em}
#component-main .button .btn:hover{background:#a2a2a2}
#component-main .slide-hightlight .col-slide-main-highlight{padding-left:0;padding-right:0;overflow:hidden}
#component-main .slide-hightlight .col-slide-main-highlight .slick-slide{font-size:0}
#component-main .slide-hightlight .col-slide-main-highlight .slick-slide>div{overflow:hidden}
#component-main .slide-hightlight .col-slide-detail-highlight{background:#333}
#component-main .slide-hightlight .slide-detail-highlight{color:#fff}
@media (max-width:992px){
#component-main .slide-hightlight .slide-detail-highlight{padding-bottom:1rem}
}
#component-main .slide-hightlight .slide-nav-highlight{width:100%;max-width:922px;margin:.5rem auto}
@media (max-width:992px){
#component-main .slide-hightlight .slide-nav-highlight{padding:0 40px}
}
#component-main .slide-hightlight .slide-nav-highlight .slick-slide{padding:.4rem;display:table;position:relative;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
#component-main .slide-hightlight .slide-nav-highlight .slick-slide em{display:block;font-style:normal}
#component-main .slide-hightlight .slide-nav-highlight .slick-current{-webkit-opacity:1;-moz-opacity:1;opacity:1}
#component-main .slide-hightlight .slide-nav-highlight .slick-prev{z-index:2;width:35px;height:auto;margin:0 0 0 -40px;left:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:992px){
#component-main .slide-hightlight .slide-nav-highlight .slick-prev{margin:0}
}
#component-main .slide-hightlight .slide-nav-highlight .slick-prev:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-left.png) no-repeat center center;display:block}
#component-main .slide-hightlight .slide-nav-highlight .slick-next{z-index:2;width:35px;height:auto;margin:0 -40px 0 0;right:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:992px){
#component-main .slide-hightlight .slide-nav-highlight .slick-next{margin:0}
}
#component-main .slide-hightlight .slide-nav-highlight .slick-next:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-right.png) no-repeat center center;display:block}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget{list-style:none}
.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}
@media (min-width:576px){
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}
}
@media (min-width:768px){
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}
}
@media (min-width:992px){
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}
}
.bootstrap-datetimepicker-widget.dropdown-menu:after,.bootstrap-datetimepicker-widget.dropdown-menu:before{content:'';display:inline-block;position:absolute}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);top:-7px;left:7px}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:8px}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);bottom:-7px;left:6px}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;bottom:-6px;left:7px}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}
.bootstrap-datetimepicker-widget .list-unstyled{margin:0}
.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}
.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}
.bootstrap-datetimepicker-widget button[data-action]{padding:6px}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Hours"}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Hours"}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Hours"}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Minutes"}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle AM/PM"}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Clear the picker"}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Set the date to today"}
.bootstrap-datetimepicker-widget .picker-switch{text-align:center;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle Date and Time Screens"}
.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}
.bootstrap-datetimepicker-widget .picker-switch td i,.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}
.bootstrap-datetimepicker-widget table{width:100%;margin:0}
.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:.25rem;padding:.5em}
.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}
.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}
.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:0 0;color:#dee2e6;cursor:not-allowed}
.bootstrap-datetimepicker-widget table th.prev{-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.bootstrap-datetimepicker-widget table th.next{-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.bootstrap-datetimepicker-widget table th.prev::after{content:"";background:url(../images/layout/date_prev.png) no-repeat center center;width:20px;height:20px;display:block;margin:0 auto}
.bootstrap-datetimepicker-widget table th.next::after{content:"";background:url(../images/layout/date_next.png) no-repeat center center;width:20px;height:20px;display:block;margin:0 auto}
.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer;background:#13449d;color:#fff}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#f8f9fa;background:#13449d}
.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}
.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#dee2e6}
.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}
.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#f8f9fa;cursor:pointer}
.bootstrap-datetimepicker-widget table td.new,.bootstrap-datetimepicker-widget table td.old{color:#dee2e6}
.bootstrap-datetimepicker-widget table td.today{position:relative}
.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#dee2e6;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background:#13449d;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}
.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:0 0;color:#dee2e6;cursor:not-allowed}
.bootstrap-datetimepicker-widget table td i,.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:.25rem}
.bootstrap-datetimepicker-widget table td i:hover,.bootstrap-datetimepicker-widget table td span:hover{background:#f8f9fa}
.bootstrap-datetimepicker-widget table td i.active,.bootstrap-datetimepicker-widget table td span.active{background-color:#dee2e6;color:#007bff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}
.bootstrap-datetimepicker-widget table td i.old,.bootstrap-datetimepicker-widget table td span.old{color:#dee2e6}
.bootstrap-datetimepicker-widget table td i.disabled,.bootstrap-datetimepicker-widget table td i.disabled:hover,.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:0 0;color:#dee2e6;cursor:not-allowed}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}
.bootstrap-datetimepicker-widget.wider{width:21em}
.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em!important}
.input-group.date .input-group-addon{cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-slider.slick-dotted{cursor:grab}
.slick-slider.slick-dotted:active{cursor:grabbing}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);padding:0;border:none;outline:0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{outline:0;background:0 0;color:transparent}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-prev:before{font-size:20px;line-height:1;background:url(../images/product/arrow-left-product.png) no-repeat center center;width:30px;height:30px}
.slick-next:before{font-size:20px;line-height:1;background:url(../images/product/arrrow-right-product.png) no-repeat center center;width:30px;height:30px}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-prev:before{content:"←"}
[dir=rtl] .slick-prev:before{content:"→"}
.slick-next{right:-25px}
[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-next:before{content:"→"}
[dir=rtl] .slick-next:before{content:"←"}
.slick-dotted .slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:#000;opacity:.75}
.menu__childList{position:relative}
.innerEl-tight{max-width:80%}
@media (max-width:991px){
.innerEl-tight{max-width:100%}
}
@media (max-width:767px){
.menuGnav .menu__list{width:100%!important}
}
.modalMenu .menuGnav .menu__panelInner{height:500px}
@media (max-width:1400px){
.modalMenu .menuGnav .menu__panelInner{height:auto!important}
}
@media (max-width:767px){
.modalMenu a:focus,.modalMenu a:visited:focus,.modalMenu a:visited:focus-within,.modalMenu button:focus,.modalMenu button:visited:focus,.modalMenu button:visited:focus-within{outline:#000 1px solid!important;outline-offset:0!important;border:0 solid #fff!important;box-shadow:none!important}
}
@media (max-width:767px){
.menuGnav a.menu__link:focus,.menuGnav a.menu__link:visited:focus,.menuGnav a.menu__link:visited:focus-within,.menuGnav button.menu__link:focus,.menuGnav button.menu__link:visited:focus,.menuGnav button.menu__link:visited:focus-within{outline:#000 1px solid!important;outline-offset:0!important;border:0 solid #fff!important;box-shadow:none!important}
}
@media (max-width:767px){
.menuGnav a:focus,.menuGnav a:visited:focus,.menuGnav a:visited:focus-within,.menuGnav button:focus,.menuGnav button:visited:focus,.menuGnav button:visited:focus-within{outline:#000 1px solid!important;outline-offset:0!important;border:0 solid #fff!important;box-shadow:none!important}
}
header .menu__childContent_custom{width:100%;padding-left:1.875em;border-left:1px solid rgba(0,0,0,.08)}
header .menu__childContent_custom .menu__childList>li>a{width:21.42857143%}
header .menuGnav .menu__panelInner{height:580px}
@media (max-width:991px){
header .menuGnav .menu__panelInner{height:auto}
}
@media (max-width:767px){
header .menuGnav a.menu__link:focus,header .menuGnav a.menu__link:visited:focus,header .menuGnav a.menu__link:visited:focus-within,header .menuGnav button.menu__link:focus,header .menuGnav button.menu__link:visited:focus,header .menuGnav button.menu__link:visited:focus-within{outline:#000 1px solid!important;outline-offset:0!important;border:0 solid #fff!important;box-shadow:none!important}
}
header .menu__childPanel-custom{display:block}
header .menu__childPanel-custom .menu__childItem{margin-right:0;position:relative;margin-top:0}
header .menu__childPanel-custom>ul>li{display:block;width:100%;padding:.2em 0}
header .menu__childPanel-custom>ul>li>a{width:auto;position:relative;display:inline-block;text-transform:uppercase;font-weight:400;color:rgba(0,0,0,.5)!important;padding-right:50px}
@media (max-width:767px){
header .menu__childPanel-custom>ul>li>a{width:100%}
}
header .menu__childPanel-custom>ul>li>a:after{position:absolute;top:40%;right:15px;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
header .menu__childPanel-custom .dropdown{position:static}
header .menu__childPanel-custom .dropdown .dropdown>.dropdown-toggle{position:relative;color:#000}
header .menu__childPanel-custom .dropdown .dropdown>.dropdown-toggle:after{contain:"";position:absolute;top:2rem;right:1.5rem}
header .menu__childPanel-custom .dropdown.show>.dropdown-toggle:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
header .menu__childPanel-custom .dropdown:hover>a{color:#000}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown:hover>a{color:#fff}
}
header .menu__childPanel-custom .dropdown:hover>a.dropdown-toggle+.dropdown-menu{z-index:102;-webkit-opacity:1;-moz-opacity:1;opacity:1}
@media (min-width:992px){
header .menu__childPanel-custom .dropdown:hover>a.dropdown-toggle+.dropdown-menu{display:block;z-index:100;visibility:visible;opacity:1}
}
header .menu__childPanel-custom .dropdown:focus-within>a,header .menu__childPanel-custom .dropdown:focus>a{color:#000}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown:focus-within>a,header .menu__childPanel-custom .dropdown:focus>a{color:#fff}
}
header .menu__childPanel-custom .dropdown:focus-within>a.dropdown-toggle+.dropdown-menu,header .menu__childPanel-custom .dropdown:focus>a.dropdown-toggle+.dropdown-menu{z-index:100;-webkit-opacity:1;-moz-opacity:1;opacity:1}
@media (min-width:992px){
header .menu__childPanel-custom .dropdown:focus-within>a.dropdown-toggle+.dropdown-menu,header .menu__childPanel-custom .dropdown:focus>a.dropdown-toggle+.dropdown-menu{display:block;z-index:100;visibility:visible;opacity:1}
}
header .menu__childPanel-custom .dropdown-menu{width:100%;background:#777;height:510px;top:100%;margin-top:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:none;padding:0;z-index:1;-webkit-opacity:0;-moz-opacity:0;opacity:0;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;-o-transform:translate(0,0)!important}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu{height:auto;background:#132558;-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product{position:absolute;top:0;left:calc(21.42857143%)!important;width:calc(78.57142857%)!important;margin-top:0;height:510px;background-color:#fff;z-index:2;border:solid 1px #d6d6d6}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product{height:auto;position:relative;top:0;left:0;width:100%;background-color:transparent}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul{margin:0;padding:0;list-style:none;width:30%;background-color:#555;height:510px}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul{height:auto;width:100%;background:#132558}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul>li{padding:0 0;list-style:none;border-bottom:solid 1px #929292}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul>li{border-bottom:solid 1px #6f85bf}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul>li:hover a{background-color:#fff;color:#000!important}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul>li:hover a{background-color:#fff;color:#000!important}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul>li>a{padding:1rem 1rem;color:#fff!important;font-weight:400;font-size:1.4em;-webkit-opacity:1;-moz-opacity:1;opacity:1;display:block;padding-right:2.4rem}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product>ul>li>a{padding-left:3rem}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub{position:absolute;top:0;left:30%!important;background-color:#fff;width:calc(70%);height:calc(500px);padding:1rem;margin-top:1px;margin-left:-1px}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub{height:auto;width:100%;position:relative;left:0!important;padding:0}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub .title{color:rgba(0,0,0,.6);font-size:1.4em;position:relative;border-bottom:solid 1px #d6d6d6;padding:0 0 1rem 0;text-transform:uppercase}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub .title{display:none}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul{margin:0;padding:0 0;list-style:none;width:100%;background-color:transparent;height:450px;overflow-x:auto}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul{width:100%;height:auto}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li{border-bottom:none;padding:0 0}
@media (max-width:992px){
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li{border-bottom:solid 1px #929292;padding:5px 1rem}
}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li>a{position:relative;padding-left:165px;color:rgba(0,0,0,.5)!important;line-height:1;font-size:1.4em;padding:1rem 1rem;display:block}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li>a.no-img{padding-left:0}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li>a em{font-style:normal;color:rgba(0,0,0,.5)!important;line-height:1.3em}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li>a span{display:inline-block;height:100%;width:150px;background-repeat:no-repeat;background-position:center center;background-size:cover;text-indent:-9999px;position:absolute;top:0;left:0;border:solid 1px #dbdbdb}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li:hover{background-color:transparent!important}
header .menu__childPanel-custom .dropdown-menu.dropdown-menu-product-sub>ul>li:hover>a{color:rgba(0,0,0,.5)!important}
header .menu__childPanel-custom .sub-menu{margin:0;padding:0;list-style:none;width:250px;position:relative}
@media (max-width:1200px){
header .menu__childPanel-custom .sub-menu{width:200px}
}
@media (max-width:992px){
header .menu__childPanel-custom .sub-menu{width:100%}
}
header .menu__childPanel-custom .sub-menu>li{margin:0;padding:0;border-bottom:solid 1px #929292}
@media (max-width:992px){
header .menu__childPanel-custom .sub-menu>li{border-bottom:solid 1px #6f85bf;position:relative}
header .menu__childPanel-custom .sub-menu>li:before{content:"•";position:absolute;top:.8rem;left:1.5rem;color:#079dd5}
}
header .menu__childPanel-custom .sub-menu>li.head{border-bottom:none;padding-top:.42rem}
@media (max-width:992px){
header .menu__childPanel-custom .sub-menu>li.head{display:none}
}
header .menu__childPanel-custom .sub-menu>li.head label{color:#fff;font-size:1.2em;display:block;padding:.8rem 0;position:relative}
header .menu__childPanel-custom .sub-menu>li.head label:after{content:"";width:70px;height:1px;border-bottom:solid 2px #2dafeb;display:block;position:absolute;top:85%;left:0}
header .menu__childPanel-custom .sub-menu>li a{padding:.8rem 0;color:#fff;display:block}
@media (max-width:992px){
header .menu__childPanel-custom .sub-menu>li a{padding-left:3rem}
}
header .menu__childPanel-custom .sub-menu>li a:hover{background-color:transparent;text-decoration:none;color:#ccc}
.menu__childList_custom li{display:block;width:100%}
.menu__childList_custom li a{display:block;width:100%}
.modalMenu .dropdown-menu-product-mobile{position:relative!important;top:0!important;left:0!important;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;-o-transform:translate(0,0)!important;width:100%;margin:0;padding:0;border:none}
.modalMenu .dropdown-menu-product-mobile>ul{margin:0;padding:0;list-style:none;height:auto;width:100%;background:#777}
.modalMenu .dropdown-menu-product-mobile>ul li{padding:0 0;list-style:none}
.modalMenu .dropdown-menu-product-mobile>ul li:hover a{background-color:transparent;color:#fff}
.modalMenu .dropdown-menu-product-mobile>ul li a{padding:1rem 1rem;color:#fff;font-weight:400;font-size:1.4em}
.modalMenu .dropdown-menu-product-sub-mobile{height:auto;width:100%;position:relative!important;left:0!important;padding:0}
.modalMenu .dropdown-menu-product-sub-mobile .title{color:#fff;font-size:1.4em;position:relative;border-bottom:solid 1px #d6d6d6;padding:0 0 1rem 0;text-transform:uppercase}
@media (max-width:992px){
.modalMenu .dropdown-menu-product-sub-mobile .title{display:none}
}
.modalMenu .dropdown-menu-product-sub-mobile>ul{margin:0;padding:.75rem 0;list-style:none;width:100%;background-color:transparent;height:auto;overflow-x:auto}
.modalMenu .dropdown-menu-product-sub-mobile>ul>li{border-bottom:none;padding:5px 1rem;border-bottom:solid 1px #929292}
.modalMenu .dropdown-menu-product-sub-mobile>ul>li>a{position:relative;padding-left:165px;color:#fff;line-height:1}
.modalMenu .dropdown-menu-product-sub-mobile>ul>li>a span{display:inline-block;height:100%;width:150px;background-repeat:no-repeat;background-position:center center;background-size:cover;text-indent:-9999px;position:absolute;top:0;left:0;border:solid 1px #dbdbdb}
.modalMenu .dropdown-menu-product-sub-mobile>ul>li:hover{background-color:transparent!important}
.modalMenu .dropdown-menu-product-sub-mobile>ul>li:hover>a{color:#fff!important}
.menu__childContent .dropdown-toggle{width:100%;display:block}
.menu__childContent .dropdown-toggle.menu__childSubTitle{font-weight:600!important}
.menu__childContent .dropdown-toggle:after{position:absolute;right:15px;top:50%;margin-top:-2px}
.menu__childContent .dropdown-menu{position:relative!important;top:0;left:0;width:100%;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;-o-transform:translate(0,0)!important}
.menu__childContent .dropdown-menu-product{border:none}
.menu__childContent .dropdown-menu-product>ul{margin:0;padding:0;list-style:none;width:100%;background:#132558}
.menu__childContent .dropdown-menu-product>ul li{padding:0 0;list-style:none;border-bottom:solid 1px #6f85bf}
.menu__childContent .dropdown-menu-product>ul li:hover a{background-color:#fff;color:#000}
.menu__childContent .dropdown-menu-product>ul li a{padding:1.5rem 1.5rem;color:#fff;font-weight:400;font-size:1.4em;position:relative;display:block}
.menu__childContent .dropdown-menu-product-sub{height:auto;width:100%;position:relative;left:0!important;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-top:-1px}
.menu__childContent .dropdown-menu-product-sub .title{color:#fff;font-size:1.4em;position:relative;border-bottom:solid 1px #d6d6d6;padding:0 0 1rem 0;text-transform:uppercase;display:none}
.menu__childContent .dropdown-menu-product-sub>ul{margin:0;padding:0 0;list-style:none;width:100%;background-color:transparent;height:auto;overflow-x:auto}
.menu__childContent .dropdown-menu-product-sub>ul>li{border-bottom:solid 1px #929292;padding:5px 1rem}
.menu__childContent .dropdown-menu-product-sub>ul>li>a{position:relative;padding-left:120px;color:rgba(0,0,0,.5);line-height:1}
.menu__childContent .dropdown-menu-product-sub>ul>li>a.no-img{padding-left:0}
.menu__childContent .dropdown-menu-product-sub>ul>li>a em{font-style:normal;line-height:1.3em}
.menu__childContent .dropdown-menu-product-sub>ul>li>a span{display:inline-block;height:100%;width:100px;background-repeat:no-repeat;background-position:center center;background-size:cover;text-indent:-9999px;position:absolute;top:0;left:0;border:solid 1px #dbdbdb}
.menu__childContent .dropdown-menu-product-sub>ul>li:hover{background-color:transparent!important}
.menu__childContent .dropdown-menu-product-sub>ul>li:hover>a{color:rgba(0,0,0,.5)}
html.openmenu{overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100vh}
html.openmenu body{overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100vh}
.drawer-nav{position:fixed;top:0;left:0;height:100%;overflow-y:scroll}
@media (max-width:992px){
.menuGnav .menu__childSubTitle{margin:.35em 0}
}
@media (max-width:992px){
.menu__childPanel:first-child:nth-last-child(3),.menu__childPanel:first-child:nth-last-child(3)~.menu__childPanel{width:100%}
}
@media screen and (min-width:768px){
.menu__childPanel:first-child:nth-last-child(3),.menu__childPanel:first-child:nth-last-child(3)~.menu__childPanel{width:100%}
}
@media (max-width:992px){
.menu__childPanel{padding-left:1.875em;padding-right:1.875em}
}
@media (max-width:767px){
.menu__childPanel{padding-left:0;padding-right:0}
}
.menuGnav .menu__childItem a{-webkit-opacity:.5!important;-moz-opacity:.5!important;opacity:.5!important}
.menu__childItem.item .toggle{display:block;width:100%;color:#000;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;margin:0;padding:.55714em 0 .1em 0;position:relative}
.menu__childItem.item .toggle .menu__childCaption{margin:0;padding:0}
.menu__childItem.item .toggle:after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;position:absolute;right:15px;top:.65em}
.menu__childItem .inner{padding-left:1em;overflow:hidden;display:none;list-style:none;padding:0}
.menu__childItem .inner a{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.menu__childItem .inner li{padding:3px 0;position:relative;margin:0}
@media (max-width:990px){
.menu__childItem .inner li{padding:3px 1rem}
}
.menu__childItem .inner li>a{position:relative;color:#000;line-height:1;padding:.8rem 1rem;padding-left:115px;font-size:1.2rem;-webkit-opacity:.3!important;-moz-opacity:.3!important;opacity:.3!important}
.menu__childItem .inner li>a.no-img{padding-left:0}
.menu__childItem .inner li>a em{font-style:normal}
.menu__childItem .inner li>a span{display:inline-block;height:100%;width:100px;background-repeat:no-repeat;background-position:center center;background-size:cover;text-indent:-9999px;position:absolute;top:0;left:0;border:solid 1px #dbdbdb}
.menu__childItem .inner li:hover>a{color:#000!important;-webkit-opacity:.5!important;-moz-opacity:.5!important;opacity:.5!important}
.menu__childItem li{margin:.5em 0}
.menu__childItem li a.toggle{width:100%;display:block;background:rgba(0,0,0,.78);color:#fefefe;padding:.75em;border-radius:.15em;transition:background .3s ease}
.menu__childItem li a.toggle:hover{background:rgba(0,0,0,.9)}
*{box-sizing:border-box}
body{color:#333;padding-top:42px!important}
@media (max-width:1500px){
body{padding-top:34px!important}
}
@media (max-width:768px){
body{padding-top:0!important}
}
body.menuoverlay{overflow:hidden}
body.menuoverlay:before{position:fixed;top:0;left:0;width:100%;height:100%;content:"";background:#22439c;display:none;z-index:9}
@media (max-width:992px){
body.menuoverlay:before{display:block}
}
#wrapper{overflow-x:hidden;font-size:14px;font-family:kittithada,Neuzeit,Arial,sans-serif!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;min-height:calc(100vh - 134px)}
@media (max-width:1500px){
#wrapper{min-height:calc(100vh - 115px)}
}
@media (max-width:768px){
#wrapper{font-size:12px}
}
.desktop-hide{display:none}
@media (max-width:992px){
.desktop-hide{display:block}
}
@keyframes cssAnimation{
from{-webkit-transform:scale(1.3) translate(0)}
to{-webkit-transform:scale(1) translate(0)}
}
@-webkit-keyframes cssAnimation{
from{-webkit-transform:scale(1.3) translate(0)}
to{-webkit-transform:scale(1) translate(0)}
}
@-moz-keyframes cssAnimation{
from{-moz-transform:scale(1.3) translate(0)}
to{-moz-transform:scale(1) translate(0)}
}
@-o-keyframes cssAnimation{
from{-o-transform:scale(1.3) translate(0)}
to{-o-transform:scale(1) translate(0)}
}
@-ms-keyframes myMove{
from{-o-transform:scale(1.3) translate(0)}
to{-o-transform:scale(1) translate(0)}
}
#main{background:#e4e4e4;min-height:calc(100vh - 134px)}
@media (max-width:1500px){
#main{min-height:calc(100vh - 115px)}
}
#main .hero-banner{line-height:1}
#main .hero-banner .wrap-heroBanner{margin:0 auto;width:100%}
#main .hero-banner .wrap-heroBanner .slick-slide{width:100%;height:calc(100vh - 32px);position:relative}
@media (max-width:768px){
#main .hero-banner .wrap-heroBanner .slick-slide{height:auto}
}
#main .hero-banner .wrap-heroBanner .slideBanner{width:100%;height:calc(100vh - 32px);position:relative}
@media (max-width:768px){
#main .hero-banner .wrap-heroBanner .slideBanner{height:auto}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide{height:100%}
@media (max-width:768px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide{height:auto}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide a{position:absolute;height:100%;display:block;top:0;left:0;width:100%}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide .ani{position:absolute;top:0;left:0;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide .item{position:relative;height:calc(100vh - 32px)}
@media (max-width:768px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide .item{height:auto;padding-top:50%}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide .item .img{background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-slide.slick-active .item .img{transform:scale(1.3);-webkit-animation:cssAnimation 20s 1 ease-in-out;-moz-animation:cssAnimation 20s 1 ease-in-out;-o-animation:cssAnimation 20s 1 ease-in-out;-ms-animation:cssAnimation 20s 1 ease-in-out;animation:cssAnimation 20s 1 ease-in-out}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-prev{left:auto;right:80px;top:auto;bottom:3px;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);width:80px;height:80px;background-color:#34539d;z-index:1}
@media (max-width:992px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-prev{bottom:50%;margin-bottom:-40px;right:auto;left:0;background-color:transparent}
}
@media (max-width:480px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-prev{width:40px;height:40px;margin-bottom:-20px}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-prev:before{background-image:url(../images/home/arrow-perv.png)}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-next{right:0;top:auto;bottom:3px;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);width:80px;height:80px;background-color:#34539d}
@media (max-width:992px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-next{bottom:50%;margin-bottom:-40px;background-color:transparent}
}
@media (max-width:480px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-next{width:40px;height:40px;margin-bottom:-20px}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-next:before{background-image:url(../images/home/arrow-next.png)}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots{width:20px;right:20px;bottom:10px;height:100%;display:table;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-align-content:center;-ms-align-content:center;align-content:center;position:absolute}
@media (max-width:992px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots{display:block;width:100%;height:auto;bottom:30px;right:0}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li{margin:0;width:20px;height:20px;margin:5px 0}
@media (max-width:992px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li{margin:0 5px;width:16px;height:16px}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li button{padding:0}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li button:before{content:"";width:15px;height:20px;background:url(../images/home/navSlide.png) no-repeat 0 0;margin:0 auto;display:block;-webkit-opacity:1;-moz-opacity:1;opacity:1}
@media (max-width:992px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li button:before{width:16px;height:16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#c9c9c9;margin:0}
}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li.slick-active button{padding:0}
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li.slick-active button:before{content:"";width:15px;height:20px;background:url(../images/home/navSlide.png) no-repeat 0 -20px;margin:0 auto;display:block}
@media (max-width:992px){
#main .hero-banner .wrap-heroBanner .slideBanner .slick-dots li.slick-active button:before{width:16px;height:16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#34539d;margin:0}
}
#main .section-banner-product .wrap-bannerProduct{max-width:1336px;margin:0 auto;width:100%}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .box-slide{position:relative}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .box-slide .description{position:absolute;top:0;left:0;color:#fff;font-size:1.2em;width:100%}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .box-slide .description .text{background-color:rgba(0,0,0,.5);padding:15px}
@media (max-width:992px){
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .box-slide .description .text{padding:0;background-color:transparent}
}
@media (max-width:992px){
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .box-slide .description{position:relative;padding-top:1rem;color:#333}
}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .box-slide .description h3{font-size:2em}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .box-slide .description .btnMore{background-color:#333;margin-top:1rem;color:#fff}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-prev{left:auto;left:20px;width:50px;height:0;z-index:1;top:50%;padding-top:calc(22%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
@media (max-width:992px){
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-prev{left:5px;top:1%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-prev:before{background-image:url(../images/product/arrow-left-banner.png);background-position:center center;width:50px;height:50px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
@media (max-width:480px){
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-prev:before{width:30px;height:30px;background-size:contain}
}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-next{right:20px;width:50px;height:0;top:50%;padding-top:calc(22%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
@media (max-width:992px){
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-next{right:5px;top:1%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-next:before{background-image:url(../images/product/arrow-right-banner.png);background-position:center center;width:50px;height:50px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
@media (max-width:480px){
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-next:before{width:30px;height:30px;background-size:contain}
}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-dots{bottom:-35px}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-dots li{width:10px;height:10px;background:#777;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-dots li.slick-active{background:#13449d}
#main .section-banner-product .wrap-bannerProduct .slideBannerProduct .slick-dots li button:before{display:block;width:100%;height:100%;line-height:100%;text-indent:-9999px}
#main .section-project-detail .title-head{position:relative;padding-right:200px;margin-bottom:2em}
@media (max-width:992px){
#main .section-project-detail .title-head{padding-right:15px;margin-bottom:1rem}
}
#main .section-project-detail .title-head .title-detail-header{font-size:2em;padding:1rem 0 .5rem 0;position:relative}
#main .section-project-detail .title-head .title-detail-header:after{content:"";width:50px;height:1px;border-bottom:solid 4px #34539d;position:absolute;top:100%;left:0}
#main .section-project-detail .title-head .site-left-title,#main .section-project-detail .title-head .tab-summary{width:200px;position:absolute;top:50px;right:0;text-align:right}
@media (max-width:992px){
#main .section-project-detail .title-head .site-left-title,#main .section-project-detail .title-head .tab-summary{position:relative;top:0;width:100%;text-align:left;padding-top:1.5rem}
}
#main .section-project-detail .title-head .site-left-title ul,#main .section-project-detail .title-head .tab-summary ul{margin:0;padding:0;list-style:none;font-size:0}
#main .section-project-detail .title-head .site-left-title ul li,#main .section-project-detail .title-head .tab-summary ul li{display:inline-block;padding:0 15px;position:relative}
@media (max-width:992px){
#main .section-project-detail .title-head .site-left-title ul li:first-child,#main .section-project-detail .title-head .tab-summary ul li:first-child{padding-left:0}
}
#main .section-project-detail .title-head .site-left-title ul li:after,#main .section-project-detail .title-head .tab-summary ul li:after{content:"";width:1px;height:60%;position:absolute;top:20%;right:0;border-right:solid 2px #727272;margin-right:-1px}
#main .section-project-detail .title-head .site-left-title ul li a,#main .section-project-detail .title-head .tab-summary ul li a{color:#333;font-size:1em}
#main .section-project-detail .slide-main .slick-prev{left:auto;left:20px;width:50px;height:50px;z-index:100}
#main .section-project-detail .slide-main .slick-prev:before{background-image:url(../images/product/arrow-left-banner.png);background-position:center center;width:50px;height:50px;display:block;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
#main .section-project-detail .slide-main .slick-next{right:20px;width:50px;height:50px;z-index:100}
#main .section-project-detail .slide-main .slick-next:before{background-image:url(../images/product/arrow-right-banner.png);background-position:center center;width:50px;height:50px;display:block;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%)}
#main .section-project-detail .slide-nav{width:100%;max-width:922px;margin:.5rem auto}
@media (max-width:1200px){
#main .section-project-detail .slide-nav{padding:0 20px}
}
#main .section-project-detail .slide-nav .slick-slide{padding:.4rem;display:table;position:relative;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
#main .section-project-detail .slide-nav .slick-slide em{display:block;font-style:normal}
#main .section-project-detail .slide-nav .slick-current{-webkit-opacity:1;-moz-opacity:1;opacity:1}
#main .section-project-detail .slide-nav .slick-prev{z-index:2;width:35px;height:auto;margin:0 0 0 -40px;left:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:1200px){
#main .section-project-detail .slide-nav .slick-prev{margin:0 0 0 -20px}
}
@media (max-width:480px){
#main .section-project-detail .slide-nav .slick-prev{padding:6% 0}
}
#main .section-project-detail .slide-nav .slick-prev:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-left.png) no-repeat center center;display:block}
#main .section-project-detail .slide-nav .slick-next{z-index:2;width:35px;height:auto;margin:0 -40px 0 0;right:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:1200px){
#main .section-project-detail .slide-nav .slick-next{margin:0 -20px 0 0}
}
@media (max-width:480px){
#main .section-project-detail .slide-nav .slick-next{padding:6% 0}
}
#main .section-project-detail .slide-nav .slick-next:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-right.png) no-repeat center center;display:block}
#main .section-project-detail .project-gallery{background:#fff;padding:30px}
#main .section-project-detail .project-gallery .slide-main{cursor:grab}
#main .section-project-detail .project-gallery .slide-main:active{cursor:grabbing}
#main .project-gallery-detail{background:#333}
@media (max-width:992px){
#main .project-gallery-detail{padding-bottom:1rem}
}
#main .project-gallery-detail .table-detail{color:#fff;padding:15px}
#main .project-gallery-detail .table-detail h4{margin-top:2rem;font-size:1.5rem;padding-bottom:.5rem}
@media (max-width:992px){
#main .project-gallery-detail .table-detail h4{margin-top:1rem}
}
#main .project-gallery-detail .table-detail dl dd,#main .project-gallery-detail .table-detail dl dt{box-sizing:border-box}
#main .project-gallery-detail .table-detail dl dt{float:left;width:35%}
#main .project-gallery-detail .table-detail dl dd{margin-left:35%;padding-left:10px;position:relative}
#main .project-gallery-detail .table-detail dl dd:before{content:":";position:absolute;left:0}
#main .project-gallery-detail .table-detail dl dd:after{content:"";display:block;clear:both}
#main .project-gallery-detail-btn{padding:1rem 0}
#main .project-gallery-detail-btn .btn{background:#333;color:#fff;width:100%;padding:.5rem .75rem;font-size:1.1em}
#main .project-gallery-detail-btn .btn:hover{background:#a2a2a2}
#main .section-other-project{padding-top:2rem;padding-bottom:2rem}
#main .section-other-project .relate-box-header{padding-bottom:2rem}
#main .section-other-project .relate-box-header .primary{color:#333;position:relative;font-size:24px}
@media (max-width:992px){
#main .section-other-project .relate-box-header .primary{font-size:1.6em}
}
#main .section-other-project .relate-box-header .primary:after{content:"";width:40px;height:2.5px;background-color:#13449d;position:absolute;left:0;bottom:-.5rem}
#main .section-other-project .relate-box-header .secondary{color:#333;font-size:1em}
#main .section-other-project .item-box a{display:block}
#main .section-other-project .item-box .box-label{padding-top:.5rem;padding-bottom:2em}
#main .section-other-project .item-box .box-label .name{font-size:1.3em}
#main .section-other-project .item-box .box-label .location{font-size:1em}
#main .section-highlight-projects{padding-top:3rem;padding-bottom:3rem;background:#fff}
#main .section-highlight-projects .relate-box-header{padding-bottom:2rem}
#main .section-highlight-projects .relate-box-header .primary{color:#333;position:relative;font-size:24px}
@media (max-width:992px){
#main .section-highlight-projects .relate-box-header .primary{font-size:1.6em}
}
#main .section-highlight-projects .relate-box-header .primary:after{content:"";width:40px;height:2.5px;background-color:#13449d;position:absolute;left:0;bottom:-.5rem}
#main .section-highlight-projects .relate-box-header .secondary{color:#333;font-size:1em}
#main .section-highlight-projects .col-slide-main-highlight{padding-left:0;padding-right:0;overflow:hidden}
#main .section-highlight-projects .col-slide-main-highlight .slick-slide{font-size:0}
#main .section-highlight-projects .col-slide-main-highlight .slick-slide>div{overflow:hidden}
#main .section-highlight-projects .col-slide-detail-highlight{background:#333}
#main .section-highlight-projects .slide-detail-highlight{color:#fff}
@media (max-width:992px){
#main .section-highlight-projects .slide-detail-highlight{padding-bottom:1rem}
}
#main .section-highlight-projects .slide-nav-highlight{width:100%;max-width:922px;margin:.5rem auto}
@media (max-width:992px){
#main .section-highlight-projects .slide-nav-highlight{padding:0 40px}
}
#main .section-highlight-projects .slide-nav-highlight .slick-slide{padding:.4rem;display:table;position:relative;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
#main .section-highlight-projects .slide-nav-highlight .slick-slide em{display:block;font-style:normal}
#main .section-highlight-projects .slide-nav-highlight .slick-current{-webkit-opacity:1;-moz-opacity:1;opacity:1}
#main .section-highlight-projects .slide-nav-highlight .slick-prev{z-index:2;width:35px;height:auto;margin:0 0 0 -40px;left:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:992px){
#main .section-highlight-projects .slide-nav-highlight .slick-prev{margin:0}
}
#main .section-highlight-projects .slide-nav-highlight .slick-prev:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-left.png) no-repeat center center;display:block}
#main .section-highlight-projects .slide-nav-highlight .slick-next{z-index:2;width:35px;height:auto;margin:0 -40px 0 0;right:0;top:0;padding:3.5% 0;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
@media (max-width:992px){
#main .section-highlight-projects .slide-nav-highlight .slick-next{margin:0}
}
#main .section-highlight-projects .slide-nav-highlight .slick-next:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-right.png) no-repeat center center;display:block}
#main .section-highlight-projects .table-detail{color:#fff;padding:15px}
#main .section-highlight-projects .table-detail h4{margin-top:2rem;font-size:1.5rem;padding-bottom:.5rem}
@media (max-width:992px){
#main .section-highlight-projects .table-detail h4{margin-top:1rem}
}
#main .section-highlight-projects .table-detail dl dd,#main .section-highlight-projects .table-detail dl dt{box-sizing:border-box}
#main .section-highlight-projects .table-detail dl dt{float:left;width:35%}
#main .section-highlight-projects .table-detail dl dd{margin-left:35%;padding-left:10px;position:relative}
#main .section-highlight-projects .table-detail dl dd:before{content:":";position:absolute;left:0}
#main .section-highlight-projects .table-detail dl dd:after{content:"";display:block;clear:both}
#body{background:#e4e4e4}
.linkun:hover{text-decoration:none}
.linkVideo{position:relative;display:block}
.linkVideo:before{content:"";width:50px;height:50px;display:block;background:#fff;-webkit-opacity:.65;-moz-opacity:.65;opacity:.65;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.linkVideo:after{content:"";width:0;height:0;border-style:solid;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #007bff;position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-5px}
.section-breadcrumb{margin-left:-15px;margin-right:-15px}
.section-breadcrumb .breadcrumb{background-color:transparent;padding-left:0;padding-right:0;padding-bottom:1rem;padding-top:2rem;font-size:1.2rem;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-breadcrumb .breadcrumb.line{border-bottom:solid 1px #fff}
@media (max-width:992px){
.section-breadcrumb .breadcrumb.line{border:none}
}
@media (max-width:992px){
.section-breadcrumb .breadcrumb{padding-left:0;padding-right:0}
}
@media (max-width:768px){
.section-breadcrumb .breadcrumb{padding-left:10px}
}
@media (max-width:480px){
.section-breadcrumb .breadcrumb{font-size:1.2em}
}
.section-breadcrumb .breadcrumb li{color:#333}
.section-breadcrumb .breadcrumb li a{color:#6c757d}
.pages{text-align:center}
.pages .page-item .page-link{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:5px;border:solid 1px #212121;color:#333;background-color:transparent}
.pages .page-item.active .page-link{background-color:#212121;color:#fff}
.second-menu{position:absolute;background:#2e2e2e;width:100%;z-index:10}
.second-menu .navbar{padding-top:0;padding-bottom:0}
.second-menu.fixed{position:fixed;top:0;left:0}
.second-menu .collapseScroll{margin:0 0 0 auto;height:auto}
@media (max-width:992px){
.second-menu .collapseScroll{overflow-y:auto}
}
@media (max-width:992px){
.second-menu .navbar-toggler{width:96px;height:80px;background:url(../images/layout/icon_toggle.png) no-repeat 0 0;background-size:cover;display:block;position:absolute;top:0;right:0;text-indent:-9999px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:none}
}
@media (max-width:480px){
.second-menu .navbar-toggler{height:60px;width:72px}
}
.second-menu .menu-inner{max-width:1360px;margin:0 auto;width:100%}
.second-menu .menu-inner .navbar-brand{background:url(../images/washlet/washlet-logo.png) no-repeat center center;background-size:contain;width:168px;height:72px;display:inline-block;text-indent:-9999px}
@media (max-width:1200px){
.second-menu .menu-inner .navbar-brand{width:147px;height:70px;background-size:contain}
}
@media (max-width:992px){
.second-menu .menu-inner .navbar-brand{height:80px}
}
@media (max-width:480px){
.second-menu .menu-inner .navbar-brand{height:60px;width:126px}
}
.second-menu .menu-inner ul li.nav-item a{position:relative;color:#fff;font-size:1.1rem;padding:0 20px;line-height:58px!important;height:58px}
@media (max-width:1200px){
.second-menu .menu-inner ul li.nav-item a{line-height:40.6px!important;height:40.6px;font-size:.9rem;padding:0 12px}
}
@media (max-width:992px){
.second-menu .menu-inner ul li.nav-item a{line-height:50px!important;height:50px;font-size:1rem}
}
@media (max-width:480px){
.second-menu .menu-inner ul li.nav-item a{line-height:40px!important;height:40px}
}
.second-menu .menu-inner ul li.nav-item a.active,.second-menu .menu-inner ul li.nav-item a:hover{color:#fff}
.second-menu .menu-inner ul li.nav-item a.active:before,.second-menu .menu-inner ul li.nav-item a:hover:before{width:100%;height:1px;border-bottom:solid 4px #2dafeb;content:"";display:block;position:absolute;top:100%;left:0}
@media (max-width:992px){
.second-menu .menu-inner ul li.nav-item a.active:before,.second-menu .menu-inner ul li.nav-item a:hover:before{margin-top:-4px}
}
.second-menu .menu-inner ul li.nav-item.active a:before{width:100%;height:1px;border-bottom:solid 4px #2dafeb;content:"";display:block;position:absolute;top:100%;left:0}
@media (max-width:992px){
.second-menu .menu-inner ul li.nav-item.active a:before{margin-top:-4px}
}
.second-menu .menu-inner ul li.nav-item .dropdown-menu a{color:#000}
.second-menu .menu-inner ul li.nav-item .dropdown-menu a.active,.second-menu .menu-inner ul li.nav-item .dropdown-menu a:hover{color:#0056b3}
.second-menu .menu-inner ul li.nav-item .dropdown-menu a.active:before,.second-menu .menu-inner ul li.nav-item .dropdown-menu a:hover:before{width:100%;height:1px;border-bottom:solid 4px #2dafeb;content:"";display:block;position:absolute;top:100%;left:0;margin-top:0}
.modalalert .modal-content{min-height:150px;text-align:center}
.modalalert .modalClose{position:absolute;top:0;right:0;width:24px;height:24px;text-align:center;z-index:2}
.mfp-img-gallery .mfp-figure img.mfp-img{border:solid 20px #fff;padding:0}
.mfp-img-gallery .mfp-close{right:-33px;width:27.6px;height:27.6px;background:url(../images/washlet/home/story/btnClose.png) no-repeat center center;background-size:contain;text-indent:-9999px;text-align:left}
@media (max-width:992px){
.mfp-img-gallery .mfp-close{right:0;top:-33px}
}
.mfp-img-gallery .mfp-arrow-left:before{backgroun:transparent;border:none}
.mfp-img-gallery .mfp-arrow-left:after{content:"";width:36.8px;height:36.8px;background:url(../images/washlet/home/story/back.png) no-repeat center center;background-size:contain;border:none}
.mfp-img-gallery .mfp-arrow-right:before{backgroun:transparent;border:none}
.mfp-img-gallery .mfp-arrow-right:after{content:"";width:36.8px;height:36.8px;background:url(../images/washlet/home/story/next.png) no-repeat center center;background-size:contain;border:none;margin-left:25px}
.mfp-img-gallery .mfp-figure{position:relative}
.mfp-img-gallery figcaption{position:absolute;bottom:6%;left:0;width:100%;line-height:1rem}
.mfp-img-gallery .mfp-bottom-bar{width:100%;height:auto;margin:0;top:auto;bottom:0;position:relative;padding-left:30px;padding-right:30px}
.mfp-img-gallery .mfp-bottom-bar .mfp-years{font-size:3rem;text-align:center;color:#fff;padding:.5em 0 0 0;line-height:3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:480px){
.mfp-img-gallery .mfp-bottom-bar .mfp-years{font-size:2rem}
}
.mfp-img-gallery .mfp-bottom-bar .mfp-titles{font-size:1.2rem;text-align:center;color:#fff;line-height:1.2em;padding:.5em 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:480px){
.mfp-img-gallery .mfp-bottom-bar .mfp-titles{font-size:1rem;padding:.2em 0}
}
.mfp-img-gallery .mfp-bottom-bar .mfp-descriptions{font-size:.9rem;text-align:center;color:#fff;line-height:1.2em;padding:.5em 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:480px){
.mfp-img-gallery .mfp-bottom-bar .mfp-descriptions{font-size:.8rem}
}
.slide-galery-product{position:relative;height:580px}
@media (max-width:992px){
.slide-galery-product{height:750px}
}
@media (max-width:768px){
.slide-galery-product{height:550px}
}
@media (max-width:480px){
.slide-galery-product{height:450px}
}
@media (max-width:380px){
.slide-galery-product{height:350px}
}
#eventSlider .controlHolder{overflow:visible;background-image:none;border-top:solid 1px #eee;-webkit-opacity:0;-moz-opacity:0;opacity:0}
@media (max-width:992px){
#eventSlider .controlHolder{-webkit-opacity:1;-moz-opacity:1;opacity:1}
}
#eventSlider .controlHolder .captionToggle{display:none}
#eventSlider .controlHolder .prev{width:50px;height:50px;background:url(../images/washlet/icon/arrow-left.png) no-repeat center center;background-size:contain;position:absolute;top:0;left:0;margin-top:-65%}
@media (max-width:480px){
#eventSlider .controlHolder .prev{width:30px;height:30px}
}
#eventSlider .controlHolder .next{width:50px;height:50px;background:url(../images/washlet/icon/arrow-right.png) no-repeat center center;background-size:contain;position:absolute;top:0;left:auto;right:0;margin-top:-65%}
@media (max-width:480px){
#eventSlider .controlHolder .next{width:30px;height:30px}
}
#eventSlider .controlHolder .zoomIn{top:3px;left:5%;margin-left:0;background-image:url(../images/tns_controls.png)}
@media (max-width:992px){
#eventSlider .controlHolder .zoomIn{left:2%}
}
#eventSlider .controlHolder .zoomOut{top:3px;left:12%;margin-left:0;background-image:url(../images/tns_controls.png)}
@media (max-width:480px){
#eventSlider .controlHolder .zoomOut{left:15%}
}
#eventSlider .controlHolder .fullscreenToggle{top:4px;left:auto;right:5%;margin-left:0;background:url(../images/fullscreen.png) no-repeat 0 0;width:28px}
@media (max-width:992px){
#eventSlider .controlHolder .fullscreenToggle{right:2%}
}
#eventSlider .controlHolder .fullscreenToggle.on{background-position:0 -30px}
#eventSlider .controlHolder .thumbsToggle{top:3px;left:auto;right:12%;margin-left:0;background-image:url(../images/tns_controls.png)}
@media (max-width:480px){
#eventSlider .controlHolder .thumbsToggle{right:15%}
}
#eventSlider:hover .controlHolder{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-ms-transition:opacity .6s;-o-transition:opacity .6s}
.badgeLanguage{position:relative;top:-2px;line-height:2;background:#4462b4}
.nav-item-mobile{display:none}
@media (max-width:992px){
.nav-item-mobile{display:block}
}
#containerLoading{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(250,250,250,.8);z-index:999;cursor:pointer;display:none}
#loadingText{color:#34539d;font-size:30px;font-size:1.6em}
#loadingdots{width:50px;margin:10px auto 0 auto;text-align:center}
.dot{background:#34539d;float:left;height:10px;margin-left:4px;width:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity:0}
.wrapLoading{width:200px;height:60px;position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-30px;text-align:center}
.wrapVoteLoading{width:325px;height:60px;position:absolute;top:50%;left:50%;margin-left:-100px;margin-top:-30px;text-align:center}
.news_promotions-template-default .wrap-detail-content img{max-width:100%;height:auto}
.news_promotions-template-default .wrap-detail-content img.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}
.news_promotions-template-default .wrap-detail-content .aligncenter{text-align:center}
.section-our-product{padding-top:4rem;background-color:#e4e4e4;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-our-product .detail-video{background-color:#333;padding:15px 30px;color:#fff}
.section-our-product .detail-video .description{text-align:center;font-size:1.2em}
@media (max-width:992px){
.section-our-product .detail-video .description{padding:1.5rem 0 2rem 0}
}
.section-our-product .detail-video .description h3{font-size:2em;padding-bottom:.3em}
.section-our-product .detail-video .description a{color:#fff;margin-top:1rem;display:inline-block;text-decoration:underline}
.section-category{padding-top:4rem;background-color:#e4e4e4;clear:both;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-category .section-header{color:#333;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
.section-category .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
.section-category .section-header:after{width:80px;margin-left:-40px}
}
@media (max-width:575px){
.section-category div[class^=col-]:nth-child(odd){padding-right:5px}
.section-category div[class^=col-]:nth-child(even){padding-left:5px}
.section-category .box{margin-bottom:10px!important}
}
.section-category .box{margin-bottom:34px;font-size:1.2em}
.section-category .box a{display:block;color:#333}
.section-category .box .label{padding:22px 20px;background-color:#fff}
.section-category .box .label h3{font-size:1.4065rem;font-family:kittithada;font-size:normal;font-weight:400}
.section-category .box .label p{display:block}
.section-select-by{padding-top:4rem;background-color:#777;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-select-by .section-header{color:#fff;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
.section-select-by .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
.section-select-by .section-header:after{width:80px;margin-left:-40px}
}
@media (max-width:575px){
.section-select-by div[class^=col-]:nth-child(odd){padding-right:5px}
.section-select-by div[class^=col-]:nth-child(even){padding-left:5px}
.section-select-by .box{margin-bottom:10px!important}
}
.section-select-by .box{width:100%;margin-bottom:34px;position:relative;background-color:#fff;padding-bottom:50px;font-size:1.2em}
@media (max-width:575px){
.section-select-by .box{padding-bottom:40px}
}
.section-select-by .box .linkun{display:block}
.section-select-by .box .label{padding:22px 20px 10px 20px}
.section-select-by .box .label h3{font-size:1.4065rem;font-family:kittithada;font-size:normal;font-weight:400}
.section-select-by .box .label p{display:block}
.section-select-by .box .label a{position:absolute;bottom:0;right:0;text-indent:-99999px;width:50px;height:50px;float:right;color:#fff;background-color:#34539d;background-image:url(../images/product/button-more.jpg);background-repeat:no-repeat;background-position:center;background-size:contain;text-decoration:none}
@media (max-width:575px){
.section-select-by .box .label a{width:40px;height:40px}
}
.section-product-technology{padding:2.5rem 0 1rem 0;background-color:#e4e4e4;clear:both;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-product-technology .section-header{color:#333;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
.section-product-technology .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
.section-product-technology .section-header:after{width:80px;margin-left:-40px}
}
.section-product-technology .section-button{color:#fff;background-color:#333;margin:1.8rem auto;padding-right:1.8rem;padding-left:1.8rem;text-decoration:none;display:table}
.section-product-technology .section-button:hover{background-color:#a2a2a2}
.section-product-technology .media-item{width:100%;background-color:#fff;margin-bottom:30px;margin-left:10px;margin-right:10px}
.section-product-technology .media-item .media{padding:.75rem 1rem 1rem 1rem}
@media (max-width:992px){
.section-product-technology .media-item .media{min-height:100px}
}
.section-product-technology .media-item .media img{width:30px}
.section-product-technology .media-item .media h1{font-size:1.2em}
.section-product-technology .media-item .media p{line-height:1.2em}
.section-product-technology .product-technology-slide{display:none}
@media (max-width:992px){
.section-product-technology .product-technology-slide{display:block}
}
@media (max-width:992px){
.section-product-technology .product-technology-slide .col-12{padding-left:0;padding-right:0}
}
.section-product-technology .product-technology-slide-desktop{display:flex}
@media (max-width:992px){
.section-product-technology .product-technology-slide-desktop{display:none}
}
.section-product-relate{padding:1rem 0 1rem 0;background-color:#e4e4e4;clear:both;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-product-relate .section-header{color:#333;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
.section-product-relate .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
.section-product-relate .section-header:after{width:80px;margin-left:-40px}
}
.section-product-relate .section-button{color:#fff;background-color:#333;margin:1.8rem auto;padding-right:1.8rem;padding-left:1.8rem;text-decoration:none;display:table}
.section-product-relate .section-button:hover{background-color:#a2a2a2}
.section-product-relate .content-button{color:#fff;background-color:#333;margin-top:1rem;margin-bottom:.75rem;text-decoration:none}
.section-product-relate .content-button:hover{background-color:#a2a2a2}
.section-product-relate .wrap-box{background-color:#fff;margin-bottom:15px;position:relative}
@media (max-width:768px){
.section-product-relate .wrap-box{padding-left:30%}
}
@media (max-width:480px){
.section-product-relate .wrap-box{padding-bottom:50px}
}
.section-product-relate .wrap-box .display{width:100%;position:relative}
@media (max-width:768px){
.section-product-relate .wrap-box .display{width:25%;position:absolute;top:0;left:0}
}
.section-product-relate .wrap-box .display a{display:block}
.section-product-relate .wrap-box .display.badge-bestseller::before{content:"";width:60px;height:60px;background-image:url(../images/product/badge-bestseller.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}
.section-product-relate .wrap-box .display.badge-newarrival::before{content:"";width:60px;height:60px;background-image:url(../images/product/badge-newarrival.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}
.section-product-relate .wrap-box .display.badge-recommended::before{content:"";width:60px;height:60px;background-image:url(../images/product/badge-recommended.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}
.section-product-relate .wrap-box .group-box{width:100%}
@media (max-width:768px){
.section-product-relate .wrap-box .group-box{min-height:120px}
}
.section-product-relate .wrap-box .group-box .box{width:100%;padding:.75rem 1.25rem;border-bottom:#e4e4e6 2px solid;position:relative;font-size:1.1em}
.section-product-relate .wrap-box .group-box .box.add-top-border{border-top:#e4e4e6 2px solid}
.section-product-relate .wrap-box .group-box .box:last-child{border-bottom:none}
.section-product-relate .wrap-box .group-box .box .btnCloseTool{width:20px;height:20px;display:block;position:absolute;top:5px;right:5px;background:url(../images/product/button-close.jpg) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-indent:-9999px;display:none}
.section-product-relate .wrap-box .group-box .box .btnCloseTool.active{display:block}
.section-product-relate .wrap-box .group-box .box ul{margin:0;padding:0;list-style:none}
.section-product-relate .wrap-box .group-box .box ul li{margin:0;padding:0;margin-right:3px;margin-left:3px;margin-bottom:5px;position:relative;width:35px}
.section-product-relate .wrap-box .group-box .box ul li em{display:none}
.section-product-relate .wrap-box .group-box .box ul li.active{cursor:pointer}
.section-product-relate .wrap-box .group-box .box ul li.active:active,.section-product-relate .wrap-box .group-box .box ul li.active:focus,.section-product-relate .wrap-box .group-box .box ul li.active:focus-within{outline:#000 2px solid;outline-offset:3px;border-radius:100%}
.section-product-relate .wrap-box .group-box .box ul li.active:after{content:"";width:100%;height:100%;background:#34539d url(../images/product/pluscolor.png) no-repeat center center;position:absolute;top:0;left:0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-product-relate .wrap-box .group-box .box ul li.active em{width:20px;height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#d70000;display:block;text-align:center;line-height:20px;color:#fff;position:absolute;top:-7px;right:-7px;font-style:normal;z-index:1;font-size:.8em}
.section-product-relate .wrap-box .group-box .box .product-code{font-size:1.4em;text-transform:uppercase;position:relative}
.section-product-relate .wrap-box .group-box .box .product-code:before{content:"";width:5px;height:100%;background-color:#13449d;left:-1.25rem;top:0;position:absolute}
.section-product-relate .wrap-box .group-box .box h2{font-size:1em;padding-bottom:5px}
.section-product-relate .wrap-box .group-box .box p{line-height:1.3em}
.section-product-relate .wrap-box .group-box .box .badge-margin{margin-bottom:5px;vertical-align:top}
.section-product-relate .wrap-box .group-btn{width:100%;padding-bottom:15px;display:inline-block;display:block}
.section-product-relate .wrap-box .group-btn:after,.section-product-relate .wrap-box .group-btn:before{content:" ";display:table}
.section-product-relate .wrap-box .group-btn:after{clear:both}
@media (max-width:480px){
.section-product-relate .wrap-box .group-btn{position:absolute;bottom:10px;left:0;padding:0 15px}
}
.section-product-relate .wrap-box .group-btn .btn{color:#fff;background-color:#333;margin:.5rem auto;padding-right:.5rem;padding-left:.5rem;padding-top:.5rem;padding-bottom:.5rem;text-decoration:none;width:50%;margin:0 .35rem;position:relative;vertical-align:middle;letter-spacing:.01em!important}
@media (max-width:480px){
.section-product-relate .wrap-box .group-btn .btn{padding-top:.75rem;padding-bottom:.75rem}
}
.section-product-relate .wrap-box .group-btn .btn .oi{width:20px;height:1px;display:inline-block;position:relative;vertical-align:middle}
.section-product-relate .wrap-box .group-btn .btn .oi:before{content:"";width:20px;height:20px;background:url(../images/product/icon_plus.png) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-13px}
.section-product-relate .wrap-box .group-btn .btn.btn-compare .oi:before{background:url(../images/product/icon_plus.png) no-repeat center center}
.section-product-relate .wrap-box .group-btn .btn.btn-view .oi:before{background:url(../images/product/icon_view.png) no-repeat center center}
.section-product-relate .wrap-box .group-btn .btn:hover{background-color:#a2a2a2}
.section-product-comparison{padding:2.5rem 0;background-color:#e4e4e4;clear:both;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-product-comparison .section-header{color:#333;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
.section-product-comparison .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
.section-product-comparison .section-header:after{width:80px;margin-left:-40px}
}
.section-product-comparison .section-button{color:#fff;background-color:#333;margin:1.8rem auto;padding-right:1.8rem;padding-left:1.8rem;text-decoration:none;display:table}
.section-product-comparison .section-button:hover{background-color:#a2a2a2}
@media (max-width:992px){
.section-product-comparison .group-table-compare{margin-left:-20px;margin-right:-20px}
}
@media (max-width:480px){
.section-product-comparison .group-table-compare{margin-left:-10px;margin-right:-10px}
}
.section-product-comparison .group-table-compare .table{border-spacing:20px 0}
@media (max-width:992px){
.section-product-comparison .group-table-compare .table{word-wrap:break-word;width:200%}
}
@media (max-width:480px){
.section-product-comparison .group-table-compare .table{border-spacing:10px 0}
}
@media (max-width:992px){
.section-product-comparison .group-table-compare .table.tablefor01,.section-product-comparison .group-table-compare .table.tablefor02{width:100%}
.section-product-comparison .group-table-compare .table.tablefor01 td,.section-product-comparison .group-table-compare .table.tablefor02 td{width:50%}
}
@media (max-width:992px){
.section-product-comparison .group-table-compare .table.tablefor03{width:150%}
.section-product-comparison .group-table-compare .table.tablefor03 td{width:33.33%}
}
@media (max-width:992px){
.section-product-comparison .group-table-compare .table.tablefor04{width:200%}
.section-product-comparison .group-table-compare .table.tablefor04 td{width:25%}
}
.section-product-comparison .group-table-compare .table tr{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex}
.section-product-comparison .group-table-compare .table td{background-color:#fff;width:23%;border:none;border-bottom:#e4e4e6 2px solid;padding:0;margin:0 1%}
.section-product-comparison .group-table-compare .table td.remove-line{border-bottom:none}
.section-product-comparison .row-compare:last-child .box{border-bottom:none}
.section-product-comparison .row-compare .col-compare .product-display{width:100%;background-color:#fff;padding-top:1em;position:relative}
.section-product-comparison .row-compare .col-compare .product-display a{top:10px;right:10px;position:absolute;color:#cdcdcd;text-decoration:none}
.section-product-comparison .row-compare .col-compare .product-display a:hover{color:#de3636}
.section-product-comparison .row-compare .col-compare .box ul li{max-width:35px}
.section-product-comparison .box{width:100%;padding:.75rem 1.25rem;background-color:#fff}
.section-product-comparison .box.add-top-border{border-top:#e4e4e6 2px solid}
.section-product-comparison .box .product-code{font-size:1.2em;text-transform:uppercase;position:relative}
.section-product-comparison .box .product-code:before{content:"";width:5px;height:100%;background-color:#13449d;left:-1.25rem;top:0;position:absolute}
.section-product-comparison .box p{line-height:1rem}
.section-product-comparison .box .badge-margin{margin-bottom:5px;vertical-align:top}
.section-product-comparison .box ul{margin:0;padding:0;list-style:none}
.section-product-comparison .box ul li{margin:0;padding:0;margin-right:3px;margin-left:3px;margin-bottom:5px}
.section-toilets{clear:both;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;padding-top:4rem;padding-bottom:4rem}
.section-toilets .wrap-box{background-color:#fff;margin-bottom:15px;position:relative}
@media (max-width:768px){
.section-toilets .wrap-box{padding-left:30%}
}
@media (max-width:480px){
.section-toilets .wrap-box{padding-bottom:50px}
}
.section-toilets .wrap-box .display{width:100%;position:relative}
@media (max-width:768px){
.section-toilets .wrap-box .display{width:25%;position:absolute;top:0;left:0}
}
.section-toilets .wrap-box .display a{display:block}
.section-toilets .wrap-box .display.badge-bestseller::before{content:"";width:60px;height:60px;background-image:url(../images/product/badge-bestseller.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}
.section-toilets .wrap-box .display.badge-newarrival::before{content:"";width:60px;height:60px;background-image:url(../images/product/badge-newarrival.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}
.section-toilets .wrap-box .display.badge-recommended::before{content:"";width:60px;height:60px;background-image:url(../images/product/badge-recommended.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0}
.section-toilets .wrap-box .group-box{width:100%}
@media (max-width:768px){
.section-toilets .wrap-box .group-box{min-height:120px}
}
.section-toilets .wrap-box .group-box .box{width:100%;padding:.75rem 1.25rem;border-bottom:#e4e4e6 2px solid;position:relative;font-size:1.1em}
.section-toilets .wrap-box .group-box .box.add-top-border{border-top:#e4e4e6 2px solid}
.section-toilets .wrap-box .group-box .box:last-child{border-bottom:none}
.section-toilets .wrap-box .group-box .box .btnCloseTool{width:20px;height:20px;display:block;position:absolute;top:5px;right:5px;background:url(../images/product/button-close.jpg) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-indent:-9999px;display:none}
.section-toilets .wrap-box .group-box .box .btnCloseTool.active{display:block}
.section-toilets .wrap-box .group-box .box ul{margin:0;padding:0;list-style:none}
.section-toilets .wrap-box .group-box .box ul li{margin:0;padding:0;margin-right:3px;margin-left:3px;margin-bottom:5px;position:relative;width:35px}
.section-toilets .wrap-box .group-box .box ul li em{display:none}
.section-toilets .wrap-box .group-box .box ul li.active{cursor:pointer}
.section-toilets .wrap-box .group-box .box ul li.active:active,.section-toilets .wrap-box .group-box .box ul li.active:focus,.section-toilets .wrap-box .group-box .box ul li.active:focus-within{outline:#000 2px solid;outline-offset:3px;border-radius:100%}
.section-toilets .wrap-box .group-box .box ul li.active:after{content:"";width:100%;height:100%;background:#34539d url(../images/product/pluscolor.png) no-repeat center center;position:absolute;top:0;left:0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-toilets .wrap-box .group-box .box ul li.active em{width:20px;height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#d70000;display:block;text-align:center;line-height:20px;color:#fff;position:absolute;top:-7px;right:-7px;font-style:normal;z-index:1;font-size:.8em}
.section-toilets .wrap-box .group-box .box .product-code{font-size:1.4em;text-transform:uppercase;position:relative}
.section-toilets .wrap-box .group-box .box .product-code:before{content:"";width:5px;height:100%;background-color:#13449d;left:-1.25rem;top:0;position:absolute}
.section-toilets .wrap-box .group-box .box h2{font-size:1em;padding-bottom:5px}
.section-toilets .wrap-box .group-box .box p{line-height:1.3em}
.section-toilets .wrap-box .group-box .box .badge-margin{margin-bottom:5px;vertical-align:top}
.section-toilets .wrap-box .group-btn{width:100%;padding-bottom:15px;display:inline-block;display:block}
.section-toilets .wrap-box .group-btn:after,.section-toilets .wrap-box .group-btn:before{content:" ";display:table}
.section-toilets .wrap-box .group-btn:after{clear:both}
@media (max-width:480px){
.section-toilets .wrap-box .group-btn{position:absolute;bottom:10px;left:0;padding:0 15px}
}
.section-toilets .wrap-box .group-btn .btn{color:#fff;background-color:#333;margin:.5rem auto;padding-right:.5rem;padding-left:.5rem;padding-top:.5rem;padding-bottom:.5rem;text-decoration:none;width:50%;margin:0 .35rem;position:relative;vertical-align:middle;letter-spacing:.01em!important}
@media (max-width:480px){
.section-toilets .wrap-box .group-btn .btn{padding-top:.75rem;padding-bottom:.75rem}
}
.section-toilets .wrap-box .group-btn .btn .oi{width:20px;height:1px;display:inline-block;position:relative;vertical-align:middle}
.section-toilets .wrap-box .group-btn .btn .oi:before{content:"";width:20px;height:20px;background:url(../images/product/icon_plus.png) no-repeat center center;position:absolute;top:50%;left:0;margin-top:-13px}
.section-toilets .wrap-box .group-btn .btn.btn-compare .oi:before{background:url(../images/product/icon_plus.png) no-repeat center center}
.section-toilets .wrap-box .group-btn .btn.btn-view .oi:before{background:url(../images/product/icon_view.png) no-repeat center center}
.section-toilets .wrap-box .group-btn .btn:hover{background-color:#a2a2a2}
.section-toilets .btn-filter{display:none;margin-bottom:.5rem}
@media (max-width:992px){
.section-toilets .btn-filter{display:block}
}
.section-toilets .btn-filter a{text-transform:uppercase;padding-left:40px;height:30px;display:inline-block;line-height:30px!important;font-size:1.2em;color:#333;position:relative;float:right;padding-right:5px}
.section-toilets .btn-filter a:hover{text-decoration:none}
.section-toilets .btn-filter a:after{content:"";width:30px;height:30px;padding-left:30px;position:absolute;top:50%;left:5px;margin-top:-15px;display:block;background:#34539d url(../images/product/arrow-left.png) no-repeat center center;background-size:80%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-toilets .btn-back{display:none;margin-bottom:.5rem;text-align:left}
@media (max-width:992px){
.section-toilets .btn-back{display:block}
}
.section-toilets .btn-back a{text-transform:uppercase;padding-right:30px;padding-left:30px;height:30px;display:inline-block;line-height:30px!important;font-size:1.2em;margin-left:0;margin-right:0;color:#333}
.section-toilets .btn-back a:hover{text-decoration:none}
.section-toilets .btn-back a:after{content:"";width:30px;height:30px;position:absolute;top:50%;left:5px;margin-top:-15px;display:block;background:#34539d url(../images/product/arrrow-right.png) no-repeat center center;background-size:80%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-toilets .wrap-section-toilets{position:relative;overflow-x:hidden}
@media (max-width:992px){
.section-toilets .wrap-section-toilets .section-toilet{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}
@media (max-width:992px){
.section-toilets .wrap-section-toilets .section-toilet.filter_active{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0);-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s}
}
@media (max-width:992px){
.section-toilets .wrap-section-toilets .cols-filter{position:absolute;top:0;left:100%;height:100%}
}
@media (max-width:992px){
.section-toilets .wrap-section-toilets .cols-box{overflow:hidden}
}
.section-toilets .count-sortby{margin-bottom:1rem}
.section-toilets .count-sortby .custom-select{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:url(../images/product/selectbox.png) no-repeat center right;border:solid 1px #a2a6ac}
.section-toilets .count-page{line-height:34px}
.section-toilets .sortby>label{line-height:34px!important}
.section-toilets .sortby>div{margin-left:15px}
.section-toilets .col-filter{background-color:#fff}
.section-toilets .col-filter .box-filter-search{padding:15px;border-bottom:solid 1px #e4e4e4}
.section-toilets .col-filter .box-filter-search .form-group{position:relative;margin-bottom:0}
.section-toilets .col-filter .box-filter-search .form-group .form-control{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-bottom:0;padding-left:0;padding-right:30px}
.section-toilets .col-filter .box-filter-search .form-group .form-control:active,.section-toilets .col-filter .box-filter-search .form-group .form-control:focus{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.section-toilets .col-filter .box-filter-search .form-group .btn-search{width:30px;height:30px;display:block;position:absolute;top:0;right:0;text-indent:-9999px;background:url(../images/product/icon_find.png) no-repeat center center}
.section-toilets .col-filter .box-filter{padding:15px;border-bottom:solid 1px #e4e4e4}
.section-toilets .col-filter .box-filter .box-head .dropdown-toggle{position:relative;font-size:1.3em;color:#333;width:100%;display:block}
.section-toilets .col-filter .box-filter .box-head .dropdown-toggle:after{position:absolute;top:50%;right:0;margin-top:-2px}
.section-toilets .col-filter .box-filter .box-head .dropdown-toggle:hover{text-decoration:none}
.section-toilets .col-filter .box-filter .wrap-collapse{padding-top:.5rem;padding-bottom:.5rem}
.section-toilets .col-filter .box-filter .btn-apply{background-color:#333;color:#fff;padding-top:.5rem;padding-bottom:.5rem}
.section-toilets .col-download{margin-top:.5rem;background-color:#fff;padding:15px;border-left:solid 2px #34539d}
.section-toilets .col-download a{vertical-align:middle;display:flex;text-align:center;color:#333}
.section-toilets .col-download a:before{content:"";width:20px;height:26px;display:block;background:url(../images/product/icon_download.png) no-repeat center center;margin-right:10px}
.section-toilets .col-download .btn:active,.section-toilets .col-download .btn:focus,.section-toilets .col-download .btn:focus-within{outline:#000 2px solid;outline-offset:-4px}
.section-product-detail .wrap-product-detail{background-color:#fff;padding-top:4rem;padding-bottom:4rem}
@media (max-width:992px){
.section-product-detail .wrap-product-detail{padding-top:15px;padding-bottom:15px}
}
.section-product-detail .wrap-product-detail .box-description{padding-left:20px;font-size:1.1em;padding-bottom:1rem}
@media (max-width:992px){
.section-product-detail .wrap-product-detail .box-description{padding-top:2rem}
}
.section-product-detail .wrap-product-detail .box-description .title{font-size:1.5em;border-left:solid 4px #34539d;margin-left:-24px;padding-left:20px;margin-bottom:.5rem}
.section-product-detail .wrap-product-detail .box-description .de-detail{font-size:1.1em}
.section-product-detail .wrap-product-detail .box-description dl{margin:0;padding:0;list-style:none}
.section-product-detail .wrap-product-detail .box-description dl dd{display:table-row}
.section-product-detail .wrap-product-detail .box-description dl dd span{display:table-cell;position:relative}
.section-product-detail .wrap-product-detail .box-description dl dd span:first-child{padding-right:30px;width:30%}
.section-product-detail .wrap-product-detail .box-description dl dd span:first-child:after{content:":";position:absolute;top:0;right:15px}
.section-product-detail .wrap-product-detail .box-tech{padding:1rem 0 1rem 0;padding-left:30%;border-top:solid 1px #e4e4e4;position:relative}
.section-product-detail .wrap-product-detail .box-tech label{position:absolute;top:20px;left:0;font-size:1.2em}
.section-product-detail .wrap-product-detail .box-tech .btnCloseTool{width:20px;height:20px;display:block;position:absolute;top:5px;right:5px;background:url(../images/product/button-close.jpg) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-indent:-9999px;display:none}
.section-product-detail .wrap-product-detail .box-tech .btnCloseTool.active{display:block}
.section-product-detail .wrap-product-detail .box-tech ul{margin:0;padding:0;list-style:none}
.section-product-detail .wrap-product-detail .box-tech ul li{margin:0;padding:0;margin-right:3px;margin-left:3px;width:35px;margin-bottom:5px;position:relative}
.section-product-detail .wrap-product-detail .box-tech ul li.active{cursor:pointer}
.section-product-detail .wrap-product-detail .box-tech ul li.active:after{content:"";width:100%;height:100%;background:#34539d url(../images/product/pluscolor.png) no-repeat center center;position:absolute;top:0;left:0;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-product-detail .wrap-product-detail .box-tech ul li.active em{width:20px;height:20px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#d70000;display:block;text-align:center;line-height:20px;color:#fff;position:absolute;top:-7px;right:-7px;font-style:normal;z-index:1;font-size:.8em}
.section-product-detail .wrap-product-detail .box-awart{padding:1rem 0 1rem 0;border-top:solid 1px #e4e4e4}
.section-product-detail .wrap-product-detail .box-awart ul{margin:0;padding:0;list-style:none}
.section-product-detail .wrap-product-detail .box-awart ul li{margin:0;padding:0;margin-right:3px;margin-left:3px;margin-bottom:5px}
.section-product-detail .wrap-product-detail .box-available{padding:1rem 0 1rem 0;position:relative;padding-left:30%;border-top:solid 1px #e4e4e4}
.section-product-detail .wrap-product-detail .box-available label{position:absolute;top:25px;left:0;font-size:1.2em}
.section-product-detail .wrap-product-detail .box-available ul{margin:0;padding:0;list-style:none}
.section-product-detail .wrap-product-detail .box-available ul li{margin:0;padding:0;margin-right:3px;margin-left:3px;width:50px;height:50px;margin-bottom:5px}
.section-product-detail .wrap-product-detail .box-available ul li span{width:100%;height:100%;border:solid 1px #aeaeae;display:block;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-product-detail .wrap-product-detail .box-price{padding:1rem 0 1rem 0;position:relative;border-top:solid 1px #e4e4e4}
.section-product-detail .wrap-product-detail .box-price span{display:table-row;vertical-align:middle}
.section-product-detail .wrap-product-detail .box-price label{font-size:1.2em;display:table-cell;vertical-align:middle;padding-right:20px}
.section-product-detail .wrap-product-detail .box-price strong{font-size:1.8em;display:table-cell;vertical-align:middle;color:#34539d}
.section-product-detail .wrap-product-detail .box-btnblog{padding:1rem 0 1rem 0}
.section-product-detail .wrap-product-detail .box-btnblog .btn{color:#fff;background-color:#333;font-size:1.1em}
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-compare{position:relative}
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-compare .oi{position:relative}
@media (max-width:480px){
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-compare .oi{display:none}
}
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-compare .oi:before{content:"";background:url(../images/layout/icon_btn01.png) no-repeat center center;width:20px;height:20px;position:absolute;top:50%;left:5px;margin-top:-15px}
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-where{position:relative}
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-where .oi{position:relative}
@media (max-width:480px){
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-where .oi{display:none}
}
.section-product-detail .wrap-product-detail .box-btnblog .btn.btn-where .oi:before{content:"";background:url(../images/layout/icon_btn02.png) no-repeat center center;width:20px;height:20px;position:absolute;top:50%;left:5px;margin-top:-15px}
.section-product-detail .wrap-product-detail .box-share{padding:1rem 0 1rem 0}
.section-product-detail .wrap-product-detail .box-share .box-social{padding-top:0}
.section-product-detail .wrap-product-detail .box-share .box-social .btn-list{margin-right:.3rem}
.section-product-detail .wrap-product-detail .box-share .box-social .btn-social{text-decoration:none;text-indent:99999px;width:30px;height:30px;background-position:center;background-size:contain;background-repeat:no-repeat;display:block}
.section-product-detail .wrap-product-detail .box-share .box-social .btn-social.icon-facebook{background-image:url(../images/about/icon-fb.png)}
.section-product-detail .wrap-product-detail .box-share .box-social .btn-social.icon-twitter{background-image:url(../images/about/icon-twitter.png)}
.section-product-detail .wrap-product-detail .box-share .box-social .btn-social.icon-line{background-image:url(../images/about/icon-line.png)}
.section-product-detail .wrap-product-detail .box-share .box-social .btn-social.icon-email{background-image:url(../images/about/icon-email.png)}
.section-product-detail .wrap-product-detail .box-share .box-social .btn-social.icon-link{background-image:url(../images/about/icon-link.png)}
.section-product-detail .wrap-product-detail .box-features{padding:3rem 0 1rem 50px}
@media (max-width:992px){
.section-product-detail .wrap-product-detail .box-features{padding:1rem 0 15px 0}
}
.section-product-detail .wrap-product-detail .box-features .title{font-size:1.5em;margin-bottom:.5rem;position:relative}
.section-product-detail .wrap-product-detail .box-features .title:after{content:"";width:40px;height:1px;border-bottom:solid 2px #34539d;position:absolute;top:100%;left:0}
.section-product-detail .wrap-product-detail .box-features ul{margin:0;padding:.5rem 0 0 0;list-style:none}
.section-product-detail .wrap-product-detail .box-features ul li{position:relative;padding-left:15px;font-size:1.1em}
.section-product-detail .wrap-product-detail .box-features ul li:before{content:"•";position:absolute;top:0;left:0;color:#34539d}
.section-product-detail .wrap-product-detail .box-download{padding:1rem 0 1rem 0}
.section-product-detail .wrap-product-detail .box-download .title{padding:1rem 0 1rem 0;font-size:1.2em;background-color:#e4e4e4;padding-left:15px;padding-right:15px}
.section-product-detail .wrap-product-detail .box-download .body ul{margin:0;padding:0;list-style:none}
.section-product-detail .wrap-product-detail .box-download .body ul li{border-bottom:solid 1px #ccc}
.section-product-detail .wrap-product-detail .box-download .body ul li a{display:block;padding-top:1rem;padding-bottom:1rem;padding-left:35px;padding-right:30px;color:#333;font-size:1.1em;position:relative}
.section-product-detail .wrap-product-detail .box-download .body ul li a:after{content:"";width:30px;height:30px;background:url(../images/product/icon_down.png) no-repeat center center;display:block;position:absolute;top:.8rem;right:0}
.section-product-detail .wrap-product-detail .box-download .body ul li a:before{content:"";width:30px;height:30px;background:url(../images/product/icon_down1.png) no-repeat center center;display:block;position:absolute;top:.8rem;left:0}
.section-product-detail .wrap-product-detail .box-download .body ul li a.down_install:before{background-image:url(../images/product/icon_down2.png)}
.section-product-detail .wrap-product-detail .box-download .body ul li a:hover{text-decoration:none}
.section-product-detail .wrap-product-detail .slide-galery-product{padding:0 50px}
@media (max-width:1200px){
.section-product-detail .wrap-product-detail .slide-galery-product{padding:0 15px}
}
.section-product-detail .wrap-product-detail .slide-galery-product .slider-galery-product .tile{position:relative;width:100%;height:100%;padding-top:120%;overflow:hidden}
.section-product-detail .wrap-product-detail .slide-galery-product .slider-galery-product .tile.badge-bestseller::before{content:"";width:100px;height:100px;background-image:url(../images/product/badge-bestseller.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0;z-index:2}
.section-product-detail .wrap-product-detail .slide-galery-product .slider-galery-product .tile.badge-newarrival::before{content:"";width:100px;height:100px;background-image:url(../images/product/badge-newarrival.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0;z-index:2}
.section-product-detail .wrap-product-detail .slide-galery-product .slider-galery-product .tile.badge-recommended::before{content:"";width:100px;height:100px;background-image:url(../images/product/badge-recommended.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0;z-index:2}
.section-product-detail .wrap-product-detail .slide-galery-product .slider-galery-product .tile .photo{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transition:transform .5s ease-out;padding-top:80%}
.section-product-detail .wrap-product-detail .slide-galery-product .slider-galery-product .tile .txt{position:absolute;z-index:2;right:0;bottom:15px;left:0;font-size:1em;text-align:center;cursor:default;color:#777}
.section-product-detail .wrap-product-detail .slide-galery-product .wrap-thumb-galery{padding:0 30px}
.section-product-detail .wrap-product-detail .slide-galery-product .thumb-galery-product .slick-slide{padding:0 5px}
.section-product-detail .wrap-product-detail .slide-galery-product .thumb-galery-product .thumb{padding-top:60%;background-position:center center;background-repeat:no-repeat;border:solid 1px #ddd;width:100%;background-size:cover;display:block}
.modal-comparison{width:100%;pointer-events:none}
.modal-comparison .modal-dialog{width:100%;max-width:100%;margin:0;-webkit-box-shadow:0 0 5px 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px 5px rgba(0,0,0,.5);box-shadow:0 0 5px 5px rgba(0,0,0,.5)}
@media (max-width:992px){
.modal-comparison .modal-dialog{position:absolute;bottom:0}
}
.modal-comparison .modal-dialog .bar{width:100%;height:10px;background-color:#13449d;display:noen}
.modal-comparison .modal-dialog .modal-content{border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.modal-comparison .modal-dialog .head-modal{background:#13449d;height:40px}
.modal-comparison .modal-dialog .head-modal .container{position:relative}
.modal-comparison .modal-dialog .head-modal .head{position:absolute;top:0;left:0;width:100%;padding-left:15px;padding-right:15px;font-size:1.1em}
.modal-comparison .modal-dialog .head-modal .head h3{font-size:1.2em;color:#fff;line-height:40px}
.modal-comparison .modal-dialog .head-modal .head .btnClose{position:absolute;top:5px;right:0;color:#fff;background-color:#13449d;padding:0 1.5rem;width:30px;height:30px;background:url(../images/product/arrow-x.png) no-repeat center center;background-size:50%;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
@media (max-width:992px){
.modal-comparison .modal-dialog .head-modal .head .btnClose{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
}
@media (max-width:480px){
.modal-comparison .modal-dialog .head-modal .head .btnClose{background-size:30%}
}
.modal-comparison .modal-dialog .head-modal .head .btnClose.open{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0)}
@media (max-width:992px){
.modal-comparison .modal-dialog .head-modal .head .btnClose.open{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
}
.modal-comparison .modal-dialog .head-modal .head .btnClose:hover{text-decoration:none}
.modal-comparison .modal-dialog .wrap-container{padding-top:15px;position:relative;padding-bottom:10px;padding-left:190px;padding-right:190px}
@media (max-width:992px){
.modal-comparison .modal-dialog .wrap-container{padding-left:0;padding-right:120px;padding-top:10px;padding-bottom:10px}
}
@media (max-width:767px){
.modal-comparison .modal-dialog .wrap-container{padding-right:0}
}
@media (max-width:480px){
.modal-comparison .modal-dialog .wrap-container .col4{padding-left:10px;padding-right:10px}
}
.modal-comparison .modal-dialog .wrap-container .delete{position:absolute;top:5%;right:0;width:190px;padding-left:15px;padding-right:15px;margin-top:1.5rem}
@media (max-width:1200px){
.modal-comparison .modal-dialog .wrap-container .delete{top:0}
}
@media (max-width:992px){
.modal-comparison .modal-dialog .wrap-container .delete{width:120px;top:15px;margin-top:0}
}
@media (max-width:767px){
.modal-comparison .modal-dialog .wrap-container .delete{position:relative;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
}
@media (max-width:575px){
.modal-comparison .modal-dialog .wrap-container .delete{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte{text-align:center;display:block;width:100px;margin:0 auto 0 auto;padding-top:40px;font-size:1.1em;color:#666}
@media (max-width:767px){
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte{width:100%;padding-top:0;padding-left:40px;text-align:left;position:relative;line-height:45px}
}
@media (max-width:360px){
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte{font-size:.8em}
}
@media (max-width:360px){
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte{padding-left:30px}
}
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte:hover{text-decoration:none}
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte:before{content:"";display:block;width:40px;height:40px;background:url(../images/layout/clearAll.png) no-repeat center center;position:absolute;top:0;left:50%;margin-left:-20px}
@media (max-width:767px){
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte:before{left:0;margin-left:0}
}
@media (max-width:360px){
.modal-comparison .modal-dialog .wrap-container .delete .btnDelte:before{width:30px;height:30px;background-size:cover;top:5px}
}
.modal-comparison .modal-dialog .wrap-container .box-modal{border:dashed 2px #cfcfcf;padding-top:50%;background:#fff url(../images/layout/bg-plus.jpg) no-repeat center center;position:relative}
.modal-comparison .modal-dialog .wrap-container .box-modal .bg-modal{position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;width:100%;height:100%;-webkit-box-shadow:0 0 2px 0;-moz-box-shadow:0 0 2px 0;box-shadow:0 0 2px 0}
.modal-comparison .modal-dialog .wrap-container .box-modal .bg-modal .btnCloseClear{width:23px;height:23px;background:url(../images/layout/moClose.png) no-repeat center center;display:block;position:absolute;top:5px;right:5px;text-indent:-9999px}
.modal-comparison .modal-dialog .wrap-container .box-modal.current{border:solid 2px #cfcfcf;-webkit-box-shadow:0 0 10px 2px #cfcfcf;-moz-box-shadow:0 0 10px 2px #cfcfcf;box-shadow:0 0 10px 2px #cfcfcf}
.modal-comparison .modal-dialog .wrap-container .btn{display:block;text-align:center;background-color:#333;color:#fff;font-size:1.2em}
#home{padding-bottom:4rem}
#home .home-highlight{padding-top:4rem}
@media (max-width:480px){
#home .home-highlight{padding-top:4rem}
}
@media (max-width:992px){
#home .home-highlight .row>div{margin-bottom:2rem}
}
#home .home-highlight a{color:#333}
#home .home-highlight a:hover{text-decoration:none}
#home .home-highlight .description{height:190px;position:relative;background-color:#fff;padding:30px;font-size:1.8em;line-height:1em}
#home .home-highlight .description .detail{font-size:.7em;padding-top:.3em}
#home .home-highlight .description:after{content:"+";width:50px;height:50px;position:absolute;bottom:0;right:0;line-height:50px;text-align:center;color:#fff;background-color:#34539d;font-size:1.5em}
#home .home-categories{padding-top:4rem}
@media (max-width:992px){
#home .home-categories{padding-top:2rem}
}
@media (max-width:480px){
#home .home-categories{padding-top:2rem}
}
@media (max-width:480px){
#home .home-categories .mb-4{padding-right:5px!important;margin-bottom:.8rem!important}
}
@media (max-width:480px){
#home .home-categories .mb-4:nth-child(2n){padding-right:15px!important;padding-left:5px!important}
}
#home .home-categories a{display:block;position:relative;color:#fff}
#home .home-categories .description{height:80px;position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,.7);width:100%;padding:15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:none;font-size:1.8em;line-height:1em}
@media (max-width:480px){
#home .home-categories .description{font-size:1.4em;height:80px;padding:5px 15px}
}
@media (max-width:375px){
#home .home-categories .description{height:60px}
}
#home .home-video{padding-top:6rem;padding-left:15px;padding-right:15px}
@media (max-width:992px){
#home .home-video{padding-top:3rem}
}
@media (max-width:480px){
#home .home-video{padding-top:2rem}
}
#home .home-video .detail-video{background-color:#333;padding:15px 30px;color:#fff}
#home .home-video .detail-video .description{text-align:center}
@media (max-width:992px){
#home .home-video .detail-video .description{padding:1.5rem 0 2rem 0}
}
#home .home-video .detail-video .description h3{font-size:2em;padding-bottom:.3em}
@media (max-width:768px){
#home .home-video .detail-video .description{font-size:1.4em}
}
@media (max-width:480px){
#home .home-video .detail-video .description{font-size:1.2em}
}
#home .home-video .detail-video .description strong{font-weight:700}
#home .home-video .detail-video .description p{padding-bottom:.5em}
#home .home-aboutusTOTO{padding-top:6rem}
@media (max-width:992px){
#home .home-aboutusTOTO{padding-top:3rem}
}
@media (max-width:480px){
#home .home-aboutusTOTO{padding-top:2rem}
}
#home .home-aboutusTOTO .wrap-aboutusTOTO{position:relative}
#home .home-aboutusTOTO .wrap-aboutusTOTO .description{position:absolute;top:0;left:0;width:100%;height:100%;padding:4rem 14rem 4rem 4rem}
@media (max-width:992px){
#home .home-aboutusTOTO .wrap-aboutusTOTO .description{position:relative;padding:15px;background-color:#fff}
}
#home .home-aboutusTOTO .wrap-aboutusTOTO .description h3{padding-bottom:.5em;font-size:1.143em;color:#34539d;font-weight:700}
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .text-main{font-size:1.714em;line-height:1em;padding-bottom:.5em;font-weight:700}
@media (max-width:480px){
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .text-main{font-size:1.4em}
}
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .text-sub{font-size:1.714em;line-height:1em;padding-bottom:.5em;color:#b9b9b9;font-weight:700}
@media (max-width:480px){
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .text-sub{font-size:1.4em}
}
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .btn{width:170px;height:60px;background-color:#34539d;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0;padding:0;position:absolute;bottom:2rem;right:2rem;line-height:60px;font-weight:700;font-size:1.143em;font-family:Neuzeit;color:#fff}
@media (max-width:992px){
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .btn{position:relative;bottom:auto;top:0;right:0;margin-left:auto;margin-right:0;display:block}
}
@media (max-width:480px){
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .btn{line-height:40px;height:40px;width:140px;margin-top:.5rem}
}
#home .home-aboutusTOTO .wrap-aboutusTOTO .description .btn:after{content:"+";position:relative;top:-1px;left:15px;font-size:1.143em;font-family:Neuzeit}
#home .home-banner{padding-top:4rem}
@media (max-width:480px){
#home .home-banner{padding-top:2rem}
}
#home .home-bant,#home .technology-bant{padding-top:2rem}
@media (max-width:480px){
#home .home-bant,#home .technology-bant{padding-top:1rem}
}
#home .home-bant .wrap-homeBant,#home .technology-bant .wrap-homeBant{border-collapse:collapse;display:block;text-align:center;margin:0 auto;font-size:0}
#home .home-bant .wrap-homeBant>div[class^=col],#home .technology-bant .wrap-homeBant>div[class^=col]{border:solid 1px #fff;border-width:0 1px;display:inline-block;width:12.5%;margin-bottom:1rem}
@media (max-width:992px){
#home .home-bant .wrap-homeBant>div[class^=col],#home .technology-bant .wrap-homeBant>div[class^=col]{width:25%;margin-bottom:2rem}
}
@media (max-width:480px){
#home .home-bant .wrap-homeBant>div[class^=col],#home .technology-bant .wrap-homeBant>div[class^=col]{width:33.33333333%;margin-bottom:1rem}
}
#home .home-bant a,#home .technology-bant a{display:block;margin:0 auto;text-align:center}
#home .home-bant a img,#home .technology-bant a img{display:block;margin:0 auto}
.fadePanel .thumbnail{position:relative}
.fadePanel .thumbnail:before{display:block;content:"";width:100%;padding-top:66.46884273%}
.fadePanel .thumbnail>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel .thumbnail:before{display:block;content:"";width:100%;padding-top:66.46884273%}
.fadePanel .thumbnail>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel .thumbnail>iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.fadePanel.pc .thumbnail{position:relative}
.fadePanel.pc .thumbnail:before{display:block;content:"";width:100%;padding-top:66.46884273%}
.fadePanel.pc .thumbnail>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel.pc .thumbnail:before{display:block;content:"";width:100%;padding-top:66.46884273%}
.fadePanel.pc .thumbnail>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel.pc .thumbnail>iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.fadePanel.sp .thumbnail{position:relative}
.fadePanel.sp .thumbnail:before{display:block;content:"";width:100%;padding-top:50.66666667%}
.fadePanel.sp .thumbnail>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel.sp .thumbnail:before{display:block;content:"";width:100%;padding-top:50.66666667%}
.fadePanel.sp .thumbnail>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel.sp .thumbnail>iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.fadePanel .thumbnailSquare{position:relative}
.fadePanel .thumbnailSquare:before{display:block;content:"";width:100%;padding-top:88.63636364%}
.fadePanel .thumbnailSquare>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel .thumbnailSquare:before{display:block;content:"";width:100%;padding-top:88.63636364%}
.fadePanel .thumbnailSquare>img{position:absolute;top:0;left:0;right:0;bottom:0}
.fadePanel .thumbnailSquare>iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.section-about-newspromo-highlight.section-extended{max-width:1366px}
.section-about-newspromo-tab{padding:1.4rem 0;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-about-newspromo-tab.section-extended{max-width:1366px}
.section-about-newspromo-tab .tab-header .tab-summary{color:#777;font-size:1em;padding-bottom:1.4rem;text-align:center}
.section-about-newspromo-tab .tab-header .tab-summary .nav-link{display:inline-block;color:#333;padding-left:10px;padding-right:10px}
.section-about-newspromo-tab .tab-header .nav-tabs{border:none}
.section-about-newspromo-tab .tab-header .nav-tabs .nav-item{text-align:center}
.section-about-newspromo-tab .tab-header .nav-tabs .nav-item a{font-size:1em;color:#333;border-radius:0;border:none;padding-bottom:10px;padding-left:2rem;padding-right:2rem}
@media (max-width:992px){
.section-about-newspromo-tab .tab-header .nav-tabs .nav-item a{padding-left:.5rem;padding-right:.5rem}
}
.section-about-newspromo-tab .tab-header .nav-tabs .nav-item a span{position:relative}
.section-about-newspromo-tab .tab-header .nav-tabs .nav-item a.active span::before{content:"";background-color:#13449d;width:100%;height:4px;position:absolute;bottom:-10px;left:0;margin-top:10px}
.section-about-newspromo-tab .tab-body{width:100%;padding:2rem 0 3rem 0;background-color:#fff}
.section-about-newspromo-tab .tab-body .news-promotion-item-box{width:100%;margin-bottom:34px;position:relative;background-color:#fff;padding-bottom:50px}
@media (max-width:575px){
.section-about-newspromo-tab .tab-body .news-promotion-item-box{padding-bottom:40px}
}
.section-about-newspromo-tab .tab-body .news-promotion-item-box a{display:block}
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label{padding:22px 20px 10px 20px}
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label .secondary{font-size:1em}
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label .primary{font-size:18px}
@media (max-width:992px){
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label .primary{font-size:1.5em}
}
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label .primary a{color:inherit}
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label .primary a:hover{text-decoration:none}
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label .link-out{position:absolute;bottom:0;right:0;text-indent:-99999px;width:50px;height:50px;float:right;color:#fff;background-color:#34539d;background-image:url(../images/product/button-more.jpg);background-repeat:no-repeat;background-position:center;background-size:contain;text-decoration:none}
@media (max-width:575px){
.section-about-newspromo-tab .tab-body .news-promotion-item-box .box-label .link-out{width:40px;height:40px}
}
.section-about-newspromo-tab .tab-body .tab-title-box{padding-bottom:2rem}
.section-about-newspromo-tab .tab-body .tab-title-box .tab-title{font-size:1.8em}
.section-about-newspromo-tab .tab-body .tab-title-box .tab-summary{color:#777;font-size:1em}
.section-about-newspromo-tab .tab-body .tab-title-box .tab-summary .nav-link{display:inline-block;color:#333;padding-left:10px;padding-right:10px}
.wrap-detail-content{padding-bottom:3rem;max-width:922px;background-color:#fff;position:relative}
@media (min-width:992px){
.wrap-detail-content>div{padding-left:2rem;padding-right:2rem}
}
.wrap-detail-content .box-content-head{margin-top:2rem;margin-bottom:2.5rem;padding-top:3rem;position:relative}
@media (max-width:768px){
.wrap-detail-content .box-content-head{padding-top:2rem}
}
.wrap-detail-content .box-content-head:before{content:"";width:8px;height:100%;background-color:#13449d;top:0;left:0;position:absolute}
.wrap-detail-content .box-content-head .content-date{color:#13449d;font-size:1em;margin-bottom:.4rem}
.wrap-detail-content .box-content-head .content-short{font-weight:700;font-size:18px}
@media (max-width:992px){
.wrap-detail-content .box-content-head .content-short{font-size:1.4em}
}
.wrap-detail-content .box-content{font-size:16px}
@media (max-width:992px){
.wrap-detail-content .box-content{font-size:1.2em}
}
.wrap-detail-content .box-content h1{font-size:32px;font-weight:700}
@media (max-width:992px){
.wrap-detail-content .box-content h1{font-size:2em}
}
.wrap-detail-content .box-content h2{font-size:24px;font-weight:700}
@media (max-width:992px){
.wrap-detail-content .box-content h2{font-size:1.5em}
}
.wrap-detail-content .box-content h3{font-size:18px;font-weight:700}
@media (max-width:992px){
.wrap-detail-content .box-content h3{font-size:1.17em}
}
.wrap-detail-content .box-attachment{padding-top:2rem}
.wrap-detail-content .box-attachment .attachment-title{font-size:1.2em;position:relative}
.wrap-detail-content .box-attachment .attachment-title:after{content:"";width:40px;height:2.5px;background-color:#13449d;position:absolute;left:0;bottom:-.5rem}
.wrap-detail-content .box-attachment .attachment-text{font-size:1em;line-height:1.2em;padding:1rem 0}
.wrap-detail-content .box-social{padding-top:2rem}
.wrap-detail-content .box-social .btn-list{margin-right:.3rem}
.wrap-detail-content .box-social .btn-social{text-decoration:none;text-indent:99999px;width:30px;height:30px;background-position:center;background-size:contain;background-repeat:no-repeat;display:block}
.wrap-detail-content .box-social .btn-social.icon-facebook{background-image:url(../images/about/icon-fb.png)}
.wrap-detail-content .box-social .btn-social.icon-twitter{background-image:url(../images/about/icon-twitter.png)}
.wrap-detail-content .box-social .btn-social.icon-line{background-image:url(../images/about/icon-line.png)}
.wrap-detail-content .box-social .btn-social.icon-email{background-image:url(../images/about/icon-email.png)}
.wrap-detail-content .box-social .btn-social.icon-link{background-image:url(../images/about/icon-link.png)}
.content-detail-header{font-size:2em;color:#13449d;padding:1rem 0}
.section-promotion-detail{overflow:hidden;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-promotion-detail .content-detail-header{font-size:2em;color:#13449d;padding:1rem 0}
.section-promotion-detail .slide-nav{width:100%;max-width:922px;margin:.5rem auto}
@media (max-width:1200px){
.section-promotion-detail .slide-nav{padding:0 20px}
}
.section-promotion-detail .slide-nav .slick-slide{padding:.4rem;display:table;position:relative;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}
.section-promotion-detail .slide-nav .slick-slide em{display:block;font-style:normal}
.section-promotion-detail .slide-nav .slick-current{-webkit-opacity:1;-moz-opacity:1;opacity:1}
.section-promotion-detail .slide-nav .slick-prev{z-index:2;width:35px;height:35px;margin:0 0 0 -40px;left:0}
@media (max-width:1200px){
.section-promotion-detail .slide-nav .slick-prev{margin:0 0 0 -20px}
}
@media (max-width:480px){
.section-promotion-detail .slide-nav .slick-prev{margin:0 0 0 5px}
}
.section-promotion-detail .slide-nav .slick-prev:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-left.png) no-repeat center center;display:block}
.section-promotion-detail .slide-nav .slick-next{z-index:2;width:35px;height:35px;margin:0 -40px 0 0;right:0}
@media (max-width:1200px){
.section-promotion-detail .slide-nav .slick-next{margin:0 -20px 0 0}
}
@media (max-width:480px){
.section-promotion-detail .slide-nav .slick-next{margin:0 5px 0 0}
}
.section-promotion-detail .slide-nav .slick-next:before{content:"";width:35px;height:35px;background:url(../images/washlet/icon/arrow-c-right.png) no-repeat center center;display:block}
.section-other-content{padding-top:4rem;padding-bottom:2rem}
.section-other-content .relate-box-header{padding-bottom:2rem}
.section-other-content .relate-box-header .primary{color:#333;position:relative;font-size:24px}
@media (max-width:992px){
.section-other-content .relate-box-header .primary{font-size:1.6em}
}
.section-other-content .relate-box-header .primary:after{content:"";width:40px;height:2.5px;background-color:#13449d;position:absolute;left:0;bottom:-.5rem}
.section-other-content .relate-box-header .secondary{color:#333;font-size:1em}
.section-other-content .news-promotion-item-box{width:100%;margin-bottom:34px;position:relative;background-color:#fff;padding-bottom:50px}
@media (max-width:575px){
.section-other-content .news-promotion-item-box{padding-bottom:40px}
}
.section-other-content .news-promotion-item-box a{display:block}
.section-other-content .news-promotion-item-box .box-label{padding:22px 20px 10px 20px}
.section-other-content .news-promotion-item-box .box-label .secondary{font-size:1em}
.section-other-content .news-promotion-item-box .box-label .primary{font-size:18px}
@media (max-width:992px){
.section-other-content .news-promotion-item-box .box-label .primary{font-size:1.5em}
}
.section-other-content .news-promotion-item-box .box-label .primary a{color:inherit}
.section-other-content .news-promotion-item-box .box-label .primary a:hover{text-decoration:none}
.section-other-content .news-promotion-item-box .box-label .link-out{position:absolute;bottom:0;right:0;text-indent:-99999px;width:50px;height:50px;float:right;color:#fff;background-color:#34539d;background-image:url(../images/product/button-more.jpg);background-repeat:no-repeat;background-position:center;background-size:contain;text-decoration:none}
@media (max-width:575px){
.section-other-content .news-promotion-item-box .box-label .link-out{width:40px;height:40px}
}
.section-news-detail{overflow:hidden;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-news-detail .wrap-detail-content .box-content-head{margin-top:-2rem}
@media (max-width:992px){
.section-news-detail .wrap-detail-content .box-content-head{margin-top:0}
}
.section-design-award{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-design-award.section-extended{max-width:1366px}
.section-design-award .wrap-award-content{padding-top:3rem}
.section-design-award .wrap-award-content .section-header{color:#333;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
.section-design-award .wrap-award-content .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
.section-design-award .wrap-award-content .section-header:after{width:80px;margin-left:-40px}
}
.section-design-award .wrap-award-content .slick-dots{bottom:1.5rem}
.section-design-award .wrap-award-content .slick-dots li{width:10px;height:10px}
.section-design-award .wrap-award-content .slick-dots li button{width:inherit;height:inherit}
.section-design-award .wrap-award-content .slick-dots li button:before{content:"";-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#fff;background-color:#fff;opacity:.5;width:inherit;height:inherit}
.section-design-award .wrap-award-content .slick-dots .slick-active button::before{content:"";opacity:1;background-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-design-award .wrap-award-content .slick-arrow{top:0;z-index:5;margin-top:50%;background-color:#000;width:35px;height:35px;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.section-design-award .wrap-award-content .slick-prev{left:10px;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9}
.section-design-award .wrap-award-content .slick-prev:before{background-image:url(../images/layout/arrow-black-mini-left.png)}
.section-design-award .wrap-award-content .slick-next{right:10px}
.section-design-award .wrap-award-content .slick-next:before{background-image:url(../images/layout/arrow-black-mini-right.png)}
.section-design-award .wrap-award-content .slick-next,.section-design-award .wrap-award-content .slick-prev{-webkit-opacity:.5;-moz-opacity:.5;opacity:.5}
.section-design-award .wrap-award-content .group-award{padding-top:15px;padding-bottom:15px}
.section-design-award .wrap-award-content .group-award .wrap-award-swipe{background-color:#777;margin-bottom:15px;padding-bottom:3rem}
.section-design-award .wrap-award-content .group-award .wrap-award-swipe .award-box{color:#fff;padding:25px}
@media (max-width:1199.98px){
.section-design-award .wrap-award-content .group-award .wrap-award-swipe .award-box{padding:15px}
}
.section-design-award .wrap-award-content .group-award .wrap-award-swipe .award-box h3{font-size:1.2em}
.section-design-award .wrap-award-content .group-award .wrap-award-swipe .award-box dt{font-size:1em}
.section-design-award .wrap-award-content .group-award .wrap-award-swipe .award-box dd{font-size:1em}
.section-design-award .wrap-award-content .group-award .wrap-award-swipe .award-box dd:before{content:":";margin-left:-15px;padding-right:15px}
.section-design-award .wrap-award-content .group-award .wrap-award-content{padding:15px;background-color:#fff}
.section-design-award .wrap-award-content .group-award .wrap-award-content .logo{width:auto;min-width:100px;max-width:130px;text-align:center}
.section-design-award .wrap-award-content .group-award .wrap-award-content .content{padding:0 15px;font-size:1em;line-height:1.4rem}
.section-design-award .wrap-award-content .group-award .wrap-award-content .group-content-products{padding-top:40px}
@media (max-width:480px){
.section-design-award .wrap-award-content .group-award .wrap-award-content .group-content-products{padding-top:20px}
}
.section-design-award .wrap-award-content .group-award .wrap-award-content .item{width:14.28571429%}
@media (max-width:768px){
.section-design-award .wrap-award-content .group-award .wrap-award-content .item{width:20%}
}
@media (max-width:480px){
.section-design-award .wrap-award-content .group-award .wrap-award-content .item{width:25%}
}
.section-about-projects-highlight{position:relative}
.section-about-projects-highlight.section-extended{max-width:1366px}
.section-about-projects-highlight .highlight-wrap{width:100%;height:100%;position:absolute;top:0;left:0}
.section-about-projects-highlight .highlight-wrap h1{color:#fff;font-size:3em}
.section-about-projects-highlight .tab-header{width:100%;position:absolute;bottom:0;left:0}
.section-about-projects-highlight .tab-header .nav-tabs{border:none}
.section-about-projects-highlight .tab-header .nav-tabs .nav-item{text-align:center}
.section-about-projects-highlight .tab-header .nav-tabs .nav-item a{font-size:1em;color:#fff;border-radius:0;border:none;line-height:1em;padding-top:.8rem;padding-bottom:1rem;padding-left:2rem;padding-right:2rem;width:100%}
@media (max-width:992px){
.section-about-projects-highlight .tab-header .nav-tabs .nav-item a{padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0;height:50px;display:table}
}
@media (max-width:480px){
.section-about-projects-highlight .tab-header .nav-tabs .nav-item a{font-size:.9em}
}
.section-about-projects-highlight .tab-header .nav-tabs .nav-item a span{position:relative;display:table-cell;vertical-align:middle}
.section-about-projects-highlight .tab-header .nav-tabs .nav-item a.active{color:#333;background-color:#fff}
.section-about-projects-highlight .tab-header .nav-tabs .nav-item a.active span::before{content:"";background-color:#13449d;width:100%;height:4px;position:absolute;bottom:-10px;left:0;margin-top:10px}
@media (max-width:992px){
.section-about-projects-highlight .tab-header .nav-tabs .nav-item a.active span::before{bottom:0;margin-top:0}
}
.section-about-projects-tab{padding:0 0 1.4rem 0;position:relative;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-about-projects-tab.section-extended{max-width:1366px}
.section-about-projects-tab .project-item-box{width:100%;margin-bottom:30px;position:relative;background-color:#fff}
.section-about-projects-tab .project-item-box a{display:block}
.section-about-projects-tab .project-item-box .label{padding:15px 20px 10px 20px}
.section-about-projects-tab .project-item-box .label .secondary{font-size:1em}
.section-about-projects-tab .project-item-box .label .primary{font-size:1.2em}
.section-about-projects-tab .project-item-box .label a{position:absolute;bottom:0;right:0;text-indent:-99999px;width:50px;height:50px;float:right;color:#fff;background-color:#34539d;background-image:url(../images/product/button-more.jpg);background-repeat:no-repeat;background-position:center;background-size:contain;text-decoration:none}
@media (max-width:575px){
.section-about-projects-tab .project-item-box .label a{width:40px;height:40px}
}
.section-about-projects-tab .tab-body{width:100%;padding:2rem 0 3rem 0;background-color:#fff}
.section-about-projects-tab .tab-body .tab-title-box{padding-bottom:2rem}
@media (max-width:480px){
.section-about-projects-tab .tab-body .tab-title-box{display:block!important}
}
.section-about-projects-tab .tab-body .tab-title-box .tab-title{font-size:1.8em}
@media (max-width:480px){
.section-about-projects-tab .tab-body .tab-title-box .tab-title{width:100%;display:block}
}
.section-about-projects-tab .tab-body .tab-title-box .tab-summary{color:#777;font-size:1em}
.section-about-projects-tab .tab-body .tab-title-box .site-left-title{width:200px;position:absolute;top:5px;right:0;text-align:right}
@media (max-width:480px){
.section-about-projects-tab .tab-body .tab-title-box .site-left-title{width:100%;position:relative;top:10px;left:0}
}
.section-about-projects-tab .tab-body .tab-title-box .site-left-title ul{margin:0;padding:0;list-style:none;font-size:0}
.section-about-projects-tab .tab-body .tab-title-box .site-left-title ul li{display:inline-block;padding:0 15px;position:relative}
@media (max-width:992px){
.section-about-projects-tab .tab-body .tab-title-box .site-left-title ul li:first-child{padding-left:0}
}
.section-about-projects-tab .tab-body .tab-title-box .site-left-title ul li:after{content:"";width:1px;height:60%;position:absolute;top:20%;right:0;border-right:solid 2px #727272;margin-right:-1px}
.section-about-projects-tab .tab-body .tab-title-box .site-left-title ul li:last-child:after{display:none;content:""}
.section-about-projects-tab .tab-body .tab-title-box .site-left-title ul li a{color:#333;font-size:1.2em}
#about-technical-center{background:#e4e4e4;padding-bottom:4rem}
#about-technical-center .banner-about{max-width:1360px;margin:0 auto;width:100%}
#about-technical-center .box-content-technical{padding-top:4rem}
@media (max-width:992px){
#about-technical-center .box-content-technical{padding-top:2rem}
}
#about-technical-center .box-content-technical .head{text-align:center}
#about-technical-center .box-content-technical .head h3{font-size:2em;position:relative;padding-bottom:1rem}
#about-technical-center .box-content-technical .head h3:after{content:"";position:absolute;top:100%;left:50%;height:1px;border-bottom:solid 4px #34539d;width:60px;margin-left:-30px}
#about-technical-center .box-content-technical .body{text-align:center;padding-top:2rem;font-size:1.1em}
@media (max-width:768px){
#about-technical-center .box-content-technical .body{font-size:1em}
}
#about-technical-center .box-content-technical .row-block{padding-top:2rem}
#about-technical-center .box-content-technical .row-block .col-left{padding-right:0}
@media (max-width:992px){
#about-technical-center .box-content-technical .row-block .col-left{padding-right:15px}
}
#about-technical-center .box-content-technical .row-block .col-right{padding-left:0}
@media (max-width:992px){
#about-technical-center .box-content-technical .row-block .col-right{padding-left:15px}
}
#about-technical-center .box-content-technical .row-block .bg-white{height:100%;background-color:#fff;color:#000;padding:30px;font-size:1.1em}
@media (max-width:768px){
#about-technical-center .box-content-technical .row-block .bg-white{font-size:1em}
}
@media (max-width:480px){
#about-technical-center .box-content-technical .row-block .bg-white{padding:15px}
}
#about-technical-center .box-content-technical .row-block .bg-white h3{font-size:1.4em;padding-bottom:.5rem}
#about-technical-center .box-content-technical .row-block .bg-black{height:100%;background-color:#333;color:#fff;padding:30px;font-size:1.1em}
@media (max-width:768px){
#about-technical-center .box-content-technical .row-block .bg-black{font-size:1em}
}
@media (max-width:480px){
#about-technical-center .box-content-technical .row-block .bg-black{padding:15px}
}
#about-technical-center .box-content-technical .row-block .bg-black h3{font-size:1.4em;padding-bottom:.5rem}
#about-technical-center .box-content-technical .row-block .box-about-map h4{font-size:1.4em;position:relative;margin-bottom:1rem;padding-bottom:.5rem}
#about-technical-center .box-content-technical .row-block .box-about-map h4:after{content:"";position:absolute;top:100%;left:0;height:1px;border-bottom:solid 3px #34539d;width:40px;margin-left:0}
#about-technical-center .box-content-technical .row-block .box-about-map .text{padding-bottom:.9rem;padding-left:25px;position:relative}
@media (max-width:768px){
#about-technical-center .box-content-technical .row-block .box-about-map .text{font-size:1em}
}
#about-technical-center .box-content-technical .row-block .box-about-map .text:before{content:"";width:20px;height:20px;background-size:contain;background-position:center center;background-repeat:no-repeat;position:absolute;top:2px;left:0}
#about-technical-center .box-content-technical .row-block .box-about-map .text.address:before{content:"";background-image:url(../images/about/icon_address.png)}
#about-technical-center .box-content-technical .row-block .box-about-map .text.tel:before{content:"";background-image:url(../images/about/icon_tel.png)}
#about-technical-center .box-content-technical .row-block .box-about-map .text.tel02:before{content:"";background-image:url(../images/about/icon_tel2.png)}
#about-technical-center .box-content-technical .row-block .box-about-map .text.date:before{content:"";background-image:url(../images/about/icon_date.png)}
#about-technical-center .box-content-technical .row-form{padding-top:2rem}
#about-technical-center .box-content-technical .text-detail{font-size:1.2em;padding-bottom:.5rem}
#about-technical-center .box-content-technical .form-group input,#about-technical-center .box-content-technical .form-group textarea{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#about-technical-center .box-content-technical .form-group .form-control{height:calc(3rem)}
#about-technical-center .box-content-technical .form-group textarea.form-control{height:calc(7rem)}
#about-technical-center .box-content-technical .form-group .icon_down{position:relative}
#about-technical-center .box-content-technical .form-group .icon_down:after{content:"";width:20px;height:20px;position:absolute;top:10px;right:10px;background:url(../images/layout/date_down.png) no-repeat center center;display:block;pointer-events:none}
#about-technical-center .box-content-technical .form-group .bootstrap-datetimepicker-widget .btn i{background:#12449d}
#about-technical-center .box-content-technical .form-group .bootstrap-datetimepicker-widget .btn i.fa-chevron-down{background:#12449d url(../images/technical-center/down-icon.jpg) no-repeat center center}
#about-technical-center .box-content-technical .form-group .bootstrap-datetimepicker-widget .btn i.fa-chevron-up{background:#12449d url(../images/technical-center/up-icon.jpg) no-repeat center center}
#about-technical-center .box-content-technical .btnSubmit{width:100%;height:50px;background:#000;border:none;font-size:1.4em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#about-corporate-philosophy{background:#e4e4e4;padding-bottom:4rem}
#about-corporate-philosophy .about-corporate-banner{max-width:1360px;margin:0 auto}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-slide{position:relative}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-slide .description{position:absolute;top:0;left:0;color:#fff;padding:50px 15%;text-align:center;width:100%;height:100%}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-slide .description{position:relative;top:0;left:0;background-color:#333;text-align:left;padding:30px 30px 80px 30px}
}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-slide .description .detail{width:100%;font-size:1.8em;text-shadow:3px 2px 3px rgba(0,0,0,.3)}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-slide .description .detail{font-size:1.4em}
}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-prev{width:35px;height:35px;left:20px;z-index:2}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-prev{top:0;height:0%;padding-bottom:36%;margin-top:0;position:absolute;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-prev:before{background:url(../images/about/prev-big.png) no-repeat center center;width:35px;height:35px;display:block}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-prev:before{position:absolute;top:50%;left:0;margin-top:-17.5px}
}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-next{width:35px;height:35px;right:20px;z-index:2}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-next{top:0;height:0%;padding-bottom:36%;margin-top:0;position:absolute;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-next:before{background:url(../images/about/next-big.png) no-repeat center center;width:35px;height:35px;display:block}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-next:before{position:absolute;top:50%;left:0;margin-top:-17.5px}
}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-dots{bottom:10px}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-dots li .dot{display:block;width:15px;height:20px;background:url(../images/home/navSlide.png) no-repeat 0 0}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-dots li .dot{width:16px;height:16px;background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
}
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-dots li.slick-active .dot{background-position:0 -20px}
@media (max-width:992px){
#about-corporate-philosophy .about-corporate-banner .slideAboutBanner .slick-dots li.slick-active .dot{background:#34539d}
}
#about-corporate-philosophy .box-corporate-philosophy{padding-top:4rem}
#about-corporate-philosophy .box-corporate-philosophy .box-content{padding-bottom:2rem}
#about-corporate-philosophy .box-corporate-philosophy .box-content .section-header{color:#333;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
#about-corporate-philosophy .box-corporate-philosophy .box-content .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
#about-corporate-philosophy .box-corporate-philosophy .box-content .section-header:after{width:80px;margin-left:-40px}
}
#about-corporate-philosophy .box-corporate-philosophy .box-content .banner{width:100%;height:200px;background-position:center center;background-repeat:no-repeat}
#about-corporate-philosophy .box-corporate-philosophy .box-content .title{text-align:right}
@media (max-width:992px){
#about-corporate-philosophy .box-corporate-philosophy .box-content .title{text-align:left}
}
#about-corporate-philosophy .box-corporate-philosophy .box-content .title h3{font-size:1.8em;padding-bottom:3px}
#about-corporate-philosophy .box-corporate-philosophy .box-content .title h4{font-size:1.4em}
@media (max-width:992px){
#about-corporate-philosophy .box-corporate-philosophy .box-content .title h4{font-size:1.2em;padding-bottom:.5rem}
}
#about-corporate-philosophy .box-corporate-philosophy .box-content .title h5{font-size:1.2em}
@media (max-width:992px){
#about-corporate-philosophy .box-corporate-philosophy .box-content .title h5{font-size:1.2em;padding-bottom:.5rem}
}
#about-corporate-philosophy .box-corporate-philosophy .box-content .detail{font-size:1.2em}
#about-corporate-philosophy .box-corporate-philosophy .box-content .detail p{padding-bottom:.5rem}
#about-corporate-philosophy .box-corporate-philosophy .box-content .detail img{max-width:100%;width:100%}
#about-corporate-philosophy .box-corporate-philosophy .box-content .col-text{margin-bottom:30px}
#about-corporate-philosophy .box-corporate-philosophy .box-content .text{padding:20px 30px;background:#fff;height:100%;min-height:110px}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-list{padding:0 15px}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-slide{padding-bottom:54px;position:relative}
@media (max-width:768px){
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-slide{padding-bottom:58px}
}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-slide label{display:block;text-align:center;padding-bottom:10px;position:absolute;top:0;left:0;width:100%}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-slide .indicator{width:20px;height:20px;display:block;background:#c9c9c9;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 2px 2px #a8a8a8,inset 0 1px 1px #fff;-moz-box-shadow:0 2px 2px #a8a8a8,inset 0 1px 1px #fff;box-shadow:0 2px 2px #a8a8a8,inset 0 1px 1px #fff;margin:0 auto;position:absolute;left:50%;top:35px;margin-left:-10px}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-slide .timeline-arrow{width:28px;height:21px;margin:20px auto 0 0;background:url(../images/about/arrow-timeline-top.png) no-repeat center center;position:absolute;left:50%;margin-left:-14px;top:46px;display:none}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-slide.slick-current .indicator{background-color:#34539d;-webkit-box-shadow:0 2px 2px #a8a8a8;-moz-box-shadow:0 2px 2px #a8a8a8;box-shadow:0 2px 2px #a8a8a8}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-slide.slick-current .timeline-arrow{display:block}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-prev{width:17px;height:17px;left:-14px;top:45px}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-prev:before{font-size:20px;line-height:1;background:url(../images/about/timeline-prev.png) no-repeat center center;width:8px;height:17px}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-next{width:17px;height:17px;right:-12px;top:45px}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-top .slick-next:before{font-size:20px;line-height:1;background:url(../images/about/timeline-next.png) no-repeat center center;width:8px;height:17px}
#about-corporate-philosophy .corporate-timeline .track{height:2px;margin:-35px 0 0 0;background:#8b8b8b;border-bottom:solid 1px #fff}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-bottom{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding:30px 15px;margin-top:32px}
#about-corporate-philosophy .corporate-timeline .corporate-timeline-bottom .slick-slide{text-align:center}
#about-environment-vistion{background:#e4e4e4;padding-bottom:4rem}
#about-environment-vistion .about-environment-banner{max-width:1360px;margin:0 auto}
#about-environment-vistion .about-environment-banner .banner{width:100%;height:230px;background-position:center center;background-repeat:no-repeat}
#about-environment-vistion .about-environment-content{padding-top:4rem}
#about-environment-vistion .about-environment-content .box-content .section-header{color:#333;font-size:1.8rem;font-family:kittithada;font-size:normal;font-weight:400;text-align:center;padding-bottom:24px;margin-bottom:30px;position:relative}
#about-environment-vistion .about-environment-content .box-content .section-header:after{content:'';width:100px;height:4px;background-color:#13449d;bottom:0;left:50%;margin-left:-50px;position:absolute}
@media (max-width:575px){
#about-environment-vistion .about-environment-content .box-content .section-header:after{width:80px;margin-left:-40px}
}
#about-environment-vistion .about-environment-content .box-content .description{font-size:1.2em;text-align:center}
#about-environment-vistion .about-environment-description{padding-top:3rem}
#about-environment-vistion .about-environment-description .box-content{background-color:#fff;padding:60px 30px;text-align:center;font-size:1.2em}
#about-environment-vistion .about-environment-description .box-content .title{font-size:1.6em;padding-bottom:.5rem}
#about-environment-vistion .about-environment-description .box-content p{padding-bottom:.5rem}
#about-environment-vistion .about-environment-description .box-content img{max-width:100%}
#about-environment-vistion .about-environment-description .box-btn-content{padding-top:4rem}
#about-environment-vistion .about-environment-description .box-btn-content .btn{width:100%;height:50px;display:block;line-height:40px!important;font-size:1.2em;background-color:#333;color:#fff;width:280px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 auto}
#about-environment-vistion .about-environment-description .box-btn-content .btn:hover{background-color:#a2a2a2}
#about-environment-vistion .about-environment-description .box-content-bottom{padding-top:3rem;text-align:center;font-size:1.2em}
@media (max-width:991.98px){
.section-search-panel .container{width:100%;max-width:100%;padding:0}
}
.section-search-panel .search-box{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:210px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
@media (max-width:991.98px){
.section-search-panel .search-box{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
}
.section-search-panel .search-box .search-form label{color:#13449d;font-size:1.4rem}
.section-search-panel .search-box .search-form .input-search{padding:10px 15px;font-size:1.4rem;border:1px solid #d7d4d4;height:2.9em;background-color:#fff}
.section-search-panel .search-box .search-form .button-search{font-size:1.2rem;background-color:#13449d;border:1px solid #13449d;color:#fff;padding:10px 20px;cursor:pointer;border-top-right-radius:5px;border-bottom-right-radius:5px;width:auto;height:auto}
.section-search-result{padding-bottom:2rem}
.section-search-result h4{padding-top:2.5rem;padding-bottom:1rem;font-size:1rem}
.section-search-result .result-wrap{background-color:#fff;padding-top:2rem;padding-bottom:2rem}
.section-search-result .result-wrap .result-list{padding-bottom:20px}
.section-search-result .result-wrap .result-list .result-image{width:65px;height:65px;min-width:65px;border:1px solid #cfcfcf;background-size:cover;background-position:center;background-repeat:no-repeat}
.section-search-result .result-wrap .result-list .result-label{padding:0 15px;width:50%}
@media (max-width:991.98px){
.section-search-result .result-wrap .result-list .result-label{width:100%}
}
.section-search-result .result-wrap .result-list .result-label .primary{font-size:1rem;color:#000}
.section-search-result .result-wrap .result-list .result-label .secondary{font-size:1rem;line-height:1.2rem;color:#777}
.section-search-result .result-wrap .result-list .result-label .highlight{color:#13449d}
#wheretobuy{background:#e4e4e4;padding-bottom:5rem}
#wheretobuy .col-distributor{padding-right:0}
@media (max-width:992px){
#wheretobuy .col-distributor{padding-right:15px}
}
#wheretobuy .col-distributor .wtb-distributor{background-color:#fff;padding:30px;height:100%;min-height:600px}
@media (max-width:480px){
#wheretobuy .col-distributor .wtb-distributor{padding:15px;min-height:100px}
}
#wheretobuy .col-distributor .wtb-distributor .head h3{font-size:1.8em;padding-bottom:.5rem}
#wheretobuy .col-distributor .wtb-distributor .head a{display:block}
#wheretobuy .col-distributor .wtb-distributor .head a img{display:block;max-width:100%}
#wheretobuy .col-distributor .wtb-distributor .custom-select{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:url(../images/product/selectbox.png) no-repeat center right;border:solid 1px #a2a6ac}
#wheretobuy .col-distributor .wtb-distributor .box-item{counter-reset:my-awesome-counter}
#wheretobuy .col-distributor .wtb-distributor .box-item .box-item-scroll{overflow-x:auto;height:500px}
@media (max-width:992px){
#wheretobuy .col-distributor .wtb-distributor .box-item .box-item-scroll{height:auto}
}
#wheretobuy .col-distributor .wtb-distributor .box-item ::-webkit-scrollbar{width:10px}
#wheretobuy .col-distributor .wtb-distributor .box-item ::-webkit-scrollbar-track{box-shadow:inset 0 0 3px grey;border-radius:6px}
#wheretobuy .col-distributor .wtb-distributor .box-item ::-webkit-scrollbar-thumb{background:#999;border-radius:6px}
#wheretobuy .col-distributor .wtb-distributor .box-item .list{counter-increment:my-awesome-counter;position:relative;padding-bottom:1rem;border-bottom:dotted 1px #acacac;padding-left:30px;padding-top:1rem;color:#777;height:100%}
@media (max-width:480px){
#wheretobuy .col-distributor .wtb-distributor .box-item .list{padding-bottom:.5rem;padding-top:.5rem}
}
#wheretobuy .col-distributor .wtb-distributor .box-item .list:before{content:counter(my-awesome-counter) ". ";font-size:1.2em;position:absolute;left:5px;top:1.2rem;line-height:1.2em;color:#000;text-align:right;width:1.3em}
@media (max-width:480px){
#wheretobuy .col-distributor .wtb-distributor .box-item .list:before{top:.5rem}
}
#wheretobuy .col-distributor .wtb-distributor .box-item .list h3{font-size:1.2em;color:#000}
#wheretobuy .col-distributor .wtb-distributor .box-item .list a{vertical-align:middle;color:#000;position:relative;padding-left:15px}
#wheretobuy .col-distributor .wtb-distributor .box-item .list a:before{content:'';width:12px;height:16px;background:url(../images/wheretobuy/icon_distri.png) no-repeat center center;display:inline-block;position:absolute;top:3px;left:0}
#wheretobuy .col-map{padding-left:0}
@media (max-width:992px){
#wheretobuy .col-map{padding-left:15px}
}
#wheretobuy .col-map .wtb-map{overflow:hidden}
@media (max-width:480px){
#wheretobuy .col-map .wtb-map{height:300px}
}
.aear-region{position:relative;padding-left:60px}
.aear-region .area-txt{display:block;width:50px;height:38px;position:absolute;top:0;left:0;line-height:38px!important;text-align:right}
#download-catalog{background:#e4e4e4;padding-bottom:5rem}
#download-catalog .download-head{padding-top:1rem}
#download-catalog .download-head .sortby>label{line-height:34px;padding-right:5px;line-height:34px!important}
@media (max-width:580px){
#download-catalog .download-head .sortby>label{display:none}
}
#download-catalog .download-head .sortby .custom-select{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:url(../images/product/selectbox.png) no-repeat center right;border:solid 1px #a2a6ac}
@media (max-width:580px){
#download-catalog .download-head .sortby div{width:100%}
}
#download-catalog .download-head h3{font-size:2em;position:relative;padding-bottom:5px}
@media (max-width:580px){
#download-catalog .download-head h3{margin-bottom:1.5rem}
}
#download-catalog .download-head h3:after{content:'';width:65px;height:1px;border-bottom:solid 4px #34539d;position:absolute;top:100%;left:0}
#download-catalog .download-body{padding-top:2rem;padding-bottom:3rem}
@media (max-width:580px){
#download-catalog .download-body{padding-top:1rem;padding-bottom:1rem}
}
#download-catalog .download-body .item{padding-bottom:2rem}
#download-catalog .download-body .item h3{text-align:center;padding-top:1rem;font-size:1.2em}
#download-catalog .download-body .item .btn{width:80%;display:block;margin:20px auto 0 auto;background:#333;color:#fff}
#download-catalog .download-body .item .btn:hover{background:#a2a2a2}
#technology{background:#e4e4e4;padding-bottom:3rem}
#technology .section-banner-technology .wrap-bannerProduct{max-width:1336px;margin:0 auto;width:100%}
#technology .section-banner-technology .wrap-bannerProduct .slideBannerProduct .box-slide{position:relative}
#technology .section-banner-technology .wrap-bannerProduct .slideBannerProduct .box-slide .description{position:absolute;top:0;left:0;color:#fff;font-size:1.2em;width:100%}
@media (max-width:992px){
#technology .section-banner-technology .wrap-bannerProduct .slideBannerProduct .box-slide .description{position:relative;padding-top:1rem;color:#333}
}
#technology .section-banner-technology .wrap-bannerProduct .slideBannerProduct .box-slide .description h3{font-size:2em}
#technology .section-banner-technology .wrap-bannerProduct .slideBannerProduct .box-slide .description .btnMore{background-color:#333;margin-top:1rem;color:#fff}
#technology .section-technology{padding-top:4rem}
#technology .box-technology{padding-bottom:2rem}
#technology .box-technology .col-description{padding-right:0}
@media (max-width:992px){
#technology .box-technology .col-description{padding-right:15px}
}
#technology .box-technology .col-thumb{padding-left:0}
@media (max-width:992px){
#technology .box-technology .col-thumb{padding-left:15px}
}
#technology .box-technology .box-description{background-color:#333;height:100%;padding:15px 30px;color:#fff}
@media (max-width:1200px){
#technology .box-technology .box-description{padding:15px}
}
#technology .box-technology .box-description h3{font-size:2em;margin-top:1rem}
@media (max-width:1200px){
#technology .box-technology .box-description h3{margin-top:0}
}
#technology .box-technology .box-description .slide-btn{margin:.5rem 0 0 0;padding:0;list-style:none}
#technology .box-technology .box-description .slide-btn li{display:inline-block;margin-right:5px;width:35px}
@media (max-width:560px){
#technology .box-technology .box-description .slide-btn li{width:35px}
#technology .box-technology .box-description .slide-btn li img{width:100%}
}
#technology .box-technology .box-description .slide-btn li a{-webkit-opacity:.7;-moz-opacity:.7;opacity:.7;display:block}
#technology .box-technology .box-description .slide-btn li a img{width:100%;display:block}
#technology .box-technology .box-description .slide-btn li.active a{-webkit-opacity:1;-moz-opacity:1;opacity:1}
#technology .box-technology .box-description .detail{margin:1rem 2px 5px 2px}
@media (max-width:1200px){
#technology .box-technology .box-description .detail{margin:.5rem 2px 2px 2px}
}
#technology .box-technology .box-description .detail h4{font-size:1.2em}
#technology .box-technology .box-description .detail .text{position:relative;line-height:1.1em;padding-top:.3rem}
#technology .box-technology .box-description .detail .box-btn{margin-top:1rem;display:table}
#technology .box-technology .box-description .detail .box-btn .btn-watch{width:150px;display:inline-block;border:solid 1px #858585;background-color:#333;padding:6px 12px;text-align:center;color:#fff;vertical-align:middle;margin-right:5px}
@media (max-width:480px){
#technology .box-technology .box-description .detail .box-btn .btn-watch{width:130px;height:30px}
}
#technology .box-technology .box-description .detail .box-btn .btn-watch:hover{text-decoration:none;background-color:#a2a2a2}
#technology .box-technology .box-description .detail .box-btn .btn-watch .icon{display:inline-block;position:relative;width:20px;height:0;left:3px}
#technology .box-technology .box-description .detail .box-btn .btn-watch .icon:after{content:"";width:20px;height:20px;background:url(../images/technology/icon_vdo.png) no-repeat center center;display:block;position:absolute;top:50%;left:0;margin-top:-15px}
#technology .box-technology .box-description .detail .box-btn .btn-view{width:150px;display:inline-block;border:solid 1px #858585;background-color:#333;padding:6px 12px;text-align:center;color:#fff;vertical-align:middle;margin-right:5px}
@media (max-width:480px){
#technology .box-technology .box-description .detail .box-btn .btn-view{width:130px;height:30px}
}
#technology .box-technology .box-description .detail .box-btn .btn-view:hover{text-decoration:none;background-color:#a2a2a2}
#technology .box-technology .box-description .detail .box-btn .btn-view .icon{display:inline-block;position:relative;width:20px;height:0;left:3px}
#technology .box-technology .box-description .detail .box-btn .btn-view .icon:after{content:"";width:20px;height:20px;background:url(../images/technology/icon_view.png) no-repeat center center;display:block;position:absolute;top:50%;left:0;margin-top:-15px}
#technology .box-technology .slide-technology-thumb{line-height:0;cursor:grab}
#technology .box-technology .slide-technology-thumb:active{cursor:grabbing}
#technology .box-technology .slide-technology-thumb .slick-slide{position:relative}
#technology .box-technology .slide-technology-thumb .slick-slide .box-thumb{position:relative}
#technology .box-technology .slide-technology-thumb .slick-slide .box-thumb:before{display:block;content:"";width:100%;padding-top:56.75675676%}
#technology .box-technology .slide-technology-thumb .slick-slide .box-thumb>img{position:absolute;top:0;left:0;right:0;bottom:0}
#technology .box-technology .slide-technology-thumb .slick-slide .box-thumb:before{display:block;content:"";width:100%;padding-top:56.75675676%}
#technology .box-technology .slide-technology-thumb .slick-slide .box-thumb>img{position:absolute;top:0;left:0;right:0;bottom:0}
#technology .box-technology .slide-technology-thumb .slick-slide .box-thumb>iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
#technology .box-technology .slide-technology-thumb .slick-slide .box-thumb img{height:100%}
#technology .nav-slide{position:relative;height:50px;width:400px;margin:0 auto}
@media (max-width:480px){
#technology .nav-slide{width:260px}
}
#technology .nav-slide .uldots{height:50px;position:relative}
#technology .nav-slide .uldots .slick-dots{bottom:50%;-webkit-transform:translate(0,50%);-moz-transform:translate(0,50%);-ms-transform:translate(0,50%);-o-transform:translate(0,50%);display:flex;overflow:hidden;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}
#technology .nav-slide .uldots .slick-dots li{width:10px;height:10px;background:#777;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#technology .nav-slide .uldots .slick-dots li.slick-active{background:#13449d}
#technology .nav-slide .uldots .slick-dots li button{display:block}
#technology .nav-slide .uldots .slick-dots li button:before{display:block;width:100%;height:100%;line-height:100%;text-indent:-9999px}
#technology .nav-slide .uldots .slick-arrow{border:none}
#technology .nav-slide .uldots .slick-arrow:active,#technology .nav-slide .uldots .slick-arrow:focus,#technology .nav-slide .uldots .slick-arrow:visited:focus-within{outline:2px #000 solid;outline-offset:10px}
@media (max-width:480px){
#technology .nav-slide .uldots .slick-arrow:active,#technology .nav-slide .uldots .slick-arrow:focus,#technology .nav-slide .uldots .slick-arrow:visited:focus-within{outline-offset:6px}
}
#technology .technology-bant{padding-top:1rem}
@media (max-width:480px){
#technology .technology-bant{padding-top:1rem}
}
#technology .technology-bant .wrap-homeBant{border-collapse:collapse;display:block;text-align:center;margin:0 auto;font-size:0}
#technology .technology-bant .wrap-homeBant>div[class^=col]{border:solid 1px #fff;border-width:0 1px;display:inline-block;width:12.5%;margin-bottom:1rem}
@media (max-width:992px){
#technology .technology-bant .wrap-homeBant>div[class^=col]{width:25%;margin-bottom:2rem}
}
@media (max-width:480px){
#technology .technology-bant .wrap-homeBant>div[class^=col]{width:33.33333333%;margin-bottom:1rem}
}
#technology .technology-bant a{display:block;margin:0 auto;text-align:center}
#technology .technology-bant a img{display:block;margin:0 auto}
.section-contact-container{font-family:kittithada;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}
.section-contact-container .card{border-bottom:0;border-top:solid 1px #fff}
.section-contact-container .card-header{background:#333;padding:7px 15px}
.section-contact-container .card-header .location-branch-btn{width:100%;color:#fff;font-size:19px;text-decoration:none;padding:0;position:relative;word-break:break-all;white-space:normal}
@media (max-width:575px){
.section-contact-container .card-header .location-branch-btn{padding-right:28px}
}
.section-contact-container .card-header .location-branch-btn:hover{text-decoration:none}
.section-contact-container .card-header .location-branch-btn:after{position:absolute;right:10px;width:12px;height:12px;content:"";top:0}
@media (max-width:767px){
.section-contact-container .card-header .location-branch-btn:after{right:0}
}
.section-contact-container .card-header .location-branch-btn[aria-expanded=true]:after{border-top:solid 1px #fff;width:8px;top:50%}
@media (max-width:767px){
.section-contact-container .card-header .location-branch-btn[aria-expanded=true]:after{border-top:solid 3px #fff}
}
.section-contact-container .card-header .location-branch-btn[aria-expanded=false]:after{content:"+";font-size:22px;margin-top:-3px}
@media (max-width:767px){
.section-contact-container .card-header .location-branch-btn[aria-expanded=false]:after{font-size:24px}
}
.section-contact-container .card-body{padding:0;overflow:hidden}
.section-contact-container .accordion .card:first-of-type,.section-contact-container .card-header:first-child{border-radius:0}
@media (max-width:767px){
.section-contact-container .item-map iframe,.section-contact-container .item-map img{width:100%}
}
.section-contact-container .item-detail{background:#13449d;color:#fff}
@media (max-width:767px){
.section-contact-container .item-detail{order:-1}
}
.section-contact-container .item-detail.light-dark{background:#333}
@media (max-width:767px){
.section-contact-container .item-detail.light-dark{order:2}
}
.section-contact-container .item-detail address{margin:40px 20px}
@media (max-width:767px){
.section-contact-container .item-detail address{margin:30px 20px}
}
.section-contact-container .item-detail address h5{font-size:24px;position:relative;padding-bottom:12px}
@media (max-width:767px){
.section-contact-container .item-detail address h5{font-size:18px}
}
.section-contact-container .item-detail address h5:before{content:"";left:0;top:100%;position:absolute;width:30px;height:3px;background:#2dafeb}
.section-contact-container .item-detail address h6{font-size:22px;margin:20px 0 0}
@media (max-width:767px){
.section-contact-container .item-detail address h6{font-size:18px}
}
.section-contact-container .item-detail address .list-unstyled{font-size:17px;margin:10px 0 0}
@media (max-width:767px){
.section-contact-container .item-detail address .list-unstyled{font-size:15px}
}
.section-contact-container .item-detail address .list-unstyled li{margin:0 0 5px;padding-left:24px;position:relative}
.section-contact-container .item-detail address .list-unstyled li a{color:#fff;text-decoration:none}
.section-contact-container .item-detail address .icons{background:url(../images/contact-us/address-icons.png) no-repeat;position:absolute;top:4px;left:0}
.section-contact-container .item-detail address .icon-pin{width:15px;height:20px;background-position:0 0}
.section-contact-container .item-detail address .icon-tel{width:17px;height:20px;background-position:0 -21px;top:2px}
.section-contact-container .item-detail address .icon-fax{width:17px;height:22px;background-position:0 -52px;top:4px}
.section-contact-container .item-detail address .icon-time{width:18px;height:22px;background-position:0 -82px;top:4px}
.section-contact-container .contact-form{padding-top:45px}
.section-contact-container .contact-form .form-control{border-radius:0;border:solid 1px #a1a1a1;margin-bottom:30px;min-height:45px;font-size:1em;color:#999}
.section-contact-container .contact-form ::placeholder{color:#999}
.section-contact-container .contact-form :-ms-input-placeholder{color:#999}
.section-contact-container .contact-form ::-ms-input-placeholder{color:#999}
.section-contact-container .contact-form select:not([multiple]){-webkit-appearance:none;-moz-appearance:none;background:#fff url(../images/contact-us/select-icon.jpg) no-repeat 98% 50%}
.section-contact-container .contact-form h6{color:#333;font-size:30px;position:relative;padding-bottom:18px;margin:0 auto 30px}
.section-contact-container .contact-form h6:before{width:68px;height:4px;position:absolute;top:auto;left:50%;margin-left:-34px;bottom:0;background:#13449d;content:""}
.section-contact-container .contact-form form{margin-bottom:75px}
@media (max-width:767px){
.section-contact-container .contact-form form{padding:0 15px}
}
.section-contact-container .contact-form form textarea{resize:none}
.section-contact-container .contact-form form button{width:350px;color:#fff;background:#000;font-size:1.4em;border:none;padding-top:.5rem;padding-bottom:.5rem;cursor:pointer}
.section-contact-container .contact-form form button:hover{background:#6f6f6f}
@media (max-width:767px){
.section-contact-container .contact-form form button{width:100%}
}
.section-careers{clear:both;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;padding:0 0 12.5rem}
@media (max-width:767px){
.section-careers{padding:0 0 2.5rem}
}
.section-careers .section-contact-container .card-header{padding:0;background:0 0;border-bottom:0}
.section-careers .section-contact-container .card-header button{background:#333;padding:15px 30px;border-radius:0}
.section-careers .section-contact-container .card-header button[aria-expanded=true]{background:#666}
.section-careers .section-contact-container .card-header button:hover{background:#13449d}
.section-careers .section-contact-container .card-header .location-branch-btn[aria-expanded=false]:after,.section-careers .section-contact-container .card-header .location-branch-btn[aria-expanded=true]:after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.25em solid;border-right:.23em solid transparent;border-bottom:0;border-left:.23em solid transparent;position:absolute;top:50%;right:30px}
.section-careers .section-contact-container .card-header .location-branch-btn[aria-expanded=true]:after{transform:rotate(-180deg)}
.section-careers .section-contact-container .card-body{background:#666;color:#fff;padding:0 30px 30px}
.section-careers .section-contact-container .card-body h6{font-size:22px}
.section-careers .section-contact-container .card-body hr{width:100%;height:4px;background:#fff;margin:0 0 30px}
.section-careers .section-contact-container .card-body ul{margin:10px 0 28px 20px;font-size:16px}
.section-careers .section-contact-container .card-body .panel{background:#fff;padding:35px 30px;margin:5px 0}
@media (max-width:767px){
.section-careers .section-contact-container .card-body .panel .form-row .col{flex:0 0 auto}
}
.section-careers .section-contact-container .card-body .panel h6{color:#333;font-size:20px;position:relative;padding:0 0 10px;margin:0 0 20px}
.section-careers .section-contact-container .card-body .panel h6:before{width:60px;height:5px;position:absolute;top:100%;left:0;background:#13449d;content:""}
.section-careers .section-contact-container .card-body .panel p{color:#777;font-size:14px;margin:0 0 15px}
.section-careers .section-contact-container .card-body .panel input,.section-careers .section-contact-container .card-body .panel textarea{border-radius:0;border:solid 1px #b7b7b7;margin-bottom:12px}
.section-careers .section-contact-container .card-body .panel input::-webkit-input-placeholder,.section-careers .section-contact-container .card-body .panel textarea::-webkit-input-placeholder{color:#999}
.section-careers .section-contact-container .card-body .panel input:-ms-input-placeholder,.section-careers .section-contact-container .card-body .panel textarea:-ms-input-placeholder{color:#999}
.section-careers .section-contact-container .card-body .panel input::placeholder,.section-careers .section-contact-container .card-body .panel textarea::placeholder{color:#999}
.section-careers .section-contact-container .card-body .panel textarea{width:100%;height:135px;resize:none;padding:10px 15px;font-size:1em}
.section-careers .section-contact-container .card-body .panel label{color:#777;display:block;font-size:1em}
.section-careers .section-contact-container .card-body .panel label strong{color:#333}
.section-careers .section-contact-container .card-body .panel label.size{font-size:.9em;margin-top:5px}
.section-careers .section-contact-container .card-body .panel .btn-submite{border:none;background:#13449d;height:45px;width:350px;color:#fff;font-size:22px;margin:23px 0 0;cursor:pointer}
@media (max-width:767px){
.section-careers .section-contact-container .card-body .panel .btn-submite{width:100%}
}
.section-careers .section-contact-container .card-body .panel .custom-file-label{border:solid 1px #b7b7b7;border-radius:0;color:#fff}
.section-careers .section-contact-container .card-body .panel .custom-file-label::before{width:6px;height:38px;position:absolute;left:auto;right:86px;top:-1px;content:"";border-left:solid 1px #b7b7b7;background:#fff}
.section-careers .section-contact-container .card-body .panel .custom-file-label::after{background:#777;color:#fff;font-size:1em;border-radius:0;width:87px;text-align:center;z-index:9999}
.section-careers .section-contact-container .card-body .panel .custom-file-label:hover::after{cursor:pointer;background:#13449d}
.section-careers .section-contact-container .card-body .panel .custom-file-input{z-index:1}
.section-careers .section-contact-container .card-body .panel .custom-file-input:focus{outline:0}
@media (max-width:992px){
.section-careers .section-careers-container{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
}
@media (max-width:992px){
.section-careers .section-careers-container.filter_active{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0);-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s}
}
.section-careers .section-careers-container .col-filter{background:#fff}
.section-careers .section-careers-container .box-filter-search{padding:15px;border-bottom:solid 1px #e4e4e4}
.section-careers .section-careers-container .box-filter{padding:15px 15px 25px;border-bottom:solid 1px #e4e4e4;margin:0 0 5px}
.section-careers .section-careers-container .box-filter a{text-decoration:none;color:#333}
.section-careers .section-careers-container .box-filter a:hover{text-decoration:none}
@media (max-width:480px){
.section-careers .section-careers-container .box-filter .box-head{font-size:14px}
}
.section-careers .section-careers-container .box-filter .box-head label{font-size:22px;margin:0 0 5px;line-height:100%;display:block;cursor:pointer}
.section-careers .section-careers-container .box-filter .box-head .grey-color{color:#777}
.section-careers .section-careers-container .box-filter .box-head .dropdown-toggle{position:relative;font-size:1.2em;color:#333;width:100%;display:block;padding:3px 0 2px 12px;margin:10px 0 5px}
.section-careers .section-careers-container .box-filter .box-head .dropdown-toggle:after{position:absolute;top:50%;right:5px;margin-top:-2px}
.section-careers .section-careers-container .box-filter .box-head .dropdown-toggle:hover{text-decoration:none}
.section-careers .section-careers-container .box-filter .custom-control-label{padding-top:3px}
#washlet{background:#e4e4e4}
#washlet .hero-banner .wrap-heroBanner{width:100%;max-width:1360px;margin:0 auto}
#what-is-washlet{padding-top:8rem;padding-bottom:4rem}
#what-is-washlet .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem}
#what-is-washlet .section-title span{display:block;padding-top:.5rem}
#what-is-washlet .section-title:after{content:'';width:100px;height:1px;border-bottom:solid 4px #34539d;position:absolute;top:100%;left:50%;margin-left:-50px}
#what-is-washlet .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/what-is.png) no-repeat center center;margin:0 auto;display:block}
#what-is-washlet .text{font-size:1.1rem;text-align:center}
small{font-size:.6em}
#washlet-info{background:#fff}
#washlet-feature{padding-top:4rem;padding-bottom:4rem}
#washlet-feature .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem}
#washlet-feature .section-title span{display:block;padding-top:.5rem}
#washlet-feature .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/feature.png) no-repeat center center;margin:0 auto;display:block}
#washlet-feature .feature-item .col-left{padding-right:0}
@media (max-width:992px){
#washlet-feature .feature-item .col-left{padding-right:15px}
}
#washlet-feature .feature-item .col-right{padding-left:0}
@media (max-width:992px){
#washlet-feature .feature-item .col-right{padding-left:15px}
}
#washlet-feature .feature-item .col-right .text{background:#333;padding:30px 15px 70px 15px;color:#fff;height:100%}
#washlet-feature .feature-item .col-right .text h2{font-size:1.6rem;position:relative;padding-bottom:1rem;margin-bottom:1.5rem}
#washlet-feature .feature-item .col-right .text h2:after{content:'';width:60px;height:1px;border-bottom:solid 3px #2dafeb;position:absolute;top:100%;left:0}
#washlet-feature .slick-next{position:absolute;top:auto;left:auto;bottom:0;right:0;z-index:2;width:35px;height:35px;margin:0 20px 0 0}
@media (max-width:992px){
#washlet-feature .slick-next{bottom:0}
}
#washlet-feature .slick-next:before{content:'';width:35px;height:35px;background:url(../images/washlet/icon/arrow-cw-right.png) no-repeat center center;display:block}
#washlet-feature .slick-prev{position:absolute;top:auto;left:auto;bottom:0;left:66.66666667%;z-index:2;width:35px;height:35px;margin:0 0 0 20px}
@media (max-width:992px){
#washlet-feature .slick-prev{left:-5px;bottom:0}
}
#washlet-feature .slick-prev:before{content:'';width:35px;height:35px;background:url(../images/washlet/icon/arrow-cw-left.png) no-repeat center center;display:block}
#washlet-feature .thumb-feature .slick-slide{opacity:1;padding:6px;font-size:.8rem;line-height:.8rem}
@media (max-width:992px){
#washlet-feature .thumb-feature .slick-slide{padding:2px;font-size:.5rem;line-height:.6rem}
}
#washlet-feature .thumb-feature .slick-slide img{width:100%;border:solid 4px transparent}
#washlet-feature .thumb-feature .slick-slide.slick-current{opacity:1}
#washlet-feature .thumb-feature .slick-slide.slick-current img{border:solid 4px #34539d}
#washlet-product{padding-top:4rem;padding-bottom:4rem;background-color:#fff}
#washlet-product .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem}
#washlet-product .section-title span{display:block;padding-top:.5rem}
#washlet-product .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/what-is.png) no-repeat center center;margin:0 auto;display:block}
#washlet-product .washlet-product-item img{width:100%}
#washlet-product .button-box{text-align:center;margin-top:1rem}
#washlet-product .button-box .btn{padding:10px 30px;background-color:#13449d;font-size:1.1rem}
#washlet-video{padding-top:4rem;padding-bottom:4rem}
#washlet-video .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem}
#washlet-video .section-title span{display:block;padding-top:.5rem}
#washlet-video .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/what-is.png) no-repeat center center;margin:0 auto;display:block}
#washlet-video #syncVideo2{padding:0 25%}
@media (max-width:992px){
#washlet-video #syncVideo2{padding:0 10%}
}
@media (max-width:480px){
#washlet-video #syncVideo2{padding:0 40px}
}
#washlet-video #syncVideo2 .slick-slide{padding:10px;line-height:1.1em}
@media (max-width:768px){
#washlet-video #syncVideo2 .slick-slide{padding:5px}
}
@media (max-width:480px){
#washlet-video #syncVideo2 .slick-slide{font-size:.6rem}
}
#washlet-video #syncVideo2 .slick-slide img{width:100%}
#washlet-video #syncVideo2 .slick-prev{width:35px;height:35px;left:23%;margin-left:-17.5px;top:45%}
@media (max-width:992px){
#washlet-video #syncVideo2 .slick-prev{left:7%}
}
@media (max-width:768px){
#washlet-video #syncVideo2 .slick-prev{top:40%}
}
@media (max-width:480px){
#washlet-video #syncVideo2 .slick-prev{left:0;margin-left:0}
}
#washlet-video #syncVideo2 .slick-prev:before{width:35px;height:35px;background:url(../images/layout/arrow-black-mini-left.png) no-repeat center center;display:block}
#washlet-video #syncVideo2 .slick-next{width:35px;height:35px;right:23%;margin-right:-17.5px;top:45%}
@media (max-width:992px){
#washlet-video #syncVideo2 .slick-next{right:7%}
}
@media (max-width:768px){
#washlet-video #syncVideo2 .slick-next{top:40%}
}
@media (max-width:480px){
#washlet-video #syncVideo2 .slick-next{right:0;margin-right:0}
}
#washlet-video #syncVideo2 .slick-next:before{width:35px;height:35px;background:url(../images/layout/arrow-black-mini-right.png) no-repeat center center;display:block}
#washlet-trend{padding-top:4rem;padding-bottom:4rem;background:#4f68a0 url(../images/washlet/home/trend/bg.jpg) top center no-repeat;background-size:cover}
#washlet-trend .container{position:relative}
#washlet-trend .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem;color:#fff}
#washlet-trend .section-title span{display:block;padding-top:.5rem}
#washlet-trend .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/trend.png) no-repeat center center;margin:0 auto;display:block}
#washlet-trend .hilight{position:absolute;top:25%;left:15px;display:inline-block;width:30%}
@media (min-width:768px){
#washlet-trend .hilight{top:15%}
}
#washlet-trend .hilight img{width:100%;max-width:200px}
#washlet-trend .trend-table{display:table;max-width:735px;width:100%;margin:0 auto}
@media (max-width:992px){
#washlet-trend .trend-table{margin:0 auto}
}
#washlet-trend .trend-table .trend-row{display:table-row;width:100%}
#washlet-trend .trend-table .trend-row .trend-col{position:relative;text-align:center;display:table-cell;vertical-align:bottom;width:20%}
#washlet-trend .trend-table .trend-row .trend-col+.trend-col{position:relative}
#washlet-trend .trend-table .trend-row .trend-col+.trend-col:before{position:absolute;content:"";bottom:70px;left:-15%;height:4px;width:40px;background:url(../images/washlet/home/trend/dash.png) center center no-repeat}
@media (max-width:580px){
#washlet-trend .trend-table .trend-row .trend-col+.trend-col:before{display:none}
}
#washlet-trend .trend-table .trend-item{display:block;width:90%;max-width:100px;margin:0 auto}
#washlet-trend .trend-table .trend-item .trend-item-graph{display:block;max-width:43px;width:50%;margin:0 auto 10px}
#washlet-trend .trend-table .trend-item .trend-item-title{font-size:.9rem;color:#fff;margin-bottom:10px;white-space:nowrap}
@media (max-width:580px){
#washlet-trend .trend-table .trend-item .trend-item-title{font-size:1rem}
}
@media (max-width:480px){
#washlet-trend .trend-table .trend-item .trend-item-title{font-size:.5rem}
}
#washlet-trend .trend-table .trend-item .trend-item-prod{display:block;max-width:80px;width:100%;margin:0 auto}
@media (max-width:580px){
#washlet-trend .trend-table .trend-item .trend-item-prod{width:80%}
}
#washlet-trend .trend-table .trend-item .trend-item-year{font-size:1.4rem;color:#fff}
@media (max-width:580px){
#washlet-trend .trend-table .trend-item .trend-item-year{font-size:16px}
}
@media (max-width:480px){
#washlet-trend .trend-table .trend-item .trend-item-year{font-size:.8rem}
}
#testimonial{padding-top:4rem;padding-bottom:4rem;background-color:#fff}
#testimonial .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem}
#testimonial .section-title span{display:block;padding-top:.5rem}
#testimonial .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/testimonial.png) no-repeat center center;margin:0 auto;display:block}
#testimonial #testimonial-carousel .testimonial-item{text-align:center;margin-bottom:30px;width:90%;margin-left:auto;margin-right:auto}
@media (max-width:991.98px){
#testimonial #testimonial-carousel .testimonial-item{width:80%}
}
#testimonial #testimonial-carousel .testimonial-item img{display:block;max-width:100%;width:auto;margin-left:auto;margin-right:auto}
#testimonial #testimonial-carousel .testimonial-item .testimonial-info{text-align:center;margin-bottom:15px;padding-left:15px;padding-right:15px}
#testimonial #testimonial-carousel .testimonial-item .testimonial-info:before{display:block;content:"";position:relative;width:100%;height:40px;background:url(../images/washlet/icon/quote-open.png) center center no-repeat}
#testimonial #testimonial-carousel .testimonial-item .testimonial-info:after{display:block;content:"";position:relative;width:100%;height:40px;background:url(../images/washlet/icon/quote-close.png) center center no-repeat}
#testimonial #testimonial-carousel .testimonial-item .testimonial-info h2{font-size:1.5rem;position:relative}
@media (max-width:580px){
#testimonial #testimonial-carousel .testimonial-item .testimonial-info h2{font-size:1.6rem}
}
#testimonial #testimonial-carousel .testimonial-item .testimonial-info p{font-size:1rem;margin-bottom:0}
@media (max-width:580px){
#testimonial #testimonial-carousel .testimonial-item .testimonial-info p{font-size:1rem}
}
#testimonial #testimonial-carousel .testimonial-item .testimonial-info .btn{font-size:27px;position:relative;padding-left:15px;padding-right:15px;display:inline}
#testimonial #testimonial-carousel .testimonial-item .testimonial-info .btn:hover{background:#13449d}
#testimonial #testimonial-carousel .slick-dots li button:before{text-indent:-9999px;display:block;background:#777;width:16px;height:16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#testimonial #testimonial-carousel .slick-dots li.slick-active button:before{text-indent:-9999px;display:block;background:#13449d;width:16px;height:16px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#testimonial #testimonial-carousel .slick-prev{width:25px;height:46px;left:0;z-index:2}
#testimonial #testimonial-carousel .slick-prev:before{width:25px;height:46px;background:url(../images/washlet/icon/arrow-left.png) no-repeat center center;display:block}
#testimonial #testimonial-carousel .slick-next{width:25px;height:46px;right:0;z-index:2}
#testimonial #testimonial-carousel .slick-next:before{width:25px;height:46px;background:url(../images/washlet/icon/arrow-right.png) no-repeat center center;display:block}
#purchasing-washlet{padding-top:4rem;padding-bottom:4rem}
#purchasing-washlet .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem}
#purchasing-washlet .section-title span{display:block;padding-top:.5rem}
#purchasing-washlet .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/pin.png) no-repeat center center;margin:0 auto;display:block}
#purchasing-washlet .pw-item{margin-bottom:1rem}
@media (max-width:992px){
#purchasing-washlet .pw-item{margin-bottom:3rem}
}
#purchasing-washlet .pw-item img{width:100%}
#purchasing-washlet .pw-item h2{font-size:1.5rem;position:relative;padding:20px 0;margin-bottom:10px}
#purchasing-washlet .pw-item h2:before{content:"";position:absolute;bottom:8px;left:0;height:2px;width:50px;background:#13449d}
#purchasing-washlet .pw-item p{font-size:1rem;margin-bottom:15px}
#purchasing-washlet .pw-item .btn{font-size:1.2rem;position:relative;padding-left:15px;padding-right:30px;display:inline}
#purchasing-washlet .pw-item .btn:after{content:"";display:block;width:10px;height:10px;position:absolute;top:50%;right:10%;margin-top:-4px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#about-toto-history{background:#e4e4e4}
#about-toto-history .section-banner-history .wrap-bannerProduct{max-width:1336px;margin:0 auto;width:100%}
#about-toto-history .section-banner-history .wrap-bannerProduct .slideBannerProduct .box-slide{position:relative}
#about-toto-history .section-banner-history .wrap-bannerProduct .slideBannerProduct .box-slide .description{position:absolute;top:0;left:0;color:#fff;font-size:1.2em;width:100%}
#about-toto-history .section-banner-history .wrap-bannerProduct .slideBannerProduct .box-slide .description h3{font-size:3.1em}
@media (max-width:992px){
#about-toto-history .section-banner-history .wrap-bannerProduct .slideBannerProduct .box-slide .description h3{font-size:3em}
}
#about-toto-history .section-banner-history .wrap-bannerProduct .slideBannerProduct .box-slide .description .btnMore{background-color:#333;margin-top:1rem;color:#fff}
#about-history{background:#e4e4e4;padding-top:4rem;padding-bottom:4rem;position:relative}
#about-history .wrap-history{position:relative;margin-top:4rem;overflow:hidden}
@media (max-width:992px){
#about-history .wrap-history{margin-top:2rem;overflow:visible}
}
#about-history .wrap-history:before{content:'';width:1px;height:100%;border-left:solid 2px #b6b6b6;position:absolute;top:0;left:50%;margin-left:-1px;margin-top:10%}
@media (max-width:992px){
#about-history .wrap-history:before{display:none}
}
#about-history .wrap-history>.row:last-child .caption{padding-bottom:0;margin-top:3px}
#about-history .wrap-history>.row:last-child .caption .timeline-badge{top:55%}
#about-history .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem;color:#333}
#about-history .section-title span{display:block;padding-top:.5rem}
#about-history .section-title:after{content:'';width:100px;height:1px;border-bottom:solid 4px #34539d;position:absolute;top:100%;left:50%;margin-left:-50px}
#about-history .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/clock.png) no-repeat center center;margin:0 auto;display:block}
#about-history .text-timeline{color:#333;text-align:center;font-size:1.2em}
#about-history .caption{width:83.33333333%;margin:1rem auto 2rem auto;float:left;padding-bottom:2rem;position:relative;top:0;left:0}
@media (max-width:992px){
#about-history .caption{float:right;width:100%}
}
@media (max-width:768px){
#about-history .caption{padding-bottom:0;margin:.5rem auto 2rem auto}
}
#about-history .caption .timeline-panel{position:relative}
#about-history .caption .timeline-badge{position:absolute;top:50%;width:90px;height:90px;border:solid #b6b6b6 2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-top:calc(-45px);right:-23%;margin-right:calc(-45px);margin-left:auto;line-height:90px!important;text-align:center;font-size:1.4rem;color:#fff;background:#777;z-index:2}
@media (max-width:992px){
#about-history .caption .timeline-badge{margin-left:auto;margin-right:auto;left:0;margin-bottom:30px;position:relative;margin-top:0}
}
#about-history .caption .timeline-badge:before{content:'';width:80px;height:80px;border:solid 1px #b6b6b6;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:absolute;top:50%;left:50%;margin-left:calc(-40px);margin-top:calc(-40px);display:block}
#about-history .caption .timeline-badge:after{content:'';width:100%;height:1px;display:block;border-bottom:2px solid #b6b6b6;position:absolute;top:50%;left:-100%;z-index:1}
@media (max-width:992px){
#about-history .caption .timeline-badge:after{width:1px;height:30px;left:50%;border-bottom:0 solid #b6b6b6;border-left:2px solid #b6b6b6;top:90px;margin-right:-1px}
}
#about-history .caption .timeline-heading{position:relative;padding-bottom:.5rem}
#about-history .caption .timeline-heading a{padding:6px;background-color:#fff;display:block;position:relative;z-index:2}
#about-history .caption .timeline-heading .img-responsive,#about-history .caption .timeline-heading img{position:relative;z-index:2;max-width:100%;width:auto;margin:auto}
#about-history .caption .timeline-body{color:#333;padding-top:0;font-size:1em;text-align:right;background:#e4e4e4;position:relative;z-index:2}
@media (max-width:992px){
#about-history .caption .timeline-body{text-align:left;text-align:center}
}
#about-history .caption .timeline-body h2{font-size:1.5em}
#about-history .pull-right{margin-top:0;clear:right;margin-left:50%}
@media (max-width:992px){
#about-history .pull-right{margin-left:0}
}
#about-history .pull-right .caption{float:right}
#about-history .pull-right .caption .timeline-body{text-align:left}
@media (max-width:992px){
#about-history .pull-right .caption .timeline-body{text-align:center}
}
#about-history .pull-right .caption .timeline-badge{margin-right:auto;margin-left:-45px;right:auto;left:-23%}
@media (max-width:992px){
#about-history .pull-right .caption .timeline-badge{margin-left:auto;margin-right:auto;left:0;margin-bottom:30px}
}
#about-history .pull-right .caption .timeline-badge:after{content:'';width:100%;height:1px;display:block;border-bottom:2px solid #b6b6b6;position:absolute;top:50%;left:auto;right:-100%;z-index:1}
@media (max-width:992px){
#about-history .pull-right .caption .timeline-badge:after{width:1px;height:30px;right:50%;border-bottom:0 solid #b6b6b6;border-left:2px solid #b6b6b6;top:90px;margin-right:-1px}
}
#washlet-history{background:#e4e4e4;padding-top:4rem;padding-bottom:4rem;position:relative}
#washlet-history .wrap-history{position:relative;margin-top:4rem;overflow:hidden}
@media (max-width:992px){
#washlet-history .wrap-history{margin-top:2rem;overflow:visible}
}
#washlet-history .wrap-history:before{content:'';width:1px;height:100%;border-left:solid 2px #b6b6b6;position:absolute;top:0;left:50%;margin-left:-1px;margin-top:10%}
@media (max-width:992px){
#washlet-history .wrap-history:before{display:none}
}
#washlet-history .wrap-history>.row:last-child .caption{padding-bottom:0;margin-top:3px}
#washlet-history .wrap-history>.row:last-child .caption .timeline-badge{top:55%}
#washlet-history .section-title{text-align:center;font-size:2.2rem;position:relative;padding-bottom:.7rem;margin-bottom:1.5rem;color:#333}
#washlet-history .section-title span{display:block;padding-top:.5rem}
#washlet-history .section-title:after{content:'';width:100px;height:1px;border-bottom:solid 4px #34539d;position:absolute;top:100%;left:50%;margin-left:-50px}
#washlet-history .section-title .icon_01{width:60px;height:60px;background:url(../images/washlet/icon/clock.png) no-repeat center center;margin:0 auto;display:block}
#washlet-history .text-timeline{color:#333;text-align:center;font-size:1.2rem}
#washlet-history .caption{width:83.33333333%;margin:1rem auto 2rem auto;float:left;padding-bottom:2rem;position:relative;top:0;left:0}
@media (max-width:992px){
#washlet-history .caption{float:right;width:100%}
}
@media (max-width:768px){
#washlet-history .caption{padding-bottom:0;margin:.5rem auto 2rem auto}
}
#washlet-history .caption .timeline-panel{position:relative}
#washlet-history .caption .timeline-badge{position:absolute;top:50%;width:90px;height:90px;border:solid #b6b6b6 2px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin-top:-45px;right:-23%;margin-right:-45px;margin-left:auto;line-height:90px!important;text-align:center;font-size:1.4rem;color:#fff;background:#777;z-index:2}
@media (max-width:992px){
#washlet-history .caption .timeline-badge{margin-left:auto;margin-right:auto;left:0;margin-bottom:30px;position:relative;margin-top:0}
}
#washlet-history .caption .timeline-badge:before{content:'';width:80px;height:80px;border:solid 1px #b6b6b6;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:absolute;top:50%;left:50%;margin-left:-40px;margin-top:-40px;display:block}
#washlet-history .caption .timeline-badge:after{content:'';width:100%;height:1px;display:block;border-bottom:2px solid #b6b6b6;position:absolute;top:50%;left:-100%;z-index:1}
@media (max-width:992px){
#washlet-history .caption .timeline-badge:after{width:1px;height:30px;left:50%;border-bottom:0 solid #b6b6b6;border-left:2px solid #b6b6b6;top:90px;margin-right:-1px}
}
#washlet-history .caption .timeline-heading{position:relative;padding-bottom:.5rem}
#washlet-history .caption .timeline-heading a{padding:6px;background-color:#fff;display:block;position:relative;z-index:2}
#washlet-history .caption .timeline-heading .img-responsive,#washlet-history .caption .timeline-heading img{position:relative;z-index:2;width:100%;max-width:auto;margin:auto}
#washlet-history .caption .timeline-body{color:#333;padding-top:0;font-size:1rem;text-align:right;background:#e4e4e4;position:relative;z-index:2}
@media (max-width:992px){
#washlet-history .caption .timeline-body{text-align:left;text-align:center}
}
#washlet-history .caption .timeline-body h2{font-size:1.5rem}
#washlet-history .pull-right{margin-top:0;clear:right;margin-left:50%}
@media (max-width:992px){
#washlet-history .pull-right{margin-left:0}
}
#washlet-history .pull-right .caption{float:right}
#washlet-history .pull-right .caption .timeline-body{text-align:left}
@media (max-width:992px){
#washlet-history .pull-right .caption .timeline-body{text-align:center}
}
#washlet-history .pull-right .caption .timeline-badge{margin-right:auto;margin-left:-45px;right:auto;left:-23%}
@media (max-width:992px){
#washlet-history .pull-right .caption .timeline-badge{margin-left:auto;margin-right:auto;left:0;margin-bottom:30px}
}
#washlet-history .pull-right .caption .timeline-badge:after{content:'';width:100%;height:1px;display:block;border-bottom:2px solid #b6b6b6;position:absolute;top:50%;left:auto;right:-100%;z-index:1}
@media (max-width:992px){
#washlet-history .pull-right .caption .timeline-badge:after{width:1px;height:30px;right:50%;border-bottom:0 solid #b6b6b6;border-left:2px solid #b6b6b6;top:90px;margin-right:-1px}
}
.menuGnav .menu__childContent{width:100%}

#slideBannerProduct .item .thumb img.img-responsive{
    height:auto !important;
}
@media (max-width:992px){
   #slideBannerProduct .item .thumb img.img-responsive{
    max-width:200% !important;
    width:200% !important;
} 
}
.technology-bant .wrap-homeBant img.img-responsive{
     height:auto !important;
}