/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

@media (max-width: 1170px){
	/*====== Header ======*/
	.track{left:10px; top:26px;}
	.track a { width:55px; height:55px; background:url(../images/track_m.png) no-repeat left bottom; background-size:auto  100%; }
	.logout{left:68px; top:34px;}
	.logout a { width:46px; height:46px; background:url(../images/icon_logout.png) no-repeat bottom; background-size: contain; }
	
	/*====== Footer ======*/
	#footInfo{width:100%;}
	.footright{float:none;}
	.footright img{display:block; margin:0 auto;}
	.footleft{float:none; padding-top:0; padding-bottom:15px;}
	.footleft p{text-align:center; width:100%;}
	.ftcontent{width:100%}
	.ftleft{width:213px; padding-left:20px; padding-right:20px; position:absolute; }
	.ftright{width:100%;}
	.footlink{ padding:0px 0px 0px 253px;  }
	.footlink:after{content:""; display:table; clear:both}
	.about{padding-right:5px;  width: 18%;}
	.help{padding-right:5px; width: 44%;}
	.website{ width: 33%;}
	.ft_item_right { margin-left: 30px; }
	.dotted1{width: 20%;}
	.dotted2{width: 65%;}
	.dotted3{width: 65%;}
	
	/*====== Home ======*/
	#containerTop #container{width:100%}
	#news{padding-left:0px; background:url(../images/news.png) no-repeat 15px 0; background-size: contain; }
	#news ul div{padding-left:90px}
	#main_container{width:100%;}
	.main1_menu ul li{margin:0 1% 1%;}
	.main_content{width:100%;}
    .actbanner a{ width:49.5%; }
	#maincontentLeft{width:100%; padding-left:20px; padding-right:375px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden}
	#maincontentRight{position:absolute; right:20px;}
	.actbanner a{ width:49.2%;}
	.actbanner a img{width:100%; height:auto;}
	a.adbennerleft{padding-right:2px;}
	a.adbannerright{padding-left:2px;}
	
    .main2_menu ul{ padding:0px 12px; }
    .main2_menu ul li{width:30%; margin:0px 1%;}
    .main2_menu ul li:first-child{margin:0px 1%;}
    .main2_menu ul li:last-child{margin:0px 1%;}	
	
}

@media (max-width: 1050px){
	/*====== Footer ======*/
.cart ul { padding-top: 20px; }
	.ftcontent{height:auto; display:table; text-align:center; padding-top:30px;}
	.ftleft{background:none; height:auto; float:none; display:block; text-align:center; padding-top:0; width: 245px; margin: 0px auto;  position:relative; }
 .about{float:none; width:100%; padding:0; margin-bottom:5px;}
	.help{float:none; width:100%; padding:0; margin-bottom:5px}
	.help:after{content:""; display:table; clear:both}
	.website{float:none; width:100%;}
	.foot_title{ border:1px solid #404040; padding:0 20px; background:url(../images/footer_plus.png) 95% center no-repeat; text-indent:40px; text-transform:uppercase;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor:pointer;}
	.dotted1, .dotted2, .dotted3{width:23px; height:13px; float:right; background:url(../images/footer_arrow.png) no-repeat; border:0; margin-top:12px;}
	.ft_item{margin-left:0; margin-top:0px; margin-bottom:3px; display:none;}
	.ft_item_left{ width:50%; margin:0;}
	.ft_item_right{ width:50%; margin:0;}
	.help .ft_item_left{ width:100%; margin:0; clear:both;}
	.help .ft_item_right{ width:100%; margin:0; clear:both;}
	ul.foot_li li{list-style:none;}
	.ft_item > ul.foot_li li,.website ul.foot_li li{text-indent:15px; width:50%; float:left; margin:3px 0 0 0; padding:0; list-style:none; text-align:left; overflow:hidden}	
	.ft_item > ul.foot_li li:nth-child(odd){border-right:3px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ft_item >  ul.foot_li li a,.website ul.foot_li li a{background:url(../images/footer_dot.png) 20px center #333333 no-repeat; width:100%; height:100%; display:block; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
		/* tony	*/
		
	.website .ft_item  ul.foot_li li{width:100%;}
	.foot_li:after{content:""; display:table; clear:both}
	
	.help ul.foot_li li{text-indent:15px; width:50%; float:left; margin:3px 0 0 0; padding:0; list-style:none; text-align:left; overflow:hidden}
	.ft_item_left ul.foot_li li{border-right:3px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.help  ul.foot_li li:nth-child(even){border-right:0;}
	.help  ul.foot_li li:nth-child(odd){border-right:3px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.help ul.foot_li li a{background:url(../images/footer_dot.png) 20px center #333333 no-repeat; width:100%; height:100%; display:block; padding:18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .footlink { padding:0px 12px; width:auto; }
	.footlink .on .ft_item{display:block;}
	.footlink .on .dotted1, .footlink .on .dotted2, .footlink .on .dotted3{-moz-transform: rotate(180deg) translateY(50%); -o-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); margin-top:20px;}
	.footlink .on .foot_title{background:url(../images/footer_minus.png) 95% center no-repeat;}
	.ftright { width:100%;padding-left:0px;padding-right: 0px;  padding-top: 24px;}
	.ftright a {padding-bottom: 0px;padding-right: 15px;}
	    .ft_left { padding:0px 0px 0px 0px;   }
	
	/*====== Home ======*/
	.main1_menu:after{content:""; display:table; clear:both}
	.main1_menu ul li{ width:25%; padding:0 1% 0; margin:0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.main1_menu a{margin:0 auto; width:100%; height:auto;}
	.main1_menu a.main1_menu1, .main1_menu a.main1_menu2, .main1_menu a.main1_menu3, .main1_menu a.main1_menu4, .main1_menu a:hover.main1_menu1, .main1_menu a:hover.main1_menu2, .main1_menu a:hover.main1_menu3, .main1_menu a:hover.main1_menu4 { background:none; }
	.main1_menu a img{ display:block; max-width:100%; height:auto;}
	#maincontentLeft{padding-right:20px;}
	#maincontentRight{position:static; width:100%; right:0; padding-right:20px; padding-top:7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	a.adbennerleft, a.adbannerright{background:none;}
	
    .actbanner a{height:auto; width: 48.5%;  float: left; }
    .actbanner a:nth-child(1){ margin: 0px 1% 0px 0px; }
    .actbanner a:nth-child(2){ margin: 0px 0px 0px 1%; }
    .actbanner a img{display:block;}
    .fbbg{}
}

@media (max-width: 768px){
	/*====== Header ======*/
	#logo{ width:250px; height:80px; padding-top:20px; }
	#logo #hearder_redius{margin-top: -47px; height: 47px;}
	
	/*====== Home ======*/
	#news { width: 100%;}
}
@media (max-width: 400px){
	.fonts12{font-size:12px;}
}

@media (max-width: 325px){
	.ft_item >  ul.foot_li li a, .website ul.foot_li li a,.help ul.foot_li li a { 
		    background: url(../images/footer_dot.png) 10px center #333333 no-repeat;
		padding: 20px 5px; font-size: 13px;}
}