
.catalogWrapper dl {
	list-style-type:decimal;
	counter-reset: count 0;
}

.catalogWrapper dl>dt:before {
	counter-increment: count;
	content: counter(count) ". ";
}


@media print, screen and (min-width:1170px){
	.maxContainer{
		width: 100%;
		max-width:1170px;
		margin:0 auto;
	}
}
@media print, screen and (min-width:767px){
	.ctlgcontainer{
		width:100%;
		margin:0 auto;
	}
	.catalogWrapper h2{
		margin:0;
		padding:25px 0 0;
	}
	.catalogWrapper dt{
		margin-left: 10px;
		font-size: 13px;
		padding-top: 30px;
		font-weight: normal;
		line-height:1.8;
	}
	.catalogWrapper dd{
		font-size: 13px;
		line-height:1.8;
		margin-left:2.3%;
	}
	.agreementBox{
		width:35%;
		float:left;
		margin-top:20px;
		margin-left:-3%;
	}
	.agreementBox li{
		float:left;
		width:40%;
		margin-left:10%;
		font-size:13px;
	}
	.agree a{
		background-color:#e0002a;
		color:#ffffff;
		border:1px solid #e0002a;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.agree:hover a{
		background-color: #777777;
		border:1px solid #777777;
	}
	.agree a:after{
		font-family: 'FontAwesome';
		content: "\f0da";
		float:right;
	}
	.disagree a{
		background-color:#ffffff;
		color:#e0002a;
		border:1px solid #e0002a;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.disagree:hover a{
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity:0.60;
		opacity:0.60;
	}
	.disagree a:before{
		font-family: 'FontAwesome';
		content: "\f0d9";
		float:left;
	}
	.catalogBoxWrapper{
		float:left;
		margin-bottom:5%;
		width:100%;
	}
	.catalogTab{
		background-color:#e5e5e5;
		padding:5px 15px;
		color:#e0002a;
		font-size:13px;
		margin:30px 0 0;
		clear:both;
	}
	.catalogBox{
		margin:0 0 2% -2%;
		float:left;
		width:100%;
	}
	.catalogBoxInner{
		width:31.3%;
		margin-left:2%;
		text-align:center;
		float:left;
		margin-top:3%;
	}
	.catalogBoxInner img{
		width:50%;
		margin:0 auto;
		box-shadow: 2px 2px 4px 1px #999;
		height: 258px;
	}
	.catalogBoxInner p{
		padding:10px 0;
		margin:0;
		font-size:13px;
	}
	.catalogBoxBtn{
		width:100%;
	}
	.catalogBoxBtn li:first-child a{
		margin-left:0;
	}
	.catalogBoxBtn li a{
		margin-left:5%;
		width:47.5%;
		background-color:#ffffff;
		color:#e0002a;
		border:1px solid #e0002a;
		padding:3px;
		text-align:center;
		float:left;
		font-size:13px;
	}
	.catalogBoxBtn li a:after{
		font-family: 'FontAwesome';
		content: "\f0da";
		float:right;
		margin-right:5px;
	}
	.catalogBoxBtn li a:hover{
		background-color: #777777;
		border:1px solid #777777;
		color:#ffffff;
	}
	.catalogBoxBtn{
		width:90%;
		margin:0 auto;
	}
}
@media only screen and (min-width:767px) and (max-width:992px) {
	.agreementBox{
		width:60%;
		float:left;
		margin-top:20px;
		margin-left:-5%;
	}
	.catalogBoxInner p{
		font-size:12px;
	}
	.catalogBox{
		margin:0 0 2% -4%;
		clear:both;
		width:100%;
	}
	.catalogBoxInner{
		width:46%;
		margin-left:4%;
		text-align:center;
		float:left;
		margin-top:3%;
	}
	.catalogBoxBtn{
		width:80%;
		margin:0 auto;
	}
}
@media only screen and (max-width: 767px) {
	.catalogWrapper h2{
		margin:0;
		padding:25px 0 0;
	}
	.catalogWrapper dt{
		display: list-item;
		list-style-type: decimal;
		margin-left: 25px;
		font-size: 13px;
		padding-top: 30px;
		font-weight: normal;
		line-height:1.8;
	}
	.catalogWrapper dd{
		font-size: 13px;
		line-height:1.8;
		margin-left:2.3%;
	}
	.agreementBox{
		width:100%;
		float:left;
		margin-top:20px;
		margin-left:-2%;
	}
	.agreementBox li{
		float:left;
		width:45%;
		margin-left:5%;
		font-size:13px;
	}
	.agree a{
		background-color:#e0002a;
		color:#ffffff;
		border:1px solid #e0002a;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.agree a:after{
		font-family: 'FontAwesome';
		content: "\f0da";
		float:right;
	}
	.disagree a{
		background-color:#ffffff;
		color:#e0002a;
		border:1px solid #e0002a;
		width:100%;
		padding:5px;
		text-align:center;
		display: inline-block;
	}
	.disagree a:before{
		font-family: 'FontAwesome';
		content: "\f0d9";
		float:left;
	}
	.catalogTab{
		background-color:#e5e5e5;
		padding:5px 15px;
		color:#e0002a;
		font-size:13px;
		margin:30px 0 20px;
	}
	.catalogTab{
		background-color:#e5e5e5;
		padding:5px 15px;
		color:#e0002a;
		font-size:13px;
		margin:30px 0 20px;
		clear:both;
	}
	.catalogBox{
		margin:1% 0 5%;
		float:left;
		width:100%;
	}
	.catalogBoxInner{
		width:100%;
		text-align:center;
		float:left;
		margin-bottom:10%;
	}
	.catalogBoxInner img{
		width:50%;
		margin:0 auto;
		box-shadow: 2px 2px 4px 1px #999;
	}
	.catalogBoxInner p{
		padding:10px 0;
		margin:0;
		font-size:13px;
	}
	.catalogBoxBtn{
		width:100%;
		float:left;
	}
	.catalogBoxBtn li a{
		width:100%;
		background-color:#ffffff;
		color:#e0002a;
		border:1px solid #e0002a;
		padding:5px;
		text-align:center;
		float:left;
		font-size:13px;
		margin-bottom:3%;
	}
	.catalogBoxBtn li a:after{
		font-family: 'FontAwesome';
		content: "\f0da";
		float:right;
		margin-right:5px;
	}
	.catalogBoxBtn li a:hover{
		background-color: #777777;
		border:1px solid #777777;
		color:#ffffff;
	}
}