﻿/*Styles for screen 980px and lower*/
@media screen and (max-width: 980px) 
{
	.Top { clear:both;color:White !important;}
	.Top .Support { width:100%; color:White !important;}
	.Top .Support a{ width:100%; color:White !important;}
	.Top .Support a:hover{ width:100%; color:Yellow !important;}
	.Body { width:100%; background-color:#fff; background-image:none; padding:0;}
	.Banner, .mnTopBox, .wrapper { width:100%;}
	.Logo img { max-width:100%;}
	
	.Header { width:100%;}
	.divBanner { width:100%;}
	.Main { width:100%; clear:both;}
	.slideshow { width:auto;}
	.breadcrumbs { width:auto;}
	.mnTop { width:100%;}
	.mainContentF { width:96%;}
	.pBoxFull .content { padding:5px;}
	#map_canvas { width:99% !important;}
	.Para { width:100%;}
	.pTitle { width:auto;}
	.pContent { width:auto;}
	.pContent table {width:100% !important; height:auto;}
	.foCopyright img { width:100%; height:auto;}
	.guideItem img { width:20%; float:left;}
	.guideItem .title { width:75%; float:left;}
	.guideItem .desc { width:75%; float:left;}
	
	.newsItem img { width:21%;}
	.newsItem .title { width:76%;padding-top: 0px;}
	.newsItem .desc {width:76%;} 
	
	#divRight { width:100%;}
}