<style type="text/css">
	.g_weather { position: relative; height: 198px; }
	.g_weather img { float: left; display: block; margin: 0; padding: 12px; }
	.g_weather .gw_recent { 
		overflow: hidden;
		height: 96%;
		padding-top: 4%;
		}
	.g_weather .gw_weekly { display: none; }
	.g_weather .gw_location {
		position: absolute;
		left: 0;
		bottom: 0;
		font-size: 15px;
		line-height: 20px;
	}
	.g_weather .gw_condition_des { font-size: 22px; }
	.g_weather .gw_temp { margin-top: 26px; }
	.g_weather .gw_temp_num { font-size: 56px; }
	.g_weather .gw_temp_unit { font-size: 26px; }
	.g_weather .gw_forecast {
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 13px;
		line-height: 20px;
	}
</style>
<div class="g_weather">
	<div class="gw_recent">
		<img src="desktop_widgets/4fa7817cc88514014d7c59c2/img/sunny.png" alt="sunny" class="gw_condition">
		<div class="gw_temp">
			<span class="gw_temp_num thmtxt">29</span><span class="gw_temp_unit thmtxt">°C</span>
		</div>
		<div class="gw_condition_des thmtxt">Sunny</div>
	</div>
	<div class="gw_weekly">
		weekly report
	</div>
	<div class="gw_location thmtxt">Hsin-Chu</div>
	<a href="" class="gw_forecast thmtxt">> Weekly Report</a>
</div>
<script type="text/javascript">
	g_weather();
</script>