@charset "utf-8";
/* CSS Document */

/*weather */
#weather {
	margin:0 auto;
    width:150px;
	height:100px;
	color: #333334;
    overflow: hidden;
    border: 0px solid #6591b3;
	padding:20px;
}

#weather .weather_title {
	font-size:12px;
	border: 0px solid #6591b3;
	background:url(../images/weather/weather_city.png) left top no-repeat;
	width:135px; 
	height:26px;
	margin-left:35px;
	text-indent:-9999px;
	}
#weather img{ 
	margin-top:-16px;
	border: 0px solid #6591b3;}
#weather p {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
    font-size:38px;
	line-height:14px;
	padding-top:10px;
	border:0px solid #6591b3;
}
#weather span {
	font-family: Arial, Helvetica, sans-serif;
    font-size:30px;
}

 @media screen and (max-width: 900px) {
	#weather {
    width:20%;
	border:0px solid #333;
} 
#weather img{
	width:auto;
	height:90%;}
#weather p {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
    font-size:25px;
	line-height:14px;
} 
	 
 }
 @media screen and (max-width: 650px) {
	/*not2*/
#weather {
    width:40%;
	border:0px solid #333;
} 
#weather img{
	width:auto;
	height:90%;}
#weather p {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
    font-size:25px;
	line-height:14px;
} 
}
 @media screen and (max-width: 360px) {
	#weather {
    width:40%;
	border:0px solid #333;
} 
#weather img{
	width:auto;
	height:90%;}
#weather p {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
    font-size:25px;
	line-height:14px;
}
}