/* ------------------ Bottom Box ------------------ */

#bottom_box {
	margin-top:85px;
	padding-top:20px;
	background:#222222;
}

#bottom_box_1 {
	box-sizing:border-box;
	min-height:480px;
	padding-top:20px;
	padding-bottom:20px;
	background:#222222;
}

#bottom_box_2 {
	box-sizing:border-box;
	min-height:50px;
	line-height:50px;
	background:#111111;
}

#bottom_box_2_1 {
	float:left;
	max-width:400px;
	color:#ffffff;
	font-family:Tahoma;
	font-size:1em;
}

#bottom_box_2_1 a {
	color:#0288d1;
	text-decoration:none;
	transition: color 0.4s ease;
}

#bottom_box_2_1 a:hover {
	color:#ff0060;
}

#bottom_box_2_2 {
	float:right;
	max-width:112px;
}

.bottom_col {
	float:left;
	width:23%;
	margin-left:1%;
	margin-right:1%;
	min-height:50px;
	padding-top:20px;
	box-sizing:border-box;
	font-family:superstoreregular;
	font-size:1.4em;	
	line-height:25px;
	color:#ffffff;
}

.bottom_col_topic {
	font-family:superstoreregular;
	font-size:28px;
	height:50px;	
	line-height:50px;
	border-bottom:#353535 solid 2px;
	margin-bottom:17px;
	color:#ffffff;
}




.bttnstoretype {
	margin-left:35px;
	width:160px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:superstoreregular;
	color:#ffffff;
	cursor:pointer;
	background:#0288d1;
	border-radius:2px;
	transition: background-color 0.4s ease;
}

.bttnstoretype:hover {
	background-color:#ff004e;
}

.bottom_descbox {
	clear:both;
	padding-bottom:12px;	
}

.bottom_descbox_icon {
	float:left;
	width:25%;
	padding-right:5%;
}

.bottom_descbox_txt {
	float:left;
	width:70%;
	line-height:17px;
	padding-top:12px;	
}

#tagbox a {
	float:left;
	padding:10px;
	background:#353535;
	color:#ffffff;
	text-decoration:none;
	font-family:Tahoma;
	font-size:13px;
	margin-right:3px;
	margin-bottom:3px;
	border-radius:3px;
	transition: background-color 0.4s ease;
}

#tagbox a:hover {
	background-color:#008ef1;
}

#bottom_social {
	display:block;
	padding:0;
	margin:0;
	width:112px;
	padding-top:11px;
	list-style:none;
}

#bottom_social ul {
	display:block;
	padding:0;
	margin:0;
	width:112px;
	height:28px;
	list-style:none;	
}

#bottom_social ul li {
	float:left;
	padding:0;
	margin:0;
	width:28px;
	height:28px;
	list-style:none;
}

#bottom_social ul li a {
	display:block;
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	border-radius:3px;
	color:#ffffff;
	transition: background-color 0.4s ease;
}

.nav_facebook:hover {
	background-color:#3b5998;	
}

.nav_twitter:hover {
	background-color:#33ccff;	
}

.nav_googleplus:hover {
	background-color:#dd4b39;	
}

.nav_instagram:hover {
	background-color:#3f729b;	
}



@media only screen and (max-width:1223px) {
	
	.bottom_col {
		width:46%;
		margin-left:2%;
		margin-right:2%;
	}

	.bottom_col:nth-child(3) {
		clear:left;
	}

}

@media only screen and (max-width:544px) {
	
	.bottom_col {
		width:98%;
		margin-left:1%;
		margin-right:1%;
	}

	.bottom_col:nth-child(2), .bottom_col:nth-child(3), .bottom_col:nth-child(4) {
		clear:left;
	}

}


@media only screen and (max-width:503px) {
	
	#bottom_box_2_1 {
		clear:both;
		float:none;
		width:100%;
		max-width:100%;
		line-height:20px;
		text-align:center;
		padding:20px;
	}
	
	#bottom_box_2_2 {
		clear:both;
		float:none;
		width:100%;
		max-width:100%;
		padding:20px;
		padding-top:0px;
	}
	
	#bottom_social {
		float:none;
		margin-left:auto;
		margin-right:auto;	
		
	}

}