<style type="text/css">
html { width:100%;height:100%;min-width:320px;max-width:1200px;margin:0 auto 0;padding:0;-ms-user-select:none;}
body { width:100%;height:100%;min-width:320px;max-width:1200px;margin:0 auto 0;padding:0;font-family:'Microsoft JhengHei', Verdana, Arial, Clean, Helvetica, sans-serif, Monotype Corsiva;font-size:16px;overflow-y:auto;overflow-x:hidden;background:#f0f0f0;-moz-user-select: none;-webkit-user-select: none; }



 
  .banner { position:fixed;z-index:2000;top:0px;left:0px;right:0px;width:100%;height:35px;text-align:center;vertical-align:bottom;background:#4779b1;line-height:48px;border-bottom:0px #aaaaaa solid;padding-top:0px;font-size:16px;color:#ffffff;box-Shadow:0px 0px 2px 0px rgba(80,80,80,0.5);display:inline-block; }
  .banner .mark          { float:left;margin-left:15px;height:100%;line-height:33px;padding-top:2px;text-align:center;font-size:20px;vertical-align:bottom;font-family: 'Poiret One','Abel', sans-serif;font-weight:bold;display:inline-block;}
  .banner .marktitle{ float:left;margin-left:15px;height:100%;line-height:33px;padding-top:2px;text-align:right;font-size:14px;vertical-align:bottom;font-family: 'Microsoft JhengHei','Poiret One','Abel', sans-serif;display:inline-block;}

  
  
  .mainframe { width:100%;max-width:100%;min-height:100%;min-width:320px;margin-top:0px;padding-top:35px;display:inline-block;border:0px #cccccc solid;}
  .mainframe .mainbody { width:100%;min-height:500px;background:#ffffff;text-align:center;display:inline-block;}

  .mainframe .mainbody .weahead_block {float:top;width:100%;height:60px;border-bottom:0px #cccccc solid; }
  
  .mainframe .mainbody .weablock_line {float:top;width:100%;text-align:center;display:inline-block;}
	  
  .mainframe .mainbody .weablock_line .weainfo_block { margin:0 auto;margin-top:0px;width:100vw;height:100vw;max-width:420px;max-height:420px;display:inline-block;font-family: 'Microsoft JhengHei','Poiret One','Abel', sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 { float:top;width:100%;height:40px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 20px);height:40px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weainfo_btn_1 { position:relative;float:left;z-index:1001;top:-30px;left:20px;width:50px;height:50px;border:1px #cccccc solid;border-radius:50px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weainfo_btn_2 { position:relative;float:right;z-index:1001;top:-30px;right:20px;width:50px;height:50px;border:1px #cccccc solid;border-radius:50px;display:block;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weainfo_btn_2:active  {border:1px #ee8833 solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1  .weainfo_site {float:left;margin-left:10px;height:100%;line-height:50px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_2 { float:left;width:40px;height:40px;line-height:40px;text-align:center;font-size:28px;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block { position:relative;float:left;z-index:103;top:-30px;left:20px;width:150px;height:65px;border:0px #aaaaaa solid;display:none;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_tickbar { float:left;width:2px;height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_tickbar .sta_rain_tick { width:100%;height:20%;border-top:1px #aaaaaa solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_full { float:left;width:35px;height:calc(100% - 1px);border:1px #aaaaaa solid;border-top:0px #ffffff solid;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:#afe8fb;-webkit-transition: 1s ease-in-out;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_full .sta_rain_hei { float:top;width:100%;height:100%;background:#ffffff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;-webkit-transition: 1s ease-in-out;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_value { float:left;margin-left:5px;margin-top:45px;width:95px;height:20px;line-height:20px;font-size:13px;text-align:left;color:#666666;font-family:'Abel',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 { float:top;width:100%;height:calc(100% - 80px);min-width:320px;min-height:240px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 { float:left;width:40px;height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_1 { float:top;width:40px;height:calc(50% - 20px);}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_2{ float:left;width:40px;height:40px;line-height:40px;text-align:center;font-size:28px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2 { float:left;width:calc(100% - 80px);height:100%; }
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .winddeg_panel {float:top;margin:0 auto;width:calc(100% - 2px);height:calc(100% - 2px);border:1px #cccccc solid;border-radius:300px;box-Shadow:0px 0px 5px 0px rgba(50,50,50,0.2);transform: rotate(0deg);-webkit-transition: 1s ease-in-out;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .winddeg_panel .winddeg_panel_vector { margin:0 auto;min-width:32px;height:32px;line-height:32px;text-align:center;font-size:30px;color:#24b6d5;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info { position:relative;z-index:100;top:calc(0px - 100%);width:calc(100% - 2px);height:calc(100% - 2px);border:0px #cccccc solid;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block { font-family:'Abel', sans-serif,'Microsoft JhengHei';}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type { float:top;margin-top:calc(50% - 124px);height:1px;width:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type_desc{ float:top;width:100%;height:80px;line-height:41px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_t { float:top;width:100%;height:90px;line-height:90px;font-size:85px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_t .stainfo_t_unit { float:left;height:100%;width:calc(50% - 84px);}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_t .stainfo_t_unit_1 { margin-top:15px;height:60px;line-height:30px;text-align:left;font-size:35px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_t .stainfo_t_value { float:left;height:100%;width:164px;color:#39ab89;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_t .stainfo_t_head { float:left;height:100%;width:calc(50% - 82px);}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info { float:top;width:100%;height:45px;line-height:45px;font-size:26px;text-align:center;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_1 { float:left;width:calc(50% + 2px);height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_1 .stainfo_rh_unit { float:right;margin-right:5px;font-size:15px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_1 .stainfo_rh_value { float:right;margin-right:5px;min-width:40px;text-align:right;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_1 .stainfo_rh_head { float:right;margin-right:5px;margin-top:3px;padding-top:2px;width:18px;height:34px;line-height:16px;border:1px #aaaaaa solid;border-radius:20px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_2 .stainfo_ws_unit { float:left;margin-left:5px;font-size:15px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_2 .stainfo_ws_value { float:left;margin-left:5px;min-width:40px;text-align:right;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_2 .stainfo_ws_head { float:left;margin-left:5px;margin-top:3px;padding-top:2px;width:18px;height:34px;line-height:16px;border:1px #aaaaaa solid;border-radius:20px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_sub_info .stainfo_sub_line_2 { float:left;width:calc(50% - 2px);height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_time_id {float:top;width:100%;height:35px;line-height:20px;font-size:15px;text-align:center;color:#333333;}
  
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_stop { margin-top:calc(50% - 20px);width:100%;height:100%;line-height:40px;display:none;}
  
  .mainframe .mainbody .weablock_line .weainfo_ts{margin:0 auto;margin-top:40px;margin-bottom:20px;width:100%;min-height:420px;max-width:660px;border-top:0px #cccccc solid;border-bottom:0px #cccccc solid;display:none;}
  
  
  
  
  .mainframe .mainbody .weablock_line .wealine_frame { width:100%;min-height:300px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head { float:top;width:100%;height:30px;line-height:30px;font-size:15px;text-align:left;border-bottom:1px #e6e6e6 solid;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_left { float:left;margin-left:2%;height:100%;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_right { float:right;height:100%;line-height:30px;margin-right:2%;font-size:13px;}
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont {float:top;width:100%;min-height:300px;line-height:30px;font-size:15px;text-align:center;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:600px;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cont_left_img { margin:0 auto;width:calc(100% - 10px);max-width:500px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right { float:right;margin:0 auto;margin-top:15px;width:100%;max-width:600px;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cont_right_img { margin:0 auto;width:calc(100% - 10px);max-width:500px;}
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst_headspace { float:top;height:30px;width:100%;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_div {float:top;margin:20px;margin-top:5px;margin-bottom:0px;height:80px;width:calc(100% - 40px);max-width:400px;color:#ffffff;border-radius:5px;background:#556688;display:inline-block;font-family:Abel,'Microsoft JhengHei',sans-serif;box-Shadow:0px 3px 4px 0px rgba(80,80,80,0.5);}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_date {float:left;margin-left:8px;margin-right:8px;height:100%;font-size:15px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_date .cwb_week_fst_datestr {margin-top:20px;height:40px;line-height:20px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_icon {float:left;margin-top:5px;height:70px;width:70px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_temp { float:left;margin-left:8px;margin-right:8px;height:100%;font-size:18px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_temp .cwb_week_fst_tempstr {margin-top:10px;height:60px;line-height:30px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_desc {height:100%;line-height:80px;font-size:15px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_head{float:top;width:calc(100% - 40px);max-width:400px;height:16px;line-height:16px;font-size:14px;display:inline-block;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cont_left_div { float:left;width:50%;min-height:200px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cont_left_div  .cont_left_head { float:top;width:100%;height:25px;line-height:25px;font-size:16px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cont_left_div  .cont_left_imgdiv { float:top;width:100%;min-height:200px;line-height:25px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cont_left_div  .cont_left_imgdiv .nowcast_img {margin:0 auto;width:calc(100% - 12px);border:1px #aaaaaa solid;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cont_right_div { float:left;width:50%;min-height:200px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cont_right_div  .cont_right_head { float:top;width:100%;height:25px;line-height:25px;font-size:16px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cont_right_div  .cont_right_imgdiv { float:top;width:100%;min-height:200px;line-height:25px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cont_right_div  .cont_right_imgdiv .nowcast_img {margin:0 auto;width:calc(100% - 12px);border:1px #aaaaaa solid;}
  
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_tail { float:top;margin:0 auto;width:96%;margin-top:20px;height:50px;line-height:30px;font-size:15px;text-align:center;border-top:1px #e6e6e6 solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_tail .frame_tail_line { float:top;margin:0 auto;width:280px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_tail .frame_tail_line .tail_line_btn { float:left;margin-top:9px;margin-left:5px;margin-right:5px;height:30px;line-height:30px;width:50px;border:1px #666666 solid;background:#ffffff;border-radius:50px;cursor:pointer;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_tail .frame_tail_line .tail_line_btn:active {border:1px #ee8833 solid;box-Shadow:0px 0px 5px 0px rgba(50,50,50,0.2);}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_tail .frame_tail_line .tail_line_btn .left_str { padding-right:5px;height:100%;width:45px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_tail .frame_tail_line .tail_line_btn .right_str { padding-left:5px;height:100%;width:45px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_tail .frame_tail_line .tail_line_con { float:left;margin-top:9px;margin-left:5px;margin-right:5px;height:30px;line-height:30px;width:144px;border:1px #666666 solid;background:#ffffff;border-radius:50px;font-size:15px;}
  
  
  .mainframe .mainbody .pagetail { width:100%;min-height:180px;background:#4779b1;line-height:28px;border-top:1px #eeeeee solid;color:#ffffff;font-family:'Poiret One','Abel','Quicksand', 'Microsoft JhengHei', sans-serif;}
  .mainframe .mainbody .pagetail .eng_title { margin:0 auto;width:100%;height:50px;line-height:50px;text-align:center;font-size:40px;}
  .mainframe .mainbody .pagetail .cht_title { margin:0 auto;width:100%;height:30px;line-height:30px;text-align:center;font-size:24px;}
  .mainframe .mainbody .pagetail .cht_line { margin:0 auto;width:100%;height:25px;line-height:25px;text-align:center;font-size:16px;}
  .mainframe .mainbody .pagetail .copyright {margin:0 auto;width:100%;height:25px;line-height:25px;text-align:center;font-size:13px;font-family:'Abel','Quicksand', 'Microsoft JhengHei', sans-serif;}

  
  
  .mainframe .mainbody .weablock_line .space_bar_1{width:100%;margin-top:0px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-botrom:1px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .space_bar_2{width:100%;margin-top:0px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-botrom:1px #cccccc solid;display:inline-block;}
  
  .space_10 {width:100%;height:10px;}
  .space_20 {width:100%;height:20px;}
  .space_30 {width:100%;height:30px;}
  .space_40 {width:100%;height:40px;}
  
  
  
  
  
  
@media screen and  (orientation: landscape) {
	.mainframe .mainbody .weainfo_block { width:100vh;height:100vh;}
}

@media screen and (max-width: 359px)  {
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 { float:top;width:100%;height:30px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 15px);height:30px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weainfo_btn_1 { position:relative;float:left;z-index:1001;top:-30px;left:20px;width:50px;height:50px;border:1px #cccccc solid;border-radius:50px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weainfo_btn_2 { position:relative;float:right;z-index:1001;top:-30px;right:20px;width:50px;height:50px;border:1px #cccccc solid;border-radius:50px;display:none;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weainfo_btn_2:active  {border:1px #ee8833 solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1  .weainfo_site {line-height:30px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_2 { float:left;width:30px;height:30px;line-height:30px;text-align:center;font-size:21px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 { float:top;width:100%;height:calc(100% - 60px);min-width:320px;min-height:260px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 { float:left;width:30px;height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_1 { float:top;width:30px;height:calc(50% - 15px);}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_2{ float:left;width:30px;height:30px;line-height:30px;text-align:center;font-size:21px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2 { float:left;width:calc(100% - 60px);height:100%; }
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .winddeg_panel {float:top;margin:0 auto;width:calc(100% - 2px);height:calc(100% - 2px);border:1px #cccccc solid;border-radius:300px;box-Shadow:0px 0px 5px 0px rgba(50,50,50,0.2);transform: rotate(0deg);-webkit-transition: 1s ease-in-out;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .winddeg_panel .winddeg_panel_vector { margin:0 auto;min-width:20px;height:22px;line-height:22px;text-align:center;font-size:21px;color:#24b6d5;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info { position:relative;z-index:100;top:calc(0px - 100%);width:calc(100% - 2px);height:calc(100% - 2px);border:0px #cccccc solid;}

  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_div {float:top;margin:15px;margin-top:5px;margin-bottom:0px;height:80px;width:calc(100% - 30px);max-width:290px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_date {float:left;margin-left:8px;margin-right:8px;height:100%;font-size:15px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_date {float:left;margin-left:7px;margin-right:5px;height:100%;font-size:14px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_icon {float:left;margin-top:10px;height:60px;width:60px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_temp { float:left;margin-left:5px;margin-right:7px;height:100%;font-size:16px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_temp .cwb_week_fst_tempstr {margin-top:10px;height:60px;line-height:30px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_desc {height:100%;line-height:80px;font-size:14px;}
}

@media screen and (min-width: 600px) and (max-width: 800px)  {
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left    { float:left;margin:0 auto;margin-top:15px;width:100%;min-width:100%;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right   { float:left;margin:0 auto;margin-top:15px;width:100%;min-width:100%;display:block;}
}
@media screen and (min-width: 800px) and (max-width: 1200px)  {
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left    { float:left;margin:0 auto;margin-top:15px;width:50%;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right   { float:left;margin:0 auto;margin-top:15px;width:50%;display:block;}
}
@media screen and (min-width: 1200px)  {
	.mainframe .mainbody .weablock_line .weainfo_block { float:left;margin-top:30px;margin-left:40px;}
	.mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weainfo_btn_2 { display:none; }
	.mainframe .mainbody .weablock_line .weainfo_ts       { float:right;margin-top:0px;margin-right:40px;width:calc(100% - 120px - 420px);display:block;}
	.mainframe .mainbody .weablock_line .space_bar_2 {display:none;}
	
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left    { float:left;margin:0 auto;margin-top:15px;width:50%;display:block;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right   { float:left;margin:0 auto;margin-top:15px;width:50%;display:block;}
	
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst_headspace { float:top;height:60px;width:100%;display:inline-block;}
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_date {float:left;margin-left:10px;margin-right:10px;height:100%;font-size:14px;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_icon {float:left;margin-top:0px;height:80px;width:80px;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_temp { float:left;margin-left:10px;margin-right:10px;height:100%;font-size:20px;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_temp .cwb_week_fst_tempstr {margin-top:10px;height:60px;line-height:30px;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_desc {height:100%;line-height:80px;font-size:16px;}
}
</style>