body,html{padding: 0px; margin: 0px;}
img.full{display: block; width: 100%;}

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear{clear:both;}

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

#selectBlock{background-color: #f7f7f7; padding: 40px 0px;}
#searchInputBlock{margin: 0px 0px 40px;}
.form-control-feedback{background-color: #0d2ea1; color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; cursor: pointer; pointer-events: auto !important;}
.glyphicon-search:before{color: #fff;}

#productMain{padding: 40px 0;}

.buttonDv{text-align: center;}

.productDetail{padding: 1em; float: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; position: relative; display: none;}
.productDetail.show{display: block;}
/* .productDetail.show:nth-child(3n){border-right: 0px;} */
/* .productDetail:first-child{border-right: 1px solid #ccc;} */
.product-image-area{height: 222px; background-position: center; background-size: contain; background-repeat: no-repeat;}
.product-image-area,
.productModel,
.productName,
.des-list{width: 90%; margin: 0px auto;}
.productModel{color: #0d2ea1; font-weight: bolder; font-size: 1.2em; line-height: 1.2; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 31px;}
.productName{color: #0d2ea1; font-weight: bolder; font-size: 1.2em; line-height: 1.2; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 25px;}
.des-list{height: 110px;}
.des-list li{color: #545454; line-height: 16px; padding-left: 15px; line-height: 22px; background-position: 0 0.55em; background-repeat: no-repeat; font-size: 13px; background-image: url('../images/dot.jpeg')}

#list{border-top: 1px solid #ccc; border-left: 1px solid #ccc; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));}
#list::before{content: none;}

@media (min-width: 992px){

	#list{grid-template-columns: repeat(3, minmax(0, 1fr));}

	/* .productDetail{width: 33.333%;} */
	.productModel{font-size: 1.6em; line-height: 1.4; margin: 0px auto 0.2em;}
	.productName{font-size: 1.3em; line-height: 1.4; margin: 0px auto 0.5em;}
	.des-list li{word-wrap: break-word;}
}

.labelTitle{font-size: 28px; line-height: 1.5; color: #808080; margin: 20px 0px;}
.selectTypeList{margin-bottom: 40px;}
.selectTypeList label{display: inline-block; color: #808080; cursor: pointer; margin-right: 20px; font-size: 20px; line-height: 1.5; vertical-align: baseline; padding-right: 20px;}
.selectTypeList label span{display: inline-block; font-size: 0px; width: 20px; height: 20px; border: 1px solid #808080; border-radius: 10px; overflow: hidden; vertical-align: middle; margin: 0px 0px 0.5em;}
.selectTypeList label span i{display: inline-block; width: 14px; height: 14px; margin: 2px; border-radius: 8px;}
.selectTypeList label.active,
.selectTypeList label:hover{color: #192ddc;}
.selectTypeList label.active span,
.selectTypeList label:hover span{border: 1px solid #192ddc;}
.selectTypeList label.active span i,
.selectTypeList label:hover span i{background: #192ddc;}

.selectOsList{margin-bottom: 40px;}
.selectOsList label{display: inline-block; color: #808080; cursor: pointer; margin-right: 20px; font-size: 20px; line-height: 1.5; vertical-align: baseline; padding-right: 20px;}
.selectOsList label span{display: inline-block; font-size: 0px; width: 20px; height: 20px; border: 1px solid #808080; border-radius: 10px; overflow: hidden; vertical-align: middle; margin: 0px 0px 0.5em;}
.selectOsList label span i{display: inline-block; width: 14px; height: 14px; margin: 2px; border-radius: 8px;}
.selectOsList label.active,
.selectOsList label:hover{color: #192ddc;}
.selectOsList label.active span,
.selectOsList label:hover span{border: 1px solid #192ddc;}
.selectOsList label.active span i,
.selectOsList label:hover span i{background: #192ddc;}

.selectTypeList label.disabled,
.selectTypeList label.disabled:hover{color: #808080;}
.selectTypeList label.disabled.active span,
.selectTypeList label.disabled:hover span{border: 1px solid #808080;}
.selectTypeList label.disabled.active span i,
.selectTypeList label.disabled:hover span i{background: #808080;}

.selectOsList label.disabled,
.selectOsList label.disabled:hover{color: #808080;}
.selectOsList label.disabled.active span,
.selectOsList label.disabled:hover span{border: 1px solid #808080;}
.selectOsList label.disabled.active span i,
.selectOsList label.disabled:hover span i{background: #808080;}

.osSelect{width: 90%; margin: 20px auto; height: 30px;}
.platformSelect{width: 90%; margin: 20px auto; font-size: 0px;}
.osSelect .osItem{display: inline-block; font-size: 12px; color: #192ddc; cursor: pointer; width: 50%; float: left; box-sizing: border-box; text-align: center; height: 30px; line-height: 30px; background-image: linear-gradient(#ebebeb , #cfcfcf);}
.osSelect .osItem.active,
.osSelect .osItem:hover{background: #192ddc; color: #fff;}
.osSelect .osItem:first-child{border-top-left-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; border-right: 1px solid #fff;}
.osSelect .osItem:nth-child(2){border-top-right-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden; border-left: 1px solid #fff;}
.osSelect .osItem:nth-child(3){border-radius: 15px; overflow: hidden; border-left: 1px solid #fff; margin-top: 2px; margin-bottom: 10px; display: block; text-align: center; width: 100%;}

.platformSelect .platformItem{display: inline-block; cursor: pointer; width: 50%; margin-bottom: 5px; font-size: 14px; vertical-align: baseline; line-height: 1.5;}
.platformSelect .platformItem span{display: inline-block; margin-right: 5px; font-size: 0px; width: 16px; height: 16px; border: 1px solid #808080; border-radius: 8px; overflow: hidden; vertical-align: top; margin-top: 2px;}
.platformSelect .platformItem span i{display: inline-block; width: 10px; height: 10px; margin: 2px; border-radius: 6px;}
.platformSelect .platformItem.active,
.platformSelect .platformItem:hover{color: #192ddc;}
.platformSelect .platformItem.active span,
.platformSelect .platformItem:hover span{border: 1px solid #192ddc;}
.platformSelect .platformItem.active span i,
.platformSelect .platformItem:hover span i{background: #192ddc;}

a.center{display: inline-block !important; width: 100%; margin: 0px 0px; box-sizing: border-box;}

@media (min-width: 992px){
	a.center{display: inline-block !important; width: 40%; margin: 0px 5%;}
}

#kv-mobile{display: none;}

#formMain{position: fixed; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 100; padding: 100px 0px; box-sizing: border-box; top: 0px; overflow-y: auto;}
#formMain .container{padding: 40px; background-color: #fff;}


@media (max-width: 750px){
	#kv-mobile{display: block;}
	#kv{display: none;}
	.selectTypeList{margin-bottom: 20px;}
	.labelTitle{font-size: 16px; line-height: 1.5; color: #808080; margin: 10px 0px;}
	.selectTypeList label{display: inline-block; color: #808080; cursor: pointer; margin-right: 12px; font-size: 14px; line-height: 1.5; vertical-align: baseline; padding-right: 12px;}
	.selectTypeList label span{display: inline-block; font-size: 0px; width: 15px; height: 15px; border: 1px solid #808080; border-radius: 8px; overflow: hidden; vertical-align: middle; margin: 0px 0px 0.5em;}
	.selectTypeList label span i{display: inline-block; width: 7px; height: 7px; margin: 3px; border-radius: 8px;}
	#resetButton{font-size: 16px;}
	.product-image-area{background-repeat: no-repeat; height: 150px;}
	.des-list li{white-space:nowrap; overflow: hidden;}
	.platformSelect .platformItem{width: 100%;}
	/* a.center{width: 80%; margin-bottom: 10px;} */

	#formMain{padding: 0px; overflow: auto;}



	.productDetail{padding: 0.5em;}
}

#close{width: 25px; position: absolute; top: 20px; right: 20px;}