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

.top_Weather_forecast{ width:100%; border-bottom:1px solid #f7f7f7;}
.Weather_forecast_botton{ width:52px; border-radius:50%; position:fixed; right:4px; top:60%; z-index:557; -moz-box-shadow:0px 0px 4px #AAAAAA; -webkit-box-shadow:0px 0px 4px #AAAAAA; box-shadow:0px 0px 4px #AAAAAA;}
#today{ display:none;}
#today_font{ display:none;}
#warnbox{ display:none;}
#warnbox_font{ display:none;}
#today_icon{ display:none;}
#icon_font{ display:none;}
#today_temperature{ display:none;}
#temperature_font{ display:none;}
#today_wind{ display:none;}
#wind_font{ display:none;}
#today_humidity{ display:none;}
#humidity_font{ display:none;}
#undate{ display:none;}
#more_a{ display:none; position: absolute;right: 30px}

.Weather_forecast{ color:#e2e2e2; line-height:40px; position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0 15px;}
.Weather_forecast>span{color:#666; line-height:40px; font-size:14px; display: inline-block;}
.Weather_forecast font{ margin:0 10px; font-size:20px; line-height:40px; font-weight:100; color:#e2e2e2; display:inline-block;}
.Weather_forecast #warnbox_font{margin:0 10px 0 0;}
.Weather_forecast span font{ margin:0 8px 0 0; font-size:20px; line-height:40px; font-weight:100;}
.Weather_forecast #warnbox img{ max-width:50px; max-height:50px; vertical-align:middle; line-height:40px; margin-bottom:5px;}
.Weather_forecast #today_icon img{ max-width:30px; max-height:30px; vertical-align:middle; line-height:40px; margin-bottom:5px;}
.Weather_forecast a{ color:#999; float:right; font-size:14px;}

.Weather_forecast .Weather_forecast_box{ position:absolute; overflow:hidden;top:55px;left:180px; background-color:#fff; z-index:556;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info{ border:1px solid #e2e2e2; display:none;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info .Weather_forecast_title{border-bottom:1px solid #e2e2e2; background-color:#f1f1f1; color:#ea2743; padding:0 15px; font-size:18px;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info .Weather_forecast_title img{ margin-right:10px; vertical-align:middle; margin-bottom:2px;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div{ overflow:hidden; padding:15px 20px 20px 0; }
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div>img{ float:left; margin:10px 20px 10px 20px; max-width:61px;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div>p{ padding-left:125px; color:#333333; line-height:32px; font-size:14px;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div>p img{ vertical-align:middle; margin-bottom:5px; margin-right:8px; line-height:32px; }
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div h4{color:#333333; line-height:32px; font-size:14px; font-weight:500; margin:0; padding:0 0 0 10px;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div .float_right{  margin:0 0 0px 10px; max-width:61px;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div div{ width:210px; float:left; padding-left:20px;}
.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div div p{ color:#333333; line-height:32px; font-size:14px;}

.Weather_forecast .Weather_forecast_box2{ position:absolute; overflow:hidden;top:0;left:0; background-color:#fff; z-index:97; display:none;border-top:1px solid #f7f7f7;-moz-box-shadow:0px 0px 2px 4px #f7f7f7; -webkit-box-shadow:0px 2px 4px #f7f7f7; box-shadow:0px 2px 4px #f7f7f7; width:100%;}
.Weather_forecast .Weather_forecast_box2 #Weather_forecast_box2_close{ color:#999;font-size:16; padding:0 15px;}
.Weather_forecast .Weather_forecast_box2 .more_a{ margin-right:15px; color:#999; }
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info{ border:1px solid #e2e2e2; }
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info .Weather_forecast_title{border-bottom:1px solid #e2e2e2; background-color:#f1f1f1; color:#ea2743; padding:0 15px; font-size:18px;}
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info .Weather_forecast_title img{ margin-right:10px; vertical-align:middle; margin-bottom:2px;}
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div{ overflow:hidden; padding:15px 10px 20px 0; }
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div>img{ float:left; margin:10px 0px 10px 10px; max-width:50px;}
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div>p{ padding-left:95px; color:#333333; line-height:32px; font-size:14px;}
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div>p img{ vertical-align:middle; margin-bottom:5px; margin-right:8px; line-height:32px; }
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div h4{color:#333333; line-height:32px; font-size:14px; font-weight:500; margin:0 0 0 7px;}
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div .float_right{  margin:0 0 0px 10px; max-width:61px;}
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div div{ width:auto; float:left; padding-left:15px;}
.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div div p{ color:#333333; line-height:32px; font-size:14px;}
.more_list{ color:#999; line-height:30px; text-align:center;}
.more_list i{display: inline-block;vertical-align: middle;border-top: 4px solid #dd0000;border-right: 4px solid transparent;border-left: 4px solid transparent;content: "";margin:0px 0 4px 0px;}
.more_list_select i{display: inline-block;vertical-align: middle;border-bottom: 4px solid #dd0000;border-right: 4px solid transparent;border-left: 4px solid transparent;content: "";border-top: none;margin:0px 0 4px 0px;}

/* .Weather_forecast .Weather_forecast_box .Warning_ico1{background: url(Weather_forecast_02.png) no-repeat; background-position: 100px 8px;}
.Weather_forecast .Weather_forecast_box .Warning_ico2{background: url(Weather_forecast_03.png) no-repeat; background-position: 100px 6px;}
.Weather_forecast .Weather_forecast_box .Warning_ico3{background: url(Weather_forecast_04.png) no-repeat; background-position: 100px 8px;}

.Weather_forecast .Weather_forecast_box2 .Warning_ico1{background: url(Weather_forecast_02.png) no-repeat; background-position: 73px 8px;}
.Weather_forecast .Weather_forecast_box2 .Warning_ico2{background: url(Weather_forecast_03.png) no-repeat; background-position: 73px 6px;}
.Weather_forecast .Weather_forecast_box2 .Warning_ico3{background: url(Weather_forecast_04.png) no-repeat; background-position: 73px 8px;} */

@media (min-width: 414px) {
	.Weather_forecast .Weather_forecast_box2 .Weather_forecast_info>div{ padding:25px 10px 30px 0; }
}



@media (min-width: 768px) {
	.top_Weather_forecast{ width:100%; border-bottom:1px solid #f7f7f7; padding:18px 0; }
	#today{ display:inline-block;}
	#today_font{ display:inline-block;}
	#warnbox{ display:inline-block;}
	#warnbox_font{ display:inline-block;}
	#today_icon{ display:inline-block;}
	#icon_font{ display:inline-block;}
	#today_temperature{ display:inline-block;}
	#temperature_font{ display:inline-block;}
	#today_wind{ display:inline-block;}
	#wind_font{ display:inline-block;}
	#today_humidity{ display:inline-block;}
	#humidity_font{ display:inline-block;}
	#undate{ display:inline-block;}
	#more_a{ display:inline-block;}
	
	.Weather_forecast{ color:#e2e2e2; line-height:50px; position:relative; width:100%; max-width:1200px; margin:0 auto; padding:0 15px;}
	.Weather_forecast>span{color:#666; line-height:50px; font-size:14px; display: inline-block;}
	.Weather_forecast font{ margin:0 10px; font-size:20px; line-height:50px; font-weight:100; color:#e2e2e2; display:inline-block;}
	.Weather_forecast #warnbox_font{margin:0 10px 0 0;}
	.Weather_forecast span font{ margin:0 8px 0 0; font-size:20px; line-height:50px; font-weight:100;}
	.Weather_forecast #warnbox img{ max-width:50px; max-height:50px; vertical-align:middle; line-height:50px; margin-bottom:5px;}
	.Weather_forecast #today_icon img{ max-width:30px; max-height:30px; vertical-align:middle; line-height:50px; margin-bottom:5px;}
	.Weather_forecast a{ color:#999; float:right; font-size:14px;}

	.Weather_forecast .Weather_forecast_box{ position:absolute; overflow:hidden;top:55px;left:180px;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info{ border:1px solid #e2e2e2; display:none;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info .Weather_forecast_title{border-bottom:1px solid #e2e2e2; background-color:#f1f1f1; color:#ea2743; padding:0 15px; font-size:18px;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info .Weather_forecast_title img{ margin-right:10px; vertical-align:middle; margin-bottom:2px;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div{ overflow:hidden; padding:15px 20px 20px 0; }
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div>img{ float:left; margin:10px 20px 10px 20px; max-width:61px;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div>p{ padding-left:125px; color:#333333; line-height:32px; font-size:14px;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div>p img{ vertical-align:middle; margin-bottom:5px; margin-right:8px; line-height:32px; }
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div h4{color:#333333; line-height:32px; font-size:14px; font-weight:500; padding-left:10px;}

	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div .float_right{  margin:0 0 0px 10px; max-width:61px;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div div{ width:210px; float:left; padding-left:20px;}
	.Weather_forecast .Weather_forecast_box .Weather_forecast_info>div div p{ color:#333333; line-height:32px; font-size:14px;}
	.Weather_forecast .Weather_forecast_box2{display:none;}
	.Weather_forecast_botton{display:none;}
	
}