body,html{font-family: "hei";}

/*BCN Bootstrap container Custom Style*/
@media (max-width: 1310px) and (min-width: 1120px) {
    .product-block .container {
        width: 970px;
    }
}
@media (max-width: 1119px) and (min-width: 800px) {
    .product-block .container {
        width: 750px;
    }
}


.flex-box {
    display: flex;
    justify-content: center;
}
.list-container {
  width: 100%;
}

iframe{border: 0px; padding: 0; margin: 0px;}

img.full{display: block; width: 100%;}
img.top-full {height:auto;}
.comsnumable-product-block img.full-size {display: block; width: 100%;}
img.product-thumbnail {
    display: block;
    width: 108.75px;
    height: 87px;
}
.relative{position: relative;}
.absolute{position: absolute;}

.alpha95 {filter: alpha(opacity= 95); -moz-opacity: .95; opacity: .95;}
.alpha90 {filter: alpha(opacity= 90); -moz-opacity: .90; opacity: .90;}
.alpha80 {filter: alpha(opacity= 80); -moz-opacity: .80; opacity: .80;}
.alpha70 {filter: alpha(opacity= 70); -moz-opacity: .70; opacity: .70;}
.alpha60 {filter: alpha(opacity= 60); -moz-opacity: .60; opacity: .60;}
.alpha50 {filter: alpha(opacity= 50); -moz-opacity: .50; opacity: .50;}
.alpha40 {filter: alpha(opacity= 40); -moz-opacity: .40; opacity: .40;}
.alpha30 {filter: alpha(opacity= 30); -moz-opacity: .30; opacity: .30;}
.alpha20 {filter: alpha(opacity= 20); -moz-opacity: .20; opacity: .20;}
.alpha10 {filter: alpha(opacity= 10); -moz-opacity: .10; opacity: .10;}
.alpha00 {filter: alpha(opacity=  0); -moz-opacity:   0; opacity:   0;}

