@charset "utf-8";
/* CSS Document */
* { margin:0px; padding:0px; font-family:Arial, "微軟正黑體"; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/*清除 clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {
*zoom:1; _zoom:1; }
/*控制pre*/
pre { border:2px solid pink; padding:5px; font-size:12px; background:#fff; clear:both; font-size:12px; font-family:Verdana; }
pre strong { color:#CC0000; }
pre em { font-style:normal; font-weight:bold; color:#006600; }



/*wrapper ======*/
.wrapper { position:relative; background:#0C9; }

/*header ======*/
.header {width:768px; height:280px; margin:0 auto; background:#803334; position:relative; border:0px solid red; overflow:hidden;}
.header .pic{ width:768px; height:280px; position:absolute; left:0px; top:0px; transform-origin:0px 0px; border:0px solid purple;}
.header .pic img{ width:100%; height:auto;}

/*info*/
.header .info{ width:320px; height:280px; position:absolute; left:440px; top:10px; transform-origin:0px 0px; border:0px solid navy;}
.header .info h2{font-size:45px; color:#088bd9;}
.header .info h2 span{position:relative; top:5px;}
.header .info p.pmv{ width:300px; height:40px; font-size:40px; font-weight:bold; color:#444; position:absolute; left:20px; top:75px; border:0px solid red;}
.header .info p.number{width:65px; height:65px; font-size:85px; font-weight:bold; color:#088bd9; text-align:center; position:absolute; left:120px; top:140px; border:0px solid red; }
.header .info select{width:150px; height:44px; padding-left:5px;  border:1px solid #999; border-radius:3px; color:#666; font-size:20px; position:absolute; right:30px; top:12px;  }

/*特規-僅顯示PM2.5 開始*/
.info p:nth-of-type(3),.info p:nth-of-type(4){display: none}
/*特規-僅顯示PM2.5 結束*/


/*container ======*/
.container { width:768px; height:230px; margin:0 auto; background:url(../images/m_bg2.jpg); position:relative; border:0px solid olive;}

/*board*/
.container .board { width:740px; height:188px; background:url(../images/m_bg1.png) no-repeat; color:#fff; position:absolute; left:15px; top:10px; transform-origin:0px 0px; }
.container .board .icon i { width:90px; height:90px; font-size:90px; position:absolute; left:80px; top:25px; border:0px solid red; }
.container .board p.up { font-size:28px; position:absolute; left:30px; top:130px; border:0px solid red; }
.container .board p.up span { margin-right:5px; position:relative; top:-2px; }
.container .board p.down { font-size:28px; position:absolute; left:135px; top:130px; border:0px solid red; }
.container .board p.down span { margin-right:5px; position:relative; top:-2px; }
.container .board p.temp { font-size:95px; position:absolute; left:290px; top:13px; text-shadow:1px 1px 1px #3D583B; border:0px solid red; }
.container .board h2.city { font-size:65px; position:absolute; left:500px; top:15px; text-shadow:1px 1px 1px #3D583B; border:0px solid red; }
.container .board p.day { font-size:30px; font-weight:bold; position:absolute; left:510px; top:95px; color:#444; border:0px solid green; }
.container .board p.date {font-size:30px; font-weight:bold; position:absolute; left:510px; top:130px; color:#444; border:0px solid red; }
.container .board a.btn_week_info{ width:150px; height:50px; line-height:50px;text-align:center; font-size:25px; color:#fff; text-decoration:none; position:absolute; left:285px; top:120px; border:1px solid #fff; border-radius:3px; }
.container .board a.btn_week_info i{width:30px; height:30px; font-size:30px; margin-left:5px;}
.container .copyright { width:100%; font-size:10px; text-align:center; color:#fff; position:absolute; left:0px; bottom:10px; border:0px solid pink; }


/*小於768*/
@media only screen and (max-width:767px) {
.header{ width:414px; height:150px; }
.header .pic{transform:scale(0.55); }
.header .info{transform:scale(0.58); left:240px; top:10px;}

.container { width:414px; height:150px;}
.container .board { transform:scale(0.5); left:23px; top:10px; }
}

/*小於414*/
@media only screen and (max-width:413px) {
.header{ width:320px; height:115px;}
.header .pic{transform:scale(0.42); }
.header .info{transform:scale(0.45); left:170px; top:7px; }

.container { width:320px; height:120px;}
.container .board { transform:scale(0.39); left:15px; top:10px; }
}

/*廣告*/
.ad_weather_iframe{ width:300px; margin:0 auto;}