@media only screen and (max-width: 1200px){
.top-header .slogan{
font-size: 12px;
line-height: 16px;
}
.select-language li a{
font-size: 14px;
}
.product-ss{
margin-top: 0;
}
.cpn-it-title .des{
font-size: 16px;
line-height: 22px;
}
.product-ss .list-product .item .content-pr .content-pr-dt h4{
font-size: 20px;
line-height: 30px;
}
.product-ss .list-product .item .thumb{
height: 200px;
}
.eng-title{
font-size: 48px;
line-height: 60px;
}
.news .title{
width:unset;
margin-right: 50px;
}
.news .list-news{
width: auto;
}
.news .list-news .item h4{
max-width: unset;
width: calc(100% - 50px);
}
.top-footer{
display: block;
}
.main-header .menu-main li{
margin-right: 35px;
}
.top-footer #menu-footer{
position: relative;
align-items: center;
justify-content: center;
bottom: 0;
max-width: 100%;
text-align: left;
}
.logo-footer{
margin-bottom: 20px;
}
.img-custom{
width: calc((100% - 24px)/3) !important;
}
.content-dt-new{
align-items: center;
}
.jp-title{
font-size: 22px;
line-height: 30px;
}
h1.title-eng{
font-size: 42px;
line-height: 50px;
}
h3.title-jpan{
font-size: 22px;
line-height: 32px;
}
.banner-page{
padding: 120px 0;
} .page-list-news .list-news{
padding: 0;
}
.contact-socical{
top: 60%;
}
.contact-socical li a{
width: 50px;
height: 50px;
}
.contact-socical li a i{
font-size: 35px;
line-height: 50px;
}
.top-left-header input{
width: 320px;
}
.tab-info-pr{
width: 720px;
}
.ct-feature{
padding-left: 15px;
}
.img-toggle a{
width: 110px;
}
.iso-profile{
padding: 0 80px;
}
.company-profile .company-prf{
padding: 0 80px;
}
.iso-profile .iso-left{
margin-right: 32px;
}
.content-tab-pr-dt > .info-detail-pr.info-dt-pr2:nth-child(2) .content-post-dt-pr p{
width: calc((100% - 10px)/4) !important;
}
.name-cate-pr{
padding-left: 18px;
}
.name-cate-pr h2 a{
font-size: 21px;
line-height: 28px;
}
.list-catalog{
width: 720px;
}
.lst-post-result .item-post-tax{
width: calc(100% / 3);
flex-basis: calc(100% / 3);
}
.ct-item-ptax .des-item-ptax{
height: 120px;
}
.search-results h1, .page-template-search h1{
font-size: 28px;
line-height: 32px;
margin-bottom: 20px;
}
.product-ss .list-product .item .thumb img{
max-height: 180px;
max-width: 200px;
}
}
@media only screen and (max-width: 992px){
.header-main-dt{
position: relative;
}
.mobile-menu{
display: block;
}
.main-menu-bt ul{
display: block;
}
.main-header .menu-main li{
margin: 0;
display: block;
margin-bottom: 25px;
}
.main-header .menu-main li .sub-menu{
display: none;
}
.menu-main li.current-menu-item a,
.menu-main li:hover a{
color: #e31e1e !important;
}
.main-header .menu-main > li.current-menu-item:before{
display: none;
}
.right-header{
position: fixed;
width: 100%;
left: 100%;
top: 179px;
padding-top: 0;
background: #fff;
z-index: 9999;
padding: 40px 30px;
height: 100%;
overflow-y: scroll;
opacity: 0;
visibility: hidden;
bottom: 0;
transition: all 0.3s ease-in-out 0s;
}
.size-top{
top: 79px ;
}
.main-header .menu-main{
margin-bottom: 0;
}
.menu-main,
.main-menu-bt{
width: 100%;
text-align: center;
margin-bottom: 0;
}
.main-header .menu-main li{
line-height: unset;
}
.main-header .menu-main li a{
font-size: 20px;
line-height: 24px;
}
.top-header-dt{
display: block;
padding: 15px 20px;
}
.top-header .slogan{
text-align: center;
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.top-left-header .item-form{
height: 40px;
}
.top-left-header .form-header{
width: 100%;
}
.top-left-header input{
width: 100%;
}
.select-language li a{
white-space: pre;
font-size: 16px;
}
.sub-menu{
display: none;
}
.main-header .menu-main > li.current-menu-item:before,
.main-header .menu-main > li:hover:before{
display: none !important;
}
.main-slider .item .slider-home .title-home-sl{
right: 50px;
}
.main-slider .item .slider-home .title-home-sl h3{
font-size: 22px;
line-height: 28px;
}
.main-slider .item .slider-home .title-home-sl span{
font-size: 32px;
line-height: 40px;
}
.banner-page{
padding: 100px 0;
}
h1.title-eng{
font-size: 36px;
line-height: 48px;
white-space: pre;
}
h3.title-jpan{
font-size: 18px;
line-height: 24px;
}
.cpn-it{
padding: 40px 0 70px 0;
}
.cpn-it-title{
padding: 0 20px;
}
.new-product .item-new-prd{
margin-bottom: 40px;
}
.news{
padding-bottom: 40px;
}
.about-us{
text-align: left;
}
.new-product{
padding-bottom: 60px;
}
.customer{
padding-bottom: 80px;
}
.site-footer{
padding-top:25px ;
}
.top-footer #menu-footer li a{
font-size: 16px;
line-height: 20px;
}
.logo-footer{
margin-bottom: 10px;
}
.mid-footer{
padding: 20px 0;
}
.mid-footer .about-us h4{
font-size: 24px;
line-height: 32px;
margin-bottom: 10px;
}
.mid-footer .about-us p,
.mid-footer .about-us ul li{
font-size: 16px;
line-height: 22px;
}
.mid-footer .policy{
text-align: right;
margin-left: 20px;
}
.mid-footer .policy ul li a{
font-size: 16px;
line-height: 22px;
}
.bottom-footer{
padding: 15px 0;
}
.copyright{
font-size: 14px;
}
.news .list-news{
padding-top: 30px;
}
.list-news .item{
padding: 15px 0;
}
.list-news .item .date-cate{
margin-bottom: 15px;
}
.list-news .item h4 a{
font-size: 16px;
line-height: 32px;
}
.list-news .item:last-child{
margin-bottom: 30px;
}
.site-main{
margin-top: 179px;
}
.main-slider .item .slider-home .title-home-sl{
top: 25%;
}
.main-slider .owl-nav .owl-next, .main-slider .owl-nav .owl-prev{
width: 28px;
height: 28px;
text-align: center;
margin-left: 10px;
}
.main-slider .owl-nav button i{
font-size: 10px;
line-height: 28px;
}
.main-slider .owl-dot{
width: 10px;
height: 10px;
}
.staff-info .col-md-4{
display: flex;
align-items: center;
margin-bottom: 20px;
}
.staff-info .content-info-ps{
width: calc(100% - 350px);
}
.staff-info .content-info-ps{
padding-top: 0;
}
.staff-info .title h3,
.map-dt h3,
.company-profile h3{
font-size: 28px;
line-height: 32px;
margin-bottom: 25px;
}
.company-profile .company-prf,
.iso-profile {
padding:0 20px;
}
.staff-info .col-md-4:nth-child(2){
flex-direction: row-reverse;
}
.iso-profile .iso-left{
margin-right:  20px;
}
.ct-pre-left{
border-radius: 30px 0;
padding: 20px 10px 0 10px;
}
.content-pre > div{
max-width: 300px;
}
.name-pre p{
font-size: 16px;
line-height: 20px;
}
.ct-pre-left .content-pr-dt p{
margin-bottom: 12px;
}
.ct-pre-left .content-pr-dt p,
.name-pre span{
font-size: 13px;
line-height: 16px;
}
.content-environmental{
padding-bottom: 90px;
} .content-service .page-title h1{
font-size: 36px;
line-height: 42px;
}
.content-service .page-title h3{
font-size: 16px;
line-height: 24px;
}
.content-page-sv{
font-size: 14px;
margin-bottom: 20px;
line-height: 20px;
}
.content-sv-pr .item h4{
font-size: 20px;
line-height: 26px;
}
.content-sv-pr .content{
font-size: 14px;
line-height: 20px;
}
.content-sv-pr .item{
margin-bottom: 25px;
} .page-list-news{
padding-top: 50px;
padding-bottom: 80px;
}
.btn-news{
width: 200px;
height: 50px;
line-height: 50px;
} .form-contact-td{
margin-bottom: 90px;
}
.breadcrumbs{
padding: 10px 0;
} .post-type-dtsg{
padding: 20px 80px 0;
}
.post-type-dtsg h1{
font-size: 24px;
margin-bottom: 25px;
line-height: 32px;
}
.post-type-dtsg .ct-post{
margin-bottom: 60px;
} .list-cate-flex{
display: block;
}
.list-cate-flex .list-pr{
width: 100%;
}
.tag-cate-child a{
font-size: 16px;
line-height: 22px;
padding-left: 16px;
}
.tag-cate-child a:before{
font-size: 10px;
}
.tag-cate-child{
padding: 20px;
}
.page-dt-prd{
display: block;
}
.tab-info-pr{
width: 100%;
margin-bottom: 70px;
}
.page-dt-prd .content-right{
width: 100%;
padding: 0;
margin: 0;
}
#feature-pr{
margin-bottom:  80px;
}
#feature-pr .feature-child{
overflow-x: auto;
}
#feature-pr .feature-child table{
width: 160% !important;
}
.backTo-top{
top: 90%;
right: 20px;
}
.breadcrumbs li:after{
margin: 0 10px;
}
.content-post-dt-pr .lst-img-pr.lst-img-type1 .img-pr-child{
width: calc(100%/4 - 2px);
}
.content-post-dt-pr .lst-img-pr.lst-img-type2 .img-pr-child{
width: 100%;
}
.content-post-dt-pr .lst-img-pr.lst-img-type3 .img-pr-child{
width: calc(100%/4 - 2px);
}
.catalog-dl{
margin-bottom: 70px !important;
padding-top: 30px;
}
.list-catalog-widget{
display: block;
}
.list-catalog-widget .content-right{
width: 100%;
margin: 0;
}
.list-catalog{
width: 100%;
}
.list-catalog .form-catalog input[type="text"]{
width: 100%;
}
.list-catalog .form-catalog .form-ct-dl{
width: 100%;
}
.list-download{
margin-bottom: 40px;
}
.search-results .site-main,
.page-template-search .site-main{
margin-top: 200px;
}
.ct-item-ptax .des-item-ptax{
height: 120px;
}
.search-results h1, .page-template-search h1{
font-size: 28px;
line-height: 32px;
margin-bottom: 20px;
}
.lst-post-result .item-post-tax{
width: calc(100% / 2);
flex-basis: calc(100% / 2);
}
.lst-post-result{
margin-bottom: 60px;
}
.list-download .result-search{
display: block;
margin: 0 auto;
}
.content-post-dt-pr h5{
font-size: 16px;
line-height: 20px;
}
.feature-child table tr td{
padding: 7px 5px 7px 7px;
line-height: 16px;
}
.feature-child table a{
font-size: 14px;
line-height: 18px;
}
.title-coming-soon{
font-size: 28px;
text-align: center;
line-height: 36px;
padding: 40px 0  60px;
color: #333333;
}
}
@media only screen and (max-width: 740px){
.form-search-pg-pr .form-search .form-search-submit input[type="text"]{
width: 400px;
padding-left: 30px;
}
.form-search form{
margin-right: 0;
}
.lst-post-result .item-post-tax{
width: calc(100% / 2);
flex-basis: calc(100% / 2);
}
.ct-item-ptax .des-item-ptax{
height: 120px;
}
}
@media only screen and (max-width: 685px){
.content-cate-dt-alone{
margin-bottom: 10px;
font-size: 13px;
line-height: 17px;
}
.banner-page{
padding: 80px 0;
}
.right-header{
top: 159px;
}
.size-top{
top: 79px;
}
.site-main{
margin-top: 159px;
}
.cpn-it-title{
width: 100%;
padding: 0 15px;
}
.img-custom {
width: calc((100% - 24px)/2) !important;
}
.news .news-content-dt{
display: block;
}
.news .title{
text-align: center;
margin-right: 0;
}
.content-dt-new a img{
width: 18px;
}
.news .list-news .item h4{
width: calc(100% - 30px);
}
.top-header .slogan{
font-size: 13px;
line-height: 15px;
margin-bottom: 10px;
}
.top-left-header .item-form{
height: 30px;
}
.top-header-dt{
padding: 10px 0;
}
.top-left-header input{
font-size: 12px;
}
.top-left-header .form-header i{
font-size: 14px;
}
.select-language li a{
font-size: 13px;
}
.select-language{
margin-left: 25px;
}
.top-left-header input::placeholder{
font-size: 12px;
}
.main-slider .item .slider-home .title-home-sl span{
font-size: 22px;
line-height: 26px;
}
.main-slider .owl-nav{
right: 15px;
display: none;
}
.main-slider .owl-dots{
bottom: 15px;
}
.main-slider .item .slider-home .title-home-sl h3{
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
}
.main-slider .item .slider-home .title-home-sl{
right: 10px;
padding-left: 30px;
}
.top-footer #menu-footer{
flex-wrap: wrap;
}
.top-footer #menu-footer li a{
font-size: 14px;
line-height: 16px;
}
.mid-footer{
padding: 10px 0;
}
.mid-footer .about-us h4{
font-size: 16px ;
line-height: 20px;
}
.mid-footer .about-us p, .mid-footer .about-us ul li{
font-size: 12px;
margin-bottom: 5px;
line-height: 16px;
}
.top-footer #menu-footer li:nth-child(1), 
.top-footer #menu-footer li:nth-child(2),
.top-footer #menu-footer li:nth-child(3){
margin-bottom: 8px;
}
.contact-socical{
left: 55%;
}
.contact-socical li{
margin: 0 3px;
}
.contact-socical li a{
width: 30px;
height: 30px;
}
.contact-socical li a i{
font-size: 16px;
line-height: 30px;
}
.mid-footer .policy ul li a{
font-size: 14px;
line-height: 16px;
}
.bottom-footer{
padding: 10px 0;
}
.copyright{
font-size: 12px;
}
h1.title-eng{
font-size: 26px;
line-height: 30px;
white-space: pre;
}
h3.title-jpan{
font-size: 16px;
line-height: 20px;
}
.eng-title{
font-size: 36px;
line-height: 48px;
}
.jp-title{
font-size: 18px;
line-height: 24px;
}
.product-ss .list-product .item .content-pr{
height: 130px;
padding: 40px 25px 0 25px;
}
.product-ss .list-product .item .thumb{
height: 170px;
}
.cpn-it{
padding: 30px 0 40px 0;
}
.cpn-it-title{
padding: 0 15px;
}
.cpn-it-title h1{
font-size: 28px;
margin-bottom: 15px;
line-height: 36px;
}
.cpn-it-title .des{
font-size: 14px;
line-height: 18px;
}
.news{
padding-top: 0;
}
.product-ss .title{
margin-bottom: 20px;
}
.staff-info .col-md-4{
display: block;
}
.staff-info .img-person{
margin-bottom: 15px;
}
.staff-info .img-person img{
display: block;
margin: 0 auto;
}
.staff-info .content-info-ps{
width: 100%;
padding: 0 15px;
}
.staff-info .content-info-ps > p,
.staff-info .content-info-ps .ct-position span{
font-size: 14px;
line-height: 16px;
}
.staff-info .content-info-ps .ct-position p{
font-size: 20px;
line-height: 24px;
}
.staff-info .title h3,
.map-dt h3,
.company-profile h3{
text-align: center;
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.iso-profile{
display: block;
}
.iso-right{
text-align: center;
}
.list-ct-company .item-lcc .title-item-lcc{
padding: 10px 15px;
width: 140px;
}
.list-ct-company .item-lcc .ct-item-lcss{
padding: 10px 15px;
width: calc(100% - 120px);
}
.list-ct-company .item-lcc .title-item-lcc h5,
.list-ct-company .item-lcc .ct-item-lcss{
font-size: 14px;
line-height: 18px;
}
.company-profile .company-prf, .iso-profile{
padding: 0;
}
.company-profile{
margin-bottom: 40px;
}
.iso-profile .iso-left{
margin-right: 0;
}
.iso-profile .iso-left img{
width: 100%;
}
.iso-profile .iso-right h3{
font-size: 22px;
line-height: 26px;
margin-bottom: 10px;
}
.iso-profile .content p{
font-size: 14px;
line-height: 18px;
}
.iso{
margin-bottom: 40px;
}
.staff-info{
margin-bottom: 45px;
}
.map-dt iframe{
height: 350px;
}
.map-dt{
margin-bottom: 50px;
}
.customer{
padding-bottom: 60px;
}
.customer-company .title h3.jp-title{
text-align: center;
font-size: 24px;
line-height: 28px;
}
.president{
padding: 20px 0;
}
.company-profile{
margin-bottom: 30px;
}
.content-pre{
flex-direction:column-reverse;
padding: 0 15px;
}
.content-pre .ct-pre-left{
border-radius: 0 50px;
margin-right: 0;
padding: 20px 10px 20px 10px;
max-width: 370px;
margin: 0 auto;
}
.ct-pre-left .content-pr-dt{
margin-bottom: 12px;
}
.content-pre > div{
max-width: unset;
display: block;
margin: 0 auto;
}
.content-pre .ct-pre-right{
margin-bottom: 20px;
}
.content-pre .ct-pre-right img{
border-radius: 50px 0px;
} .content-environmental{
padding-bottom: 60px;
}
.banner-page .title-environmental{
padding: 5px 15px 10px 15px;
}
.content-qua-envi h3{
margin-top: 20px;
font-size: 16px;
margin-bottom: 15px;
line-height: 22px;
}
.content-qua-envi{
font-size: 13px;
line-height: 16px;
}
.content-qua-envi p{
font-size: 13px;
line-height: 16px;
margin-bottom: 10px;
} .content-service{
padding-top: 20px;
padding-bottom: 50px;
}
.content-service .page-title{
margin-bottom: 25px;
}
.content-service .page-title h1{
font-size: 32px;
line-height: 36px;
}
.content-sv-pr .item h4{
margin-bottom: 15px;
}
.content-service .page-title h3{
font-size: 15px;
line-height: 18px;
}
.content-sv-pr .item h4{
font-size: 16px;
line-height: 22px;
}
.content-sv-pr .item{
margin-bottom: 20px;
}
.content-sv-pr .content{
line-height: 18px;
} .page-list-news{
padding-top: 30px;
padding-bottom: 50px;
}
.btn-news{
width: 150px;
height: 40px;
line-height: 40px;
font-size: 16px;
}
.page-list-news .list-news .item{
padding: 10px;
}
.list-news .item .date-cate .cate a,
.list-news .item .date-cate .cate span{
width: 80px;
height: 26px;
font-size: 16px;
line-height: 26px;
}
.list-news .item .date-cate .date p{
font-size: 15px;
margin-right: 20px;
line-height: 20px;
}
.page-list-news .list-news .item .icon-arr i{
font-size: 12px;
margin-left: 20px;
}
.list-news .item h4 a{
font-size: 14px;
line-height: 20px;
}
.list-news .item .date-cate{
margin-bottom: 10px;
} .form-contact{
padding: 0 ;
}
.content-contact-pg{
padding-top: 20px;
margin-bottom: 20px;
}
.form-contact .form-group label{
font-size: 14px;
line-height: 18px;
}
.form-contact .form-group input{
height: 35px;
font-size: 15px;
padding: 5px 10px;
margin-top: 5px;
}
.content-contact-pg .content-ct p{
font-size: 14px;
line-height: 20px;
}
.form-contact .form-group{
margin-bottom: 15px;
}
.form-contact .form-group textarea{
height: 90px;
font-size: 14px;
padding: 5px 10px;
line-height: 18px;
}
.form-contact-td{
margin-bottom: 50px;
} .post-type-dtsg{
padding: 15px 0 0;
}
.post-type-dtsg h1{
font-size: 20px;
margin-bottom: 20px;
line-height: 24px;
}
.post-type-dtsg .ct-post{
margin-bottom: 40px;
}
.post-type-dtsg .ct-post p{
font-size: 14px;
line-height: 18px;
margin-bottom: 18px;
}
.post-type-dtsg .date-cate p{
font-size: 14px;
margin-right: 20px;
line-height: 20px;
}
.post-type-dtsg .date-cat span{
width: 80px;
height: 26px;
} .form-search form{
display: block;
}
.form-search .form-search-submit{
width: 100%;
margin-right: 0;
}
.form-search-pg-pr .form-search .form-search-submit input[type="text"]{
width: 100%;
margin-right: 0;
height: 35px;
font-size: 12px;
line-height: 16px;
padding-left: 25px;
}
.list-catalog .form-catalog input[type="text"]::placeholder,
.form-search .form-group input[type="text"]::placeholder{
font-size: 12px;
line-height: 16px;
}
.form-search-pg-pr .form-search .form-search-submit input[type="submit"]{
height: 33px;
}
.list-catalog .form-catalog .form-ct-dl i, .form-search .form-search-submit i{
left: 8px;
}
.form-search-pg-pr .form-search .form-checkbox{
margin-top: 15px;
}
.form-search-pg-pr{
margin-bottom: 20px;
padding: 10px 0 20px 0;
}
.tag-cate-child{
display: block;
}
.tag-cate-child a{
font-size: 14px;
line-height: 18px;
width: 100%;
}
.list-cate-flex .list-pr .tag-cate-child,
.tag-cate-child{
padding: 10px;
}
.cate-product{
margin-bottom: 60px;
}
.form-search .form-search-submit i{
font-size: 14px;
}
.name-cate-pr h2{
margin-right: 10px;
}
.name-cate-pr h2 a {
font-size: 17px;
line-height: 22px;
}
.img-toggle{
width: 100%;
}
.img-toggle a,
#feature-pr .info-toggle > div{
width: 100%;
}
#feature-pr .info-toggle{
display: block;
}
.tab-control-pr ul li a{
font-size: 18px; }
.tab-control-pr ul li:first-child:after, .tab-control-pr ul li:last-child:after{
font-size: 16px;
right: 10px;
}
#feature-pr > div ul li,
#feature-pr > div p{
line-height: 16px;
}
#feature-pr > div ul li{
padding-left: 10px;
}
.ct-feature ul li:before{
width: 6px;
height: 6px;
top: 6px;
}
.ct-feature{
padding: 0;
margin-bottom: 30px;
}
#info-pr{
margin-bottom: 40px;
}
.content-tab-pr-dt > div{
width: 100%;
margin-bottom: 20px;
}
.tab-info-pr{
padding-top: 10px;
margin-bottom: 40px;
}
.content-dt-pr{
padding: 0;
}
.title-dt-info{
padding-left: 10px;
margin-bottom: 15px;
min-height: 40px;
}
.title-dt-info h4{
font-size: 16px;
line-height: 24px;
}
.content-dt-pr p{
font-size: 14px;
line-height: 20px;
}
.info-detail-pr .content-post-dt-pr tr td:first-child,
.info-detail-pr .content-post-dt-pr tr td:last-child{
padding: 8px 5px;
}
.info-detail-pr .content-post-dt-pr tr td:first-child{
width: 140px !important;
}
.info-detail-pr .content-post-dt-pr tr td:last-child{
width: calc(100% - 140px) !important;
}
.info-detail-pr .content-post-dt-pr h4{
font-size: 14px;
line-height: 17px;
}
.info-detail-pr .content-post-dt-pr tr td{
font-size: 13px;
line-height: 16px;
}
.content-tab-pr-dt > .info-detail-pr p{
font-size: 13px;
line-height: 16px;
}
.backTo-top{
top: 90%;
right: 10px;
width: 45px;
padding-top: 25px;
height: 45px;
font-size: 10px;
line-height: 12px;
border-radius: 5px;
}
.backTo-top span{
top: 10px;
width: 12px;
height: 12px;
left: 17px;
}
.owl-customer-mb{
display: block !important;
}
.owl-customer-pc{
display: none !important;
}
.list-cate-flex .list-pr,
.list-pr{
margin-bottom: 30px;
}
.name-cate-pr{
padding: 0 5px;
}
.customer{
padding-top: 40px;
}
.new-product{
padding-bottom: 30px;
}
.content-post-dt-pr .lst-img-pr.lst-img-type1 .img-pr-child{
width: calc(100%/2 - 2px);
}
.content-post-dt-pr .lst-img-pr.lst-img-type3 .img-pr-child{
width: calc(100%/2 - 2px);
}
#arrange-4{
display: none;
}
.list-catalog .col-item-6{
padding: 0 5px;
}
.list-catalog .col-item-6 .post-download{
display: block;
padding: 5px 8px 10px 8px;
}
.list-catalog .col-item-6 .post-download .thumbai-dl{
width: 100%;
line-height: 0;
}
.list-catalog .col-item-6 .post-download img{
width: 100%;
object-fit: cover;
margin-bottom: 10px;
}
.list-catalog .col-item-6 .post-download .content-post-dl{
width: 100%;
}
.list-catalog .post-download .content-post-dl h4{
font-size: 16px;
line-height: 22px;
}
.list-catalog .col-item-6 .post-download .content-post-dl .btn-dl{
bottom: -5px;
line-height: 0;
}
.list-catalog .col-item-6 .post-download{
margin-bottom: 15px;
}
.list-catalog .col-md-12 .post-download{
padding: 12px 10px;
margin-bottom: 15px;
}
.list-catalog .form-catalog input[type="text"],
.form-search .form-search-submit input[type="text"]{
height: 35px;
}
.list-catalog .form-catalog .form-ct-dl i, .form-search .form-search-submit i{
font-size: 14px;
}
.list-catalog .form-catalog input[type="text"], .form-search .form-group input[type="text"]{
padding-left: 30px;
}
.list-catalog .form-catalog{
margin-bottom: 20px;
}
.list-catalog .form-catalog input[type="submit"], .form-search .form-group input[type="submit"]{
height: 33px;
}
.list-download{
margin-bottom: 30px;
}
.catalog-dl{
margin-bottom: 50px !important;
}
.des-item-prdn .content-trim-text{
height: auto;
margin-bottom: 10px;
}
.ct-item-ptax .des-item-ptax{
height: 120px;
padding: 10px 5px 15px 5px;
}
.search-results h1, .page-template-search h1{
font-size: 22px;
line-height: 28px;
margin-bottom: 15px;
}
.lst-post-result .item-post-tax{
width: 100%;
flex-basis: 100%;
}
.lst-post-result{
margin-bottom: 40px;
}
.search-results .site-main, .page-template-search .site-main{
margin-top: 170px;
}
.breadcrumbs li:after{
margin: 0 5px;
}
.top-footer #menu-footer li:nth-child(3), .top-footer #menu-footer li:nth-child(4),.top-footer #menu-footer li:nth-child(5), .top-footer #menu-footer li:nth-child(6){
margin-bottom: 15px;
}
.tg-img-sg{
margin-bottom: 20px;
}
#feature-pr .post-thumb img{
max-height: 160px;
}
.product-ss .list-product .item .content-pr .content-pr-dt a{
width: 80px;
font-size: 16px;
line-height: 35px;
height: 35px;
}
.title-img-post{
height: 170px;
}
.content-post-dt-pr h5{
font-size: 14px;
line-height: 18px;
}
.top-footer #menu-footer li.active-mb{
display: inline-block !important;
}
section.nav-wrap{
padding: 15px 15px 15px 17px;
}
#feature-pr .feature-child table{
width: 180% !important;
}
.content-post-dt-pr.lst-img50 .lst-img-pr .img-pr-child{
width: 100%;
}
.product-ss .list-product .item .thumb img{
max-height: 130px;
}
}
@media only screen and (max-width: 540px){
.top-footer #menu-footer{
margin-bottom: 15px;
}
.top-footer #menu-footer li{
width: calc(50% - 4px) !important;
}
.mid-footer{
padding-top: 0;
}
.name-cate-pr .right-img-list > img:nth-child(2){
display: none;
}
.product-ss .list-product .item{
margin: 0 -10px;
margin-bottom: 40px;
}
.product-ss .list-product .item .content-pr{
padding: 50px 10px 0 10px;
}
.site-main{
margin-top: 174px;
}
.right-header{
top: 174px;
}
.size-top{
top: 79px;
}
.product-ss .list-product .item .thumb{
height: 150px;
}
.info-detail-pr.info-dt-pr2:nth-child(3) .content-post-dt-pr .item-lst-img{
margin-bottom: 10px;
}
#feature-pr .feature-child table{
width: 230% !important;
}
.product-ss .list-product .item .thumb img{
max-height: 120px;
max-width: 140px;
}
}
@media only screen and (max-width: 480px){
.logo img{
width: 180px;
}
.header-main-dt{
height: 65px;
}
.right-header{
top: 158px;
}
.size-top{
top: 65px;
}
.site-main{
margin-top: 160px;
}
.img-custom {
width: calc((100% - 16px)/2) !important;
}
.mobile-menu span,
.mobile-menu{
width: 30px;
}
.info-detail-pr.info-dt-pr2:nth-child(1) .content-post-dt-pr .item-lst-img, 
.info-detail-pr.info-dt-pr2:nth-child(3) .content-post-dt-pr .item-lst-img{
width: 100% !important;
}
.content-tab-pr-dt > .info-detail-pr.info-dt-pr2:nth-child(2) .content-post-dt-pr .lst-img-pr .item-lst-img{
width: calc((100% - 4px)/2) !important;
}
.info-detail-pr .content-post-dt-pr h6{
font-size: 14px;
line-height: 18px;
}
}
@media only screen and (max-width: 380px){
.product-ss .list-product .item{
margin: 0px;
margin-bottom: 40px;
}
}@media only screen and (max-width: 1024px) {
.table-prd-it tr th{
font-size: 14px;
}
}
@media only screen and (max-width: 990px) {
.main-menu ul li {
display: block;
}
.main-menu.open .menu-main {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.main-menu .sub-menu {
position: static;
display: none;
opacity: 1;
margin-top: 0;
visibility: visible;
background: rgba(255, 255, 255, 0.1);
}
.main-menu .sub-menu li a {
font-size: 13px;
padding-left: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu {
display: inline-block;
}
.form-search form{
display: block;
margin-right: 0;
}
.form-group.form-checkbox{
margin-top: 15px;
}
.item-post-tax{
width: calc(100% / 2);
flex-basis: calc(100% / 2);
}
.content-left {
width: 65%;
}
.content-right{
width: 35%;
}
.table-prd-it{
overflow-x: auto;
}
.table-prd-it table{
width: 130%;
border-collapse: collapse;
-webkit-overflow-scrolling: touch;
}
.table-prd-it tr th{
height: 70px;
}
.title-details-product h1{
font-size: 18px;
}
.title-details-product{
padding: 10px 0;
}
.tt-layer-3{
height: 56px;
}
.tt-layer-3 h1{
font-size: 20px;
line-height: 26px;
}
.lst-pk{
max-width: 100%;
}
.with-cta{
width: 100%;
padding: 0 15px;
}
.form-contact{
padding: 0;
}
.title-pcta h3{
font-size: 18px;
}
.title-pcta span{
font-size: 26px;
}
.img-cta{
left: 15px;
}
.img-cta img{
width: 50%;
}
.des-phone-cta p:first-child{
margin-bottom: 15px;
}
.content-all-frm{
max-width: 100%;
margin: 50px 15px;
}
.grp-item-frm input {
width: 340px;
flex-basis: 340px;
}
.item-frm.frm-adress input {
width: 530px;
}
.lst-check-box .wpcf7-list-item{
margin: 0px 0px 0px 30px;
}
.wpml-ls-legacy-dropdown a span{
margin-left: 2px;
}
.lst-new-prd .col-md-3:nth-child(3){
clear: both;
}
.list-tbl-childsg {
margin-bottom: 50px;
}
.no-result h3{
font-size: 20px;
line-height: 26px;
}
a.btn-result.btn-primary{
font-size: 14px;
}
a.btn-result.btn-primary{
padding: 6px 20px;
}
.no-result h3{
margin: 20px 0;
}
.no-result{
padding: 20px 0;
}
.search .site-content h1{
font-size: 24px;
}
.search .site-content{
padding-top: 40px;
}
.content-search{
padding-top: 10px;
}
.wpml-ls-legacy-dropdown a span{
font-size: 13px;
}
}
@media only screen and (max-width: 800px) {
.ct-all-ep{
width: 100%;
}
.content-ep p{
font-size: 13px;
}
.content-ep ul li{
font-size: 13px;
}
.content-ep ul li{
margin-bottom: 5px;
}
.content-ep p{
margin-bottom: 5px;
} }
@media only screen and (max-width: 768px) {
.site-brand,
.right-header {
text-align: center;
}
.left-thumb .post-thumb {
float: none;
width: auto;
max-width: 400px;
margin-right: 0;
}
.site-footer {
text-align: center;
}
.site-footer .socials {
padding: 10px 0;
text-align: center;
}
.lst-pk{
padding-bottom: 30px;
}
.lst-pif-2 .itme-pif-2{
margin-bottom: 30px;
}
.title-item-pri h3{
padding: 0 10px;
}
.logo-footer {
margin-bottom: 25px !important;
}
.ct-page-tax .container{
display: block;
}
.content-cate-dt-alone{
margin-bottom: 20px;
}
.content-left {
width: 100%;
}
.content-right {
width: 100%;
margin-left: 0;
}
.lst-post-pri.site-map{
display: block;
}
.lst-post-pri.site-map > div {
width: 100%;
flex-basis: 100%;
}
.site-map-pr{
margin-bottom: 30px;
}
.title-item-pri{
height: auto;
}
.info-prd-width.info-detail-pr .content-acf-pr{
overflow-x: auto;
}
.info-prd-width.info-detail-pr .content-acf-pr table{
width: 160% !important;
}
}
@media only screen and (max-width: 767px) {
.name-cate-pr h2{
font-size: 18px;
}
.form-search label{
font-size: 14px;
}
.form-search .form-search-submit input[type="text"] {
width: 100%;
}
.item-grp-tax{
margin-bottom: 10px;
}
.title-grp-tax h3 a{
font-size: 17px;
}
.item-post-tax h4 a{
font-size: 15px;
}
.item-post-tax h4{
margin-bottom: 10px;
}
.item-post-tax {
width: 100%;
flex-basis: 100%;
}
.ct-item-ptax .des-item-ptax{
height: auto;
} .form-search form{
margin-top: 10px;
}
.title-grp-tax h3 {
margin-bottom: 10px;
}
.des-item-ptax p{
margin-bottom: 15px;
}
.lst-post-tax{
margin: 0 -15px 0px -15px;
}
.content-right .widget-title{
font-size: 20px;
padding: 5px 0;
}
.form-search .form-search-submit{
width: 100%;
}
.table-prd-it tr th{
font-size: 13px;
}
.table-prd-it tbody tr td{
font-size: 14px;
}
.table-prd-it tbody tr td:first-child a{
font-size: 14px;
}
.table-prd-it tbody tr td{
height: 40px;
}
.table-prd-it{
margin-bottom: 30px;
}
.page-dt-prd{
display: block;
}
.tab-info-pr{
width: 100%;
}
#feature-pr{
margin-bottom: 40px;
}
.page-dt-prd .content-right{
padding-top: 0;
}
.list-tbl-childsg {
margin-bottom: 30px;
}
.title-pg-tax{
margin-bottom: 30px;
}
.title-pg-tax,
.title-page-layer3,
.content-srch-info
{
margin-bottom: 20px;
padding-bottom: 15px;
}
.lst-li ul li a{
line-height: 16px;
}
.lst-item-pri .item-pri{
margin-bottom: 20px;
}
.lst-li ul li{
margin-bottom: 7px;
}
.lst-item-pri{
margin-top: 20px;
}
.item-pri h4{
margin-bottom: 10px;
}
.lst-pif-2 .itme-pif-2{
margin-bottom: 20px;
}
.item-frm{
clear: both;
}
.grp-item-frm input {
width: 95%;
flex-basis: 95%;
}
span.wpcf7-form-control-wrap.Furigana-1{
width: 50%;
float: left;
}
span.wpcf7-form-control-wrap.Furigana-2{
width: 50%;
float: right;
}
.grp-item-frm span:last-child input{
float: right;
}
.grp-item-frm{
display: block;
}
.item-frm {
margin-bottom: 10px;
}
.grp-item-frm input{
margin-bottom: 10px;
}
.contact-form a{
margin-top: 0;
}
select.wpcf7-form-control.wpcf7-select{
width: 100%;
margin-bottom: 10px;
}
span.wpcf7-form-control-wrap.text-161 input{
margin-top: 0;
}
.item-frm.frm-adress input{
width: 100%;
}
.contact-form select{
background-position-x: 98% !important;
}
.title-pcta h3 {
font-size: 16px;
}
.title-pcta span {
font-size: 20px;
}
.title-pcta:before{
height: 50px;
top: 15px;
}
.des-phone-cta p{
font-size: 14px;
}
.des-phone-cta{
max-width: 100%;
}
.des-frm-cta p{
font-size: 14px;
}
.des-frm-cta {
padding-top: 10px;
}
.note-frm p{
font-size: 14px;
}
.item-frm label{
font-size: 14px;
margin-bottom: 10px;
}
.item-frm p:empty{
display: none;
}
.grp-item-frm span:last-child input{
margin-bottom: 0;
}
.item-frm.frm-adress span:last-child input{
margin-top: 10px;
}
.item-frm input{
height: 40px;
}
.lst-check-box input{
height: 20px;
}
.wpcf7-textarea{
height: 140px;
}
select.wpcf7-form-control.wpcf7-select{
height: 40px;
padding: 0 15px;
}
::-webkit-input-placeholder {
font-size: 13px;
}
:-ms-input-placeholder {
font-size: 13px
}
::placeholder {
font-size: 13px;
}
.wpcf7-select{
font-size: 13px;
}
.field-input.field-checkbox .wpcf7-list-item-label{
font-size: 14px;
}
.wpcf7-list-item{
display: block;
}
.lst-check-box span.wpcf7-form-control.wpcf7-radio{
display: block;
}
.lst-check-box .wpcf7-list-item:first-child{
margin-left: 0px;
}
.lst-check-box .wpcf7-list-item{
margin-left: 0px;
}
.note-radio{
top: 82%;
position: unset;
}
.note-radio input{
margin-left: 0 !important;
}
.field-input.field-checkbox{
display: flex;
justify-content: center;
}
.note-radio{
left: 25%;
}
.btn-form .wpcf7-submit{
font-size: 15px;
padding: 6px 0;
width: 130px;
}
span.wpcf7-form-control-wrap.text-69 input{
height: 40px !important;
}
.wpcf7-radio label {
margin-bottom: 25px !important;
}
.phone-contact {
margin: 20px 0;
}
.item-frm.frm-adress select.wpcf7-form-control.wpcf7-select{
margin-bottom: 0;
}
.active-mb {
display: block !important;
} .grp-item-frm span.wpcf7-form-control-wrap.pre-1{
width: 50%;
float: left;
}
.grp-item-frm span.wpcf7-form-control-wrap.pre-1 .wpcf7-not-valid-tip, span.wpcf7-form-control-wrap.pre-2 .wpcf7-not-valid-tip{
width: 95%;
}
span.wpcf7-form-control-wrap.pre-2 .wpcf7-not-valid-tip, span.wpcf7-form-control-wrap.Furigana-2 .wpcf7-not-valid-tip{
margin-left: 13px;
margin-top: 50px;
}
span.wpcf7-form-control-wrap.pre-2{
width: 50%;
float: right;
}
.wpcf7-not-valid-tip{
margin-top: 10px;
}
.grp-item-frm span.wpcf7-form-control-wrap.pre-1 .wpcf7-not-valid-tip, span.wpcf7-form-control-wrap.Furigana-1 .wpcf7-not-valid-tip{
margin-top: 0;
}
.field-checkbox input:checked+.wpcf7-list-item-label:after{
top: 4px;
}
.field-input.field-checkbox .wpcf7-not-valid-tip{
margin-top: 0;
}
.wpcf7-form-control.wpcf7-acceptance.wpcf7-not-valid{
position: relative !important;
display: flex !important;
align-items: center !important;
}
.wpcf7-not-valid-tip{
font-size: 14px;
}
.lst-item-pri,
.lst-pif-2{
display: block;
}
.lst-item-pri .item-pri,
.lst-pif-2 .itme-pif-2{
width: 100%;
}
.lists-tech > li.list-tech-cate{
width: 100%;
flex-basis: 100%;
}
.lists-tech-cate-info li{
line-height: 18px;
}
.lists-tech > li.list-tech-cate{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 540px){
#feature-pr .info-toggle > div{
width: 100%;
}
#feature-pr .info-toggle{
display: block;
}
.content-tab-pr h3{
font-size: 16px;	
}
.ct-feature{
padding-left: 0;
}
#feature-pr .post-thumb{
height: 160px;
}
#feature-pr > div p:last-child{
margin-bottom: 0;
}
#feature-pr{
margin-bottom: 15px;
}
.tt-layer-3{
height: 46px;
margin-bottom: 15px;
}
.tt-layer-3 h1{
font-size: 18px;
line-height: 22px;
}
.lst-pif-2 .itme-pif-2 .title-item-pri{
height: 40px;
}
.title-item-pri h3{
font-size: 16px;
line-height: 40px;
padding: 0 5px;
}
span.wpcf7-form-control-wrap.text-69 input{
width: 100% !important;
}
.title-pcta h3 {
font-size: 14px;
}
.title-pcta span {
font-size: 14px;
}
.img-cta img{
display: none;
}
.content-all-frm{
margin: 20px 15px 50px;
}
.title-pcta{
padding: 17px 10px 0px 10px;
}
.field-checkbox input:checked+.wpcf7-list-item-label:after{
top: 3px;
}
.top-footer #menu-footer li:nth-child(1), .top-footer #menu-footer li:nth-child(2), .top-footer #menu-footer li:nth-child(3) {
margin-bottom: 15px;
}
.table-prd-it table{
width: 180%;
}
.info-prd-width.info-detail-pr .content-acf-pr table{
width: 220% !important;
}
}
@media only screen and (max-width: 414px){
.btn-form{
margin-top: 20px;
}
.field-input.field-checkbox .wpcf7-list-item-label {
font-size: 12px;
}
.product-ss .list-product .item .content-pr .content-pr-dt h4 {
font-size: 15px;
line-height: 20px;
}
.news {
padding-bottom: 0px;
}
#feature-pr > div p{
line-height: 20px !important;
}
.title-details-product{
padding: 10px ;
}
.no-result h3{
font-size: 16px;
}
.item-frm label{
line-height: 20px;
}
span.wpcf7-list-item.last label{
margin-bottom: 10px !important;
}
.note-radio{
margin-top: 10px;
}
.wpcf7-not-valid-tip{
font-size: 12px;
}
.table-prd-it table{
width: 220%;
}
.product-ss .list-product .item .content-pr .content-pr-dt h4{
height: 65px;
}
.wpcf7-not-valid-tip{
font-size: 10px;
}
}.tablesorter-default{width:100%;font:12px/18px Arial,Sans-serif;color:#333;background-color:#fff;border-spacing:0;margin:10px 0 15px;text-align:left}.tablesorter-default th,.tablesorter-default thead td{font-weight:700;color:#000;background-color:#fff;border-collapse:collapse;border-bottom:#ccc 2px solid;padding:0}.tablesorter-default tfoot td,.tablesorter-default tfoot th{border:0}.tablesorter-default .header,.tablesorter-default .tablesorter-header{background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);background-position:center right;background-repeat:no-repeat;cursor:pointer;white-space:normal;padding:4px 20px 4px 4px}.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerAsc,.tablesorter-default thead .tablesorter-headerSortUp{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);border-bottom:#000 2px solid}.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerDesc,.tablesorter-default thead .tablesorter-headerSortDown{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);border-bottom:#000 2px solid}.tablesorter-default thead .sorter-false{background-image:none;cursor:default;padding:4px}.tablesorter-default tfoot .tablesorter-headerAsc,.tablesorter-default tfoot .tablesorter-headerDesc,.tablesorter-default tfoot .tablesorter-headerSortDown,.tablesorter-default tfoot .tablesorter-headerSortUp{border-top:#000 2px solid}.tablesorter-default td{background-color:#fff;border-bottom:#ccc 1px solid;padding:4px;vertical-align:top}.tablesorter-default tbody>tr.even:hover>td,.tablesorter-default tbody>tr.hover>td,.tablesorter-default tbody>tr.odd:hover>td,.tablesorter-default tbody>tr:hover>td{background-color:#fff;color:#000}.tablesorter-default .tablesorter-processing{background-position:center center!important;background-repeat:no-repeat!important;background-image:url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=)!important}.tablesorter-default tr.odd>td{background-color:#dfdfdf}.tablesorter-default tr.even>td{background-color:#efefef}.tablesorter-default tr.odd td.primary{background-color:#bfbfbf}.tablesorter-default td.primary,.tablesorter-default tr.even td.primary{background-color:#d9d9d9}.tablesorter-default tr.odd td.secondary{background-color:#d9d9d9}.tablesorter-default td.secondary,.tablesorter-default tr.even td.secondary{background-color:#e6e6e6}.tablesorter-default tr.odd td.tertiary{background-color:#e6e6e6}.tablesorter-default td.tertiary,.tablesorter-default tr.even td.tertiary{background-color:#f2f2f2}.tablesorter-default>caption{background-color:#fff}.tablesorter-default .tablesorter-filter-row{background-color:#eee}.tablesorter-default .tablesorter-filter-row td{background-color:#eee;border-bottom:#ccc 1px solid;line-height:normal;text-align:center;-webkit-transition:line-height .1s ease;-moz-transition:line-height .1s ease;-o-transition:line-height .1s ease;transition:line-height .1s ease}.tablesorter-default .tablesorter-filter-row .disabled{opacity:.5;cursor:not-allowed}.tablesorter-default .tablesorter-filter-row.hideme td{padding:2px;margin:0;line-height:0;cursor:pointer}.tablesorter-default .tablesorter-filter-row.hideme *{height:1px;min-height:0;border:0;padding:0;margin:0;opacity:0}.tablesorter-default input.tablesorter-filter,.tablesorter-default select.tablesorter-filter{width:95%;height:auto;margin:4px auto;padding:4px;background-color:#fff;border:1px solid #bbb;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:height .1s ease;-moz-transition:height .1s ease;-o-transition:height .1s ease;transition:height .1s ease}.tablesorter .filtered{display:none}.tablesorter .tablesorter-errorRow td{text-align:center;cursor:pointer;background-color:#e6bf99}.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide-container table {
background: none;
table-layout: auto;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray;
font-size: .9em;
}
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px; }
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming { background: black;
}
a.highslide-full-expand {
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-viewport {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
.highslide-overlay {
display: none;
}
.hidden-container {
display: none;
} .closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/close.png); }    .highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
padding: 0;
line-height: 0;
overflow: hidden;
}
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
html> body .highslide-gallery ul li {
display: table;
text-align: center;
}
html> body .highslide-gallery ul li {
text-align: center;
}
html> body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
html> body .highslide-gallery ul img {
position: static;
}    .highslide-controls {
width: 195px;
height: 40px;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
margin:0;
list-style: none;
}
.highslide-controls a {
background-image: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a.disabled span {
cursor: default;
}
.highslide-controls a span { display: none;
cursor: pointer;
} .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}    .highslide-maincontent {
display: none;
}
.highslide-html {
background-color: white;
}
.mobile .highslide-html {
border: 1px solid silver;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
.highslide-header {
padding-bottom: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-header a:hover {
color: black;
}
.highslide-header .highslide-move a {
cursor: move;
}
.highslide-footer {
height: 16px;
}
.highslide-footer .highslide-resize {
display: block;
float: right;
margin-top: 5px;
height: 11px;
width: 11px;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
display: none;
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize;
}      .draggable-header .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
position: absolute;
margin: 2px 0.4em;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: absolute;
right: 2px;
top: 2px;
z-index: 5;
padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
.draggable-header .highslide-maincontent {
padding-top: 1em;
} .titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
position: absolute;
width: 90%;
margin: 1px 0 1px 5px;
color: #666666;
}
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
display: none;
}
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
padding-top: 1em;
} .no-footer .highslide-footer {
display: none;
} .wide-border {
background: white;
}
.wide-border .highslide-image {
border-width: 10px;
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
} .borderless .highslide-image {
border: none;
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver;
} .outer-glow {
background: #444;
}
.outer-glow .highslide-image {
border: 5px solid #444444;
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
} .colored-border {
background: white;
}
.colored-border .highslide-image {
border: 2px solid green;
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
} .dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-black-border.gif);
} .floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
} .controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
.controls-in-heading .highslide-controls li {
padding: 0;
}
.controls-in-heading .highslide-controls a {
background-image: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-white-small.gif);
height: 20px;
width: 20px;
}
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}    .text-controls .highslide-controls {
width: auto;
height: auto;
margin: 0;
text-align: center;
background: none;
}
.text-controls ul {
position: static;
background: none;
height: auto;
left: 0;
}
.text-controls .highslide-move {
display: none;
}
.text-controls li {
background-image: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-text-buttons.png);
background-position: right top !important;
padding: 0;
margin-left: 15px;
display: block;
width: auto;
}
.text-controls a {
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-text-buttons.png) no-repeat;
background-position: left top !important;
position: relative;
left: -10px;
display: block;
width: auto;
height: auto;
text-decoration: none !important;
}
.text-controls a span {
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/controlbar-text-buttons.png) no-repeat;
margin: 1px 2px 1px 10px;
display: block;
min-width: 4em;
height: 18px;
line-height: 18px;
padding: 1px 0 1px 18px;
color: #333;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
.text-controls .highslide-next {
margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
min-width: 0;
margin: 1px 0;
padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
min-width: 0;
}
.text-controls a:hover span {
color: black;
}
.text-controls a.disabled span {
color: #999;
}
.text-controls .highslide-previous span {
background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
background-position: 0 -140px;
}
.text-controls .highslide-play span {
background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
background-position: 0 -160px;
}
.text-controls .highslide-pause span {
background-position: 0 -80px;
}
.text-controls .highslide-next span {
background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
background: none;
}
.text-controls .highslide-full-expand a.disabled {
background-position: left top !important;
}
.text-controls .highslide-close span {
background-position: 0 -120px;
}     .highslide-thumbstrip {
height: 100%;
direction: ltr;
}
.highslide-thumbstrip div {
overflow: hidden;
}
.highslide-thumbstrip table {
position: relative;
padding: 0;
border-collapse: collapse;
}
.highslide-thumbstrip td {
padding: 1px; }
.highslide-thumbstrip a {
outline: none;
}
.highslide-thumbstrip img {
display: block;
border: 1px solid gray;
margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
position: absolute;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
border-color: transparent; }
.highslide-thumbstrip-horizontal div {
width: auto; }
.highslide-thumbstrip-horizontal .highslide-scroll-up {
display: none;
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
margin-bottom: 10px;
cursor: pointer;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/scrollarrows.png) left center no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
margin-bottom: 10px;
cursor: pointer;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/scrollarrows.png) center right no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal table {
margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
width: auto;
height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
top: 47px;
border-left-width: 6px;
border-right-width: 6px;
border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical-overlay {
overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
height: 100%;
}
.highslide-thumbstrip-vertical a {
display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
margin-left: 10px;
cursor: pointer;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/scrollarrows.png) top center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
margin-left: 10px;
cursor: pointer;
background: url(//test-probe.jp/wp-content/themes/new_testprobe_v2/libs/highslide/graphics/scrollarrows.png) bottom center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical table {
margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
width: 60px; }
.highslide-thumbstrip-vertical .highslide-marker {
left: 0;
margin-top: 8px;
border-top-width: 6px;
border-bottom-width: 6px;
border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
border-left-color: white;
}
.highslide-viewport .highslide-thumbstrip-float {
overflow: auto;
}
.highslide-thumbstrip-float ul {
margin: 2px 0;
padding: 0;
}
.highslide-thumbstrip-float li {
display: block;
height: 60px;
margin: 0 2px;
list-style: none;
float: left;
}
.highslide-thumbstrip-float img {
display: inline;
border-color: silver;
max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
display: none;
}
.highslide-thumbstrip-float .highslide-marker {
display: none;
}