.blue-button{background-color: #0d2ea1; padding: 0.4em 2.5em; display: inline-block; color: #fff; border-radius: 2em; overflow: hidden; font-size: 1em; margin: 0.5em 0; text-align: center; margin-top: 2em; cursor: pointer;}
.blue-button:hover{color: #fff; text-decoration: none; opacity:0.6;}

.select-group{width: 100%;}

.resetButtonLine{margin: 10px 0px 0px;}
@media (min-width:992px){
	.resetButtonLine>div{text-align: right; margin-right: 0.7em;}
}

a.reset-button{display: inline-block; background-color: #ccc; color: #fff; text-align: center; padding: 0.3em 0; width: 12%; margin: 5px 0; border-radius: 1em; font-size: 14px;}
a.reset-button:hover{color: #666;}

@media (max-width:992px){
	a.reset-button{width: 40%;}
}

.has-B-border{border-bottom: 1px solid #b3b3b4; margin-bottom: 20px; padding-bottom: 15px;}

ul,li{padding: 0px; margin: 0px; list-style: none;}

.mask{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1000; top: 0px; left: 0px;}
.codeBlock{position: fixed; width: 300px; top: 50%; margin-top: -200px; left: 50%; margin-left: -150px; z-index: 1000;}
.codeBlock p{color: #fff; text-align: center; font-size: 1.2em; margin-top: 10px; width: 100%;}
.codeBlock .closePopButton{width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; position: absolute; top: 0px; right: -30px; cursor: pointer;}

a.block{display: block;}

.breadcrumb{background: none; margin-bottom: 5px;}

.product-detail-block .breadcrumb a,
.product-detail-block .breadcrumb span{color: #fff;}

@media (min-width:992px){
	.has-slide-bar .main{width: 100%; float: left;}
	.has-slide-bar .slide-bar{float: left; margin-left: -100%; padding-left: 0px; padding-right: 30px;}
}


@media (max-width:992px){
	body{min-width: 100%;}
}

/* bootstrap change style begin */
#top-menu{background-color: #0d2ea0;}
.st-searchBalloon{z-index: 10;}
.pagination {margin:10px 0px;}
.pagination>li>a, .pagination>li>span{border: 0px; font-size: 1.2em; color: #333;}
.pagination>li>a:hover{background-color: #999; color: #fff;}
.pagination>li> .active-pagination {cursor: default; color: #1098cd; font-weight: 700;}

.input-group label{display: table-cell; width: 5em; vertical-align: middle;}
.input-group label.search-label{width: 5em;}
.input-group label.select-label{width: 5em;}
.input-group label.type-label{width: 5em;}
.input-group .btn{background-color: #0d2ea1; color: #fff;}

input[type="text"]{border-color: #0d2ea1;}

@media (min-width:768px){
	.input-group label.type-label{width: 6.5em;}
	.st-blueBar{padding: 0px 15px;}
}

/* bootstrap change style end */

@media (min-width:768px){
	.st-siteHeader{width: 100%;}
	.st-blueBar{padding: 0px 15px;}
}

@media (min-width:992px){
	.st-siteHeader{width: 100%;}
	.st-blueBar{padding: 0px 15px;}
}

@media (min-width:1200px){
	.st-siteHeader{width: 1140px;}
	.st-blueBar{padding: 0px;}
}

.showMoreFormEl{border-top: 1px solid #b3b3b4; margin-top: 10px;}
.showMoreFormEl p{margin: 0px; color: #b3b3b4; font-size: 0.8em; line-height: 100%;}

/* header style begin */
.browserMsg{background: white; display: none;}
.browserMsg p {line-height: 50px; font-size: 1.2em; margin-left: 5%; /*color:  white;*/}
.browserMsgMessage {margin-bottom:0px;}
.browserMsgButton {border: 1px solid; padding: 0.5em 1em; font-size: 0.9em; /*color:  white;*/ margin-left: 1%;}
.st-searchBalloon{left: 50%; margin-left: 195px;}
.st-siteHeader,.st-blueBar{position: static;}

.subMenumain{display: block; position: relative; width: 100%; z-index: 910;}
.subMenuBlock{width: 100%; display: block; min-height: 120px; position: absolute; top: 0px; background-color: #fff; z-index: 910; left: 0px; visibility: hidden; border-bottom: solid 1px #d2d4d9;}
.subMenuLink{padding: 1em 0;}
.subMenuLink li{display: block;}
.subMenuLink li a{display: block; font-size: 14px; border-bottom: 1px solid #ccc; color: #0d2ea0; padding: 0.5em 2em; margin-left: 1em; margin-bottom: 0.5em;}

@media (min-width:768px){
	.subMenuBlock{min-height: 120px;}
	.subMenuLink li{display: inline-block;}
	.subMenuLink li a{display: inline-block; font-size: 14px; border: 1px solid #ccc; color: #0d2ea0; padding: 0.5em 2em; margin-left: 1em; margin-bottom: 0.5em;}
	.subMenuLink li a:hover{background-color: #0d2ea0; color: #fff; text-decoration: none; opacity: 1;}
}

@media (min-width:992px){
	.subMenuBlock .product-swiper-button-next{right: -30px;}
	.subMenuBlock .product-swiper-button-prev{left: -30px;}
	.subMenuBlock .product-swiper-button-next,.product-swiper-button-prev{width: 30px; height: 30px;}
	.subMenuBlock .product-type-main{margin: 0px 30px; padding: 0.5em 0;}
}


.product-type-main{margin: 0px 30px; padding: 0.5em 0;}
.product-type-list a{padding: 0px;}
.product-type-list a img.active{display: block; width: 100%;}
.product-type-list a img.hover{display: none; width: 100%;}
.product-type-list a:hover img.active{display: none; width: 100%;}
.product-type-list a:hover img.hover{display: block; width: 100%;}
.product-type-list a p{text-align: center; color: #2f2f2f;}
.product-type-list a:hover p{color: #666; text-decoration: none;}

/* header style end */


/* footer style begin */

/* ft-media style begin */
.ft-media{background-color: #f5f5f5; padding: 2em 0px; vertical-align: top;}
.ft-media a{color: #898989;}
.ft-media .ft-media-title{font-size: 1.4em; line-height: 1.8; margin-bottom: 0.6em; color: #898989;}

.ft-media .ft{width: 100%;}

.ft-media .ft-media-b1{display: inline-block; width: auto; vertical-align: top; float: left;}
.ft-media .ft-media-b1 a{padding-left: 1.6em; font-size: 1em; margin: 0 0 0.6em; display: inline-block; background-repeat: no-repeat; background-position: center left; background-size: 1.4em 1.4em;}
.ft-media .ft-media-b1 a:first-child{margin-right: 2em;}

.ft-media .ft-media-b2{display: inline-block; width: 8em; margin-left: 2em; vertical-align: top; float: left;}
.ft-media .ft-media-b2 a{padding-left: 2.2em; font-size: 1em; margin: 0 0 0.6em; display: inline-block; background-repeat: no-repeat; background-position: center left; background-size: 2em 2em;}

.ft-media .ft-media-b3{display: inline-block; vertical-align: top; float: left;}
.ft-media .ft-media-b3{display: block; width: 100%;}
.ft-media .ft-media-b3>div{display: inline-block; margin: 0px 1em 0px 0px;}
.ft-media .ft-media-b3 a{width: 5.6em; margin-right: 0.4em;}
.ft-media .ft-media-b3 a:last-child{margin-right: 0em;}

.ft-media .ft-media-b3 a .hover-er-code{display: none;}

.ft-media .ft-media-b3 span{display: inline-block; padding-left: 1.6em; font-size: 1em; color: #898989; background-repeat: no-repeat; background-position: center left; background-size: 1.4em 1.4em;}

@media (max-width:768px){
	.ft-media .ft-media-b3 a{background: none !important;}
}

@media (min-width:768px){
	.ft-media .ft{width: 100%; margin: 0px auto;}
	.ft-media .ft-media-b1{width: 13.666%; border-right: 1px solid #d0d5e7;}
	.ft-media .ft-media-b1 a{font-size: 1em;}
	.ft-media .ft-media-b1 a:first-child{margin-left: 0; margin-right: 0px; margin-bottom: 0px;}

	.ft-media .ft-media-b2{float: right; margin-left: 0; width: 14.666%; text-align: right; border-left: 1px solid #d0d5e7;}
	.ft-media .ft-media-b2 a{font-size: 1em; margin-bottom: 0px;}

	.ft-media .ft-media-b3{width: 71.666%;}
	.ft-media .ft-media-b3>div{width: 25%; text-align: center; display: block; float: left; margin: 0px;}
	.ft-media .ft-media-b3 a{font-size: 1em; width: auto; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; margin: 0px 0px; background-repeat: no-repeat; padding-left: 1.6em; background-size: 1.4em 1.4em; background-position: center left;}
	.ft-media .ft-media-b3 a:first-child{}
	.ft-media .ft-media-b3 a:last-child{}

	.ft-media .ft-media-b3 a .hover-er-code{position: absolute; width: 125px; height: 140px; bottom: 0px; left: 50%; margin-left: -62px;}
	.ft-media .ft-media-b3 a .hover-er-code i{width:0; height:0; position: absolute; left: 50%; margin-left: -2.5px; bottom: -5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #0066cc; display: block;}
	.ft-media .ft-media-b3 a:hover .hover-er-code{display: block;}
	.ft-media .ft-media-b3 a:hover{opacity: 1 !important;}
	.ft-media .ft-media-b3 span{font-size: 1em;  margin-right: 0em; display: inline-block; box-sizing: border-box; -webkit-box-sizing: border-box;}
}

@media (min-width:992px){
	.ft-media .ft{width: 100%; margin: 0px auto;}
	.ft-media .ft-media-b1{}
	.ft-media .ft-media-b1 a{font-size: 1.2em;}

	.ft-media .ft-media-b2 a{font-size: 1.2em;}

	.ft-media .ft-media-b3 a{font-size: 1.2em;}

	.ft-media .ft-media-b3 span{font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box;}
}
/* ft-media style end */

/* ft-sitemap style begin */
.ft-sitemap{background-color: #333333; padding: 2em 0px;}
.ft-sitemap a{color: #d6d6d6;}
.ft-sitemap .ft-sitemap-title{font-size: 1.4em; line-height: 1.8; margin-bottom: 0.6em; color: #d6d6d6; border-bottom: 1px solid #717171; padding-bottom: 1em; margin-bottom: 1em;}

.ft-sitemap .sitemap-block:first-child{padding: 0px !important;}
.ft-sitemap .sitemap-block:first-child dl{width: 100%;}
.ft-sitemap .sitemap-block dt{font-size: 1.4em; margin-bottom: 0.5em; color: #d6d6d6; font-weight: 100;}
.ft-sitemap .sitemap-block dd{margin: 0.5em 0; font-size: 0.8em; width: 100%; display: inline-block;}
.ft-sitemap .sitemap-block:first-child dd{width: 33.3333%; display: inline-block; float: left;}

@media (min-width:992px){
	.ft-sitemap{background-color: #333333; padding: 4em 0px;}
	.ft-sitemap .sitemap-block dl{width: 50%; margin: 0px auto;}
	.ft-sitemap .sitemap-block dd{font-size: 1em;}
	.ft-sitemap .sitemap-block:first-child dd{display: inline-block; width: 50%; float: left;}
}

/* ft-sitemap style end */

.ft-menulist{background-color: #ffffff; padding: 1em 0;}
.ft-menulist ul, .ft-menulist li{padding: 0px; margin: 0px; list-style: none;}
.ft-menulist ul{text-align: center; font-size: 0px;}
.ft-menulist ul li{display: inline-block; font-size: 0px;}
.ft-menulist ul li a{display: inline-block; padding: 0px 10px; font-size: 14px; border-right: 1px solid #636363;}
.ft-menulist ul li:last-child a{border: 0px;}
.ft-menulist p{margin: 0.5em 0 0; font-size: 1em;}

@media (min-width:768px){
	.ft-menulist{padding: 4em 0;}
	.ft-menulist ul li a{font-size: 16px; padding: 0px 30px;}
	.ft-menulist p{font-size: 16px;}
}

/* footer style end */

.swiper-slide a:hover{filter: alpha(opacity= 100); -moz-opacity: 1; opacity: 1;}

/* kv banner style begin */
.kv-banner .swiper-slide{position: relative;}
.kv-banner .swiper-slide a{display: block}
.kv-banner .swiper-slide .text-img{position: absolute; top: 20%; left: 50%; width: 60%;}
.kv-banner .swiper-slide .right-place{margin-left: -20%;}
.kv-banner .swiper-slide .left-place{margin-left: -40%;}

@media (min-width:992px){
	.kv-banner .swiper-slide .text-img{top: 13%; left: 50%; width: 25%;}
	.kv-banner .swiper-slide .right-place{margin-left: 0%;}
	.kv-banner .swiper-slide .left-place{margin-left: -25%;}
}

.kv-swiper-pagination .swiper-pagination-bullet{background-color: #fff; opacity: 1;}
.kv-swiper-pagination .swiper-pagination-bullet-active{background-color: #007aff}
/* kv banner style end */


.error-block{background: #6fceee;}

.error-block a img.active{display: block;}
.error-block a img.hover{display: none;}
.error-block a:hover img.active{display: none;}
.error-block a:hover img.hover{display: block;}

.error-block .message{width: 70%; position: absolute; top: 2%; left: 15%; color: #fff; font-size: 16px; text-align: center; line-height: 150%;}

@media (max-width:762px){
	.error-block{overflow: hidden; background: #6fceee;}
	.error-block img.full{width: 200%; margin-left: -50%;}
	.error-block .message{font-size: 12px; line-height: 150%; width: 100%; left: 0px;}

}

#allmap{padding: 0px;}

/* Add by ABS Start */

.hidden {display: none;}


@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}

/*** add nagai start ***/
.product-type-list a img.active{display: block; width: 100%;}
.product-type-list a img.hover{display: none; width: 100%;}

.product-block .swiper-slide p{font-size: 0.9em; margin-top: -1em; margin-bottom: 2.5em;}
.product-block .product-swiper-pagination{margin-bottom: 0em;}
.product-swiper-button-next,.product-swiper-button-prev{width: 30px; height: 30px; top: 30%; position: absolute; cursor: pointer;}
.product-swiper-button-next{right: -15px;}
.product-swiper-button-prev{left: -15px;}

*:before,
*:after {
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}


/*** add nagai end ***/