﻿footer {
	/*padding:10px;*/
	position:relative;
	margin:0px;
	padding-top: 0px;
	padding-bottom: 30px;
	z-index: 101;
	/*height:100%;*/
	width:auto;
	background:#fff;
	bottom: 0px;
	border-top: 0px solid #CCCCCC;
		
}

footer>footer_top {
	
	display:block;
	margin:0 auto 62px;
	margin-top:60px;
	width: 100%;
	max-width: 1100px;
	border:0px solid #ccc;
	min-height:150px;

}

footer>footer_top>div {
	border: 0px solid #ccc;
	float:left;
	margin-right: 20px;
	width:30%;
	padding:10px;

}


footer>footer_top>div>label {
	
	display: block;
	font-family:Khula, Microsoft YaHei, Microsoft JhengHei, LiHei Pro Medium, Apple LiGothic Medium, Hei, SimHei, 宋体, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 32px;
	font-weight:bold;
    color: rgba(100,100,100,1);
    letter-spacing: 1px;

}
.icons {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

footer>footer_top>div>span {


	margin-right:12px;
	margin-left:-3px;


}

/*Subscribe to Our E-newsletter text*/
footer>footer_top>div>form>div>span {
	font-family:Khula, Microsoft YaHei, Microsoft JhengHei, LiHei Pro Medium, Apple LiGothic Medium, Hei, SimHei, 宋体, Arial, Helvetica, sans-serif;
	color: #646464 !important;
	font-size: 16px !important;
}

footer input[type=text] {
    width: 100%;
    /* padding: 12px 20px; */
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    box-sizing: border-box;
}

footer_bottom {

	position:absolute;
	width:100%;
	left: 0px;
	bottom: 0px;
	border:0px solid;
	background: rgb(150,150,150);
	font-family:Khula, Microsoft YaHei, Microsoft JhengHei, LiHei Pro Medium, Apple LiGothic Medium, Hei, SimHei, 宋体, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color:#fff;

	padding-top: 20px;
	padding-bottom:20px;

}
footer_bottom>span {
	padding-left:20px;
	padding-right:20px;
	border-left: 1px solid #fff;
}
footer_bottom>span a {

	color:#fff;
	font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;

}
footer_bottom>span a:hover {

 	color: #ffffff; 
	text-decoration: underline;

}
footer_bottom>span {
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid rgba(255,255,255,0.25);
}

footer_bottom>span:first-child {
	border-left:0px solid #fff;
}

footer_bottom>div {

	float:right;
	padding-right: 20px;
 	letter-spacing: 1px;
}



.icons{		
	display: inline-block;		
	width: 40px;		
	height: 40px;		
	cursor: pointer;
	padding-left: 5px;		
}		
.icon1{		
	/* background: url(/images/icon_facebook.png) center; */
	background: url(/images/icon_fb_n.png) center;		
	background-size: 100% 100%;		
}		
.icon1:hover{		
	background: url(/images/icon_fb_h.png) center;		
	background-size: 100% 100%;		
}		
.icon2{		
	background: url(/images/icon_twitter_n.png) center;		
	background-size: 100% 100%;		
}		
.icon2:hover{		
	background: url(/images/icon_twitter_h.png) center;		
	background-size: 100% 100%;		
}		
.icon3{		
	background: url(/images/icon_google_n.png) center;		
	background-size: 100% 100%;		
}		
.icon3:hover{		
	background: url(/images/icon_google_h.png) center;		
	background-size: 100% 100%;		
}		
.icon4{		
	background: url(/images/icon_weibo.png) center;		
	background-size: 100% 100%;		
}		
.icon4:hover{		
	background: url(/images/icon_weibo-hover.png) center;		
	background-size: 100% 100%;		
}

.footer-nav{
	position: absolute;
	bottom: 100%;
	left: -5px;
	width: 50px;
	text-align: center;
	/*display: inline-block;*/
	display: none;
	z-index: 300;
	background: #fff;
	border: 1px solid #eee;
}
.footer-nav .footer-sec{
	display: inline-block;
	width: 100%;
	height: 25px;
	line-height: 25px;
}


/*   ///////////////  for mobile version //////////////////// */

@media screen and (max-width: 640px) ,
@media only screen and (orientation: portrait),
@media only screen and (max-device-width : 1024px),
@media only screen and (max-device-width: 480px),
@media only screen and (-webkit-min-device-pixel-ratio: 2) {


	footer>footer_top {

		margin:0 auto;

	}

	.footer2 {
		background: rgb(233,233,233);
	}

	#footer {


		padding-left: 0px;
		padding-right: 0px;
		text-align:center;
		width: 100%;

	}

	#div_footer {
		width: 90%;

	}

	footer>footer_top>div {

		clear:both;

		width:100%;
		margin-bottom: 0px;
		padding-bottom:50px;
		padding-left:10px;
		padding-right:10px;
		margin-right:0px;
		    
    background: -webkit-linear-gradient(rgb(233,233,233), rgb(245,245,245)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(233,233,233), rgb(245,245,245)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(233,233,233), rgb(245,245,245)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(233,233,233), rgb(245,245,245)); /* Standard syntax */

	}

	#div_footer li {

		margin-right: 10px;
		/*clear:both;*/
		margin-bottom: 0px;


	}

	#footer_social {
		margin-left: 35px;
		clear:both;
	}

	#footer_credit {
		bottom:0px;
		width: 90%;
	}

	#footer_credit  ul {

		width: 90%;
		margin: 0 auto;
		text-align:center;
	}

}