<style type="text/css">
html { width:100%;height:100%;margin:0 auto 0;padding:0;-ms-user-select:none;}
body { width:100%;height:100%;max-width:1920px;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; }




  .geo_panel { position:fixed;z-index:1800;top:0px;left:0px;right:0px;width:100%;height:100%;padding-top:48px;padding-bottom:48px;background:#ffffff;color:#333333;display:none;overflow-y:auto;}
  .geo_panel .inout_frame { float:top;margin:0 auto; margin-top:20px;margin-bottom:68px;width:100%;max-width:320px;min-height:400px;border:1px #cccccc solid;background:#f0f0f0;display:block;}
  .geo_panel .inout_frame .inout_head { float:top;width:100%;height:40px;font-size:16px;color:#555555;display:inline-block;}
  .geo_panel .inout_frame .inout_head .inout_head_left {float:left;margin-left:10px;padding-top:1px;height:100%;line-height:48px;vertical-algin:middle;display:inline-block;}
  .geo_panel .inout_frame .inout_head .inout_head_right {float:right;margin-right:0px;height:100%;line-height:40px;vertical-algin:middle;display:inline-block;cursor:pointer;}
  .geo_panel .inout_frame .inout_head .inout_head_right .inout_close {height:100%;}
  .geo_panel .inout_frame .inout_table { float:top;padding-top:10px;width:100%;font-size:16px;color:#555555;display:inline-block;}
  .geo_panel .inout_frame .inout_table .inout_title{ float:top;margin:0 auto;margin-top:10px;height:20px;line-height:20px;width:90%;font-size:14px;color:#555555;display:block;}
  .geo_panel .inout_frame .inout_table .inout_input{ float:top;margin:0 auto;height:30px;line-height:30px;width:90%;font-size:20px;font-weight:bold;color:#333333;display:block;text-align:left;}
  .geo_panel .inout_frame .inout_table .inout_input .inout_input_form { height:28px;width:99%;font-size:20px;font-family:"微軟正黑體", Microsoft JhengHei, Verdana, Arial, Clean, Helvetica, sans-serif, Monotype Corsiva;}
  .geo_panel .inout_frame .inout_table .inout_input .inout_input_button { height:36px;width:100%;font-size:20px;font-family:"微軟正黑體", Microsoft JhengHei, Verdana, Arial, Clean, Helvetica, sans-serif, Monotype Corsiva;}
  
  
  .tool_panel { position:fixed;z-index:1900;top:0px;left:0px;right:0px;width:100%;height:100%;padding-top:48px;overflow-y:auto;background:#ffffff;display:none;}
  .tool_panel .inout_frame { float:top;margin:0 auto; margin-top:20px;margin-bottom:68px;width:100%;max-width:320px;min-height:400px;border:1px #cccccc solid;background:#f0f0f0;display:block;}
  .tool_panel .inout_frame .inout_head { float:top;width:100%;height:40px;font-size:16px;color:#555555;display:inline-block;}
  .tool_panel .inout_frame .inout_head .inout_head_left {float:left;margin-left:10px;padding-top:1px;height:100%;line-height:39px;vertical-algin:middle;display:inline-block;}
  .tool_panel .inout_frame .inout_head .inout_head_right {float:right;margin-right:0px;height:100%;line-height:40px;vertical-algin:middle;display:inline-block;cursor:pointer;}
  .tool_panel .inout_frame .inout_head .inout_head_right .inout_close {height:100%;}
  .tool_panel .inout_frame .inout_table { float:top;padding-top:10px;width:100%;font-size:16px;color:#555555;display:inline-block;}
  .tool_panel .inout_frame .inout_table .inout_title{ float:top;margin:0 auto;margin-top:10px;height:20px;line-height:20px;width:90%;font-size:14px;color:#333333;display:block;}
  .tool_panel .inout_frame .inout_table .inout_input{ float:top;margin:0 auto;height:30px;line-height:30px;width:90%;font-size:16px;color:#333333;display:block;text-align:center;}
  .tool_panel .inout_frame .inout_table .inout_input .inout_input_form { height:28px;width:99%;font-size:20px;font-family:"微軟正黑體", Microsoft JhengHei, Verdana, Arial, Clean, Helvetica, sans-serif, Monotype Corsiva;}
  .tool_panel .inout_frame .inout_table .inout_input .inout_input_button { height:36px;width:100%;font-size:20px;font-family:"微軟正黑體", Microsoft JhengHei, Verdana, Arial, Clean, Helvetica, sans-serif, Monotype Corsiva;}
  
  
  
  .banner { position:fixed;z-index:2000;top:0px;left:0px;right:0px;margin:0;padding:0;width:100%;height:48px;vertical-align:bottom;background:#5a94d5;bottom;background:#4779b1;line-height:48px;border-bottom:0px #aaaaaa solid;padding-top:0px;font-size:16px;color:#ffffff;box-Shadow:0px 0px 3px 0px rgba(50,50,50,0.6);display:inline-block; }
  .banner .mark          { float:left;margin-left:10px;height:100%;line-height:45px;padding-top:3px;font-size:22px;vertical-align:bottom;font-family: 'Poiret One','Abel', sans-serif;font-weight:bold;display:inline-block;}
  .banner .mark .png     { height:28px;margin-top:8px;}
  .banner .listitem      { float:right;height:100%;}
  .banner .listitem .png { height:48px;width:48px;cursor:pointer;}
  .banner .geolocinfo    { float:right;;margin-right:10px;height:34px;min-width:30px;padding-top:1px;vertical-align:bottom;display:block;color:#ffffff;cursor:pointer;}
  

  
  .itemframe { position:fixed;z-index:3000;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;display:none; }
  .itemframe .left  { float:right;width:20px;;height:100%;display:inline-block;background-position:right;background-repeat:repeat-y;}
  .itemframe .right { float:right;width:260px;height:100%;background:#ffffff;box-Shadow:0px 0px 10px 0px rgba(0,0,0,0.7);display:inline-block;}
  .itemframe .right .itembanner { float:top;width:100%;height:48px;border-bottom:1px #eeeeee solid;padding-top:1px;font-size:18px;color:#ffffff;display:inline-block;}
  .itemframe .right .itembanner .ileft { float:left;margin-left:20px;padding-top:3px;height:94%;line-height:48px;;color:#5a94d5;font-size:14px;font-weight:bold;display:inline-block;}
  .itemframe .right .itembanner .iright { float:right;height:99%;display:inline-block;}
  .itemframe .right .itembanner .iright .png { height:100%;cursor:pointer;display:inline-block;}
  .itemframe .right .itemsfr { float:top;width:100%;height:100%;font-size:20px;color:#333333;overflow-y:auto;display:inline-block;}
  .itemframe .right .itemsfr .itemlineW { float:top;width:100%;height:45px;;line-height:45px;padding-left:20px;font-size:16px;color:#555555;border-bottom:1px #eeeeee solid;cursor:pointer;font-family:'微軟正黑體','Microsoft JhengHei','Abel','Poiret One',sans-serif;display:inline-block;}
  .itemframe .right .itemsfr .itemlineB { float:top;width:100%;height:45px;;line-height:45px;padding-left:20px;font-size:16px;color:#ffffff;border-bottom:1px #eeeeee solid;background:#888888;font-family:'微軟正黑體','Microsoft JhengHei','Abel','Poiret One',sans-serif;cursor:pointer;}
  .itemframe .right .itemsfr .itemlineT { float:top;width:100%;height:48px;;line-height:48px;padding-left:20px;font-size:16px;}

  
  
  
  /**/
  .mainframe { width:100%;max-width:100%;min-height:100%;min-width:320px;margin-top:0px;padding-top:38px;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:40px;border-bottom:0px #cccccc solid;display:inline-block;}
  
  .mainframe .mainbody .weablock_line {float:top;min-height:400px;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 .aqi_div_block { position:relative;float:right;z-index:104;width:190px;height:190px;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);display:none;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div { width:160px;height:160px;border:15px #ffffff solid;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in {float:top;width:100%;height:32%;line-height:28px;font-size:24px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in .aqi_in_head { position:relative;z-index:105;padding-top:12px;height:calc(100% - 15px);line-height:40px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_desc { margin:0 auto;width:85%;height:34%;line-height:55px;;background:#ffffff;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);font-size:36px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_value { width:100%;height:32%;line-height:40px;font-size:28px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:0px;margin-left:10px;width:75px;height:75px;border-radius:100px;}
  
  .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:-40px;left:12px;width:170px;height:75px;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:25%;border-top:1px #666666 solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_full { float:left;width:40px;height:calc(100% - 1px);border:1px #666666 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:42px;width:95px;height:30px;line-height:18px;font-size:16px;text-align:left;color:#111111;font-family:'Abel','Microsoft JhengHei',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%; border-radius:500px;}
  .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:500px;box-Shadow:0px 0px 7px 0px rgba(50,50,50,0.6);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:32px;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:70px;line-height:41px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type_desc  .weainfo_site {margin:0 auto;margin-left:10px;margin-top:0px;height:100%;line-height:70px;font-size:18px;font-weight:normal;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_t { margin:0 auto;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(46% + 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:35px;height:100%;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:12px;padding-top:2px;width:34px;height:16px;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(54% - 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_2 .stainfo_ws_unit { float:left;margin-left:5px;height:50%;line-height:25px;font-size:13px;}
  .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:35px;height:50%;line-height:25px;font-size:21px;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:34px;height:16px;line-height:15px;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_time_cls {float:top;width:100%;height:35px;line-height:30px;font-size:14px;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;display:inline-block;}
  .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;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_left { float:left;margin-left:2%;height:100%;display:inline-block;}
  .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;display:inline-block;}
  
  .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;}
  
  
  /*rainbar*/
  .mainframe .mainbody .weablock_line .rainbar_block { float:left;margin-top:0px;height:calc(100% - 11px);width:170px;border:0px #cccccc solid;display:none;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_title { float:top;width:100%;height:60px;line-height:50px;font-size:32px;text-align:right;font-weight:bold;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_value { float:top;width:100%;height:60px;line-height:60px;font-size:24px;text-align:right;font-weight:bold;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_bar { float:top;height:calc(100% - 120px);width:100%;}
  /*rainbar*/
  
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin-top:0px;margin-left:20px;height:calc(100% - 11px);width:calc(100% - 940px);border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:50px;min-height:400px;width:880px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:880px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:50px;width:100%;height:50px;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:right;margin-right:20px;min-width:250px;height:100%;border:2px #213f9e solid;border-radius:50px;line-height:50px;font-size:30px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:15px;margin-top:40px;width:190px;height:190px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:160px;height:160px;border:15px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:51px;font-size:18px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:40px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:55px;font-size:28px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:40px;font-size:26px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
  
  /*預警*/
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnheadspace { width:100%;margin-top:40px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-botrom:1px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnhead { float:top;width:100%;height:30px;line-height:30px;font-size:15px;text-align:left;border-bottom:1px #e6e6e6 solid;display:inline-block;}
	
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:1200px;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   .aqi_warn_div {margin:0 auto;width:360px;height:320px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   .aqi_warn_div .aqi_circle_div {position:relative;left:-26px;top:-30px;width:400px;height:320px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   .aqi_warn_div .aqi_time_div {position:relative;top:-80px;height:20px;line-height:20px;font-family:Abel;color:#111111;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   .aqi_warn_div .aqi_site_div {position:relative;top:-243px;height:20px;line-height:20px;font-family:Microsoft JhengHei;font-size:15px;color:#111111;}
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right   { float:right;margin:0 auto;margin-top:15px;width:100%;max-width:720px;display:block;color:#111111;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right .line_warn_right { margin:0 auto;width:100%;max-width:720px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right .line_warn_right .wea_warn_div { float:left;;width:180px;height:180px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right .line_warn_right .wea_warn_div .wea_circle_div {position:relative;left:-23px;top:-20px;width:220px;height:220px;}
  /*預警*/
  
  /*預報*/
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:1920px;display:inline-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:inlineblock;}
  .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:40px;width:100%;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst { float:top;width:100%;height:52px;display:inline-block;font-family:Abel,sans-serif;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_time {float:left;margin-right:20px;height:100%;width:calc(50% - 46px);line-height:52px;text-align:right;color:#555555; font-size:16px; }
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_temp {float:left;margin-left:20px;height:100%;width:calc(50% - 56px);line-height:52px;text-align:left;font-size:20px; }
  
  .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 .space_bar_1{width:100%;margin-top:0px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-bottom:1px #eeeeee 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-bottom:1px #eeeeee 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;}
  
  
  
  .cont {width:100%;max-width:100%;min-height:100%;margin-top:0px;padding-top:48px;font-size:15px;display:inline-block;}
  .cont .cont_line { width:calc(100% - 20px);max-width:calc(100% - 20px);margin:0 auto;}
  
  
  
  
  
  
@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;}
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   { float:left;margin:0 auto;margin-top:0px;width:100%;max-width:1200px;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   .aqi_warn_div {margin:0 auto;width:320px;height:320px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   .aqi_warn_div .aqi_circle_div {position:relative;left:-46px;top:-30px;width:400px;height:320px;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-20px;margin-left:0px;width:120px;height:120px;border-radius:100px;}
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right .line_warn_right .wea_warn_div { float:left;;width:160px;height:160px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right .line_warn_right .wea_warn_div .wea_circle_div {position:relative;left:-33px;top:-20px;width:220px;height:220px;}
  
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin:0 auto;margin-top:40px;margin-bottom:20px;margin-left:0px;min-height:400px;width:100%;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:0px;min-height:100px;width:100%;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:320px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:20px;width:100%;height:30px;display:inline-block}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:left;margin:0 auto;margin-left:20px;width:calc(100% - 40px);height:100%;border:1px #cccccc solid;border-radius:30px;line-height:30px;font-size:18px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:10px;margin-top:40px;width:140px;height:140px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:116px;height:116px;border:12px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:40px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:25px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:45px;font-size:21px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:35px;font-size:18px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
}
@media screen and (min-width: 360px) and (max-width: 599px)  {
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right .line_warn_right { margin:0 auto;width:100%;max-width:360px;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-30px;margin-left:0px;width:150px;height:150px;border-radius:100px;}
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin:0 auto;margin-top:40px;margin-bottom:20px;margin-left:0px;min-height:400px;width:100%;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:0px;min-height:100px;width:100%;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:360px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:20px;width:100%;height:30px;display:inline-block}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:left;margin:0 auto;margin-left:20px;width:calc(100% - 40px);height:100%;border:1px #cccccc solid;border-radius:30px;line-height:30px;font-size:18px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:15px;margin-top:40px;width:150px;height:150px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:126px;height:126px;border:12px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:40px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:25px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:45px;font-size:24px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:35px;font-size:20px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
}
@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;}
  
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right .line_warn_right { margin:0 auto;width:100%;max-width:360px;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 { float:top;width:100%;height:50px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 25px);height:50px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block { position:relative;float:right;z-index:104;width:150px;height:150px;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);display:inline-block;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div { width:126px;height:126px;border:12px #ffffff solid;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in {float:top;width:100%;height:32%;line-height:28px;font-size:18px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in .aqi_in_head { position:relative;z-index:105;padding-top:12px;height:calc(100% - 15px);line-height:28px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_desc { margin:0 auto;width:85%;height:34%;line-height:42px;;background:#ffffff;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);font-size:28px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_value { width:100%;height:32%;line-height:32px;font-size:22px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
 
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-40px;margin-left:0px;width:180px;height:180px;border-radius:100px;}
 
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin:0 auto;margin-top:40px;margin-bottom:20px;margin-left:0px;min-height:400px;width:100%;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:0px;min-height:100px;width:100%;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:360px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:20px;width:100%;height:30px;display:inline-block}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:left;margin:0 auto;margin-left:20px;width:calc(100% - 40px);height:100%;border:1px #cccccc solid;border-radius:30px;line-height:30px;font-size:18px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:15px;margin-top:40px;width:150px;height:150px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:126px;height:126px;border:12px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:40px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:25px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:45px;font-size:24px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:35px;font-size:20px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
}
@media screen and (min-width: 800px) and (max-width: 1099px)  {
  .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_warn_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:1079px;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right  { float:right;margin:0 auto;margin-top:15px;width:100%;max-width:1200px;display:block;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 { float:top;width:100%;height:50px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 25px);height:50px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block { position:relative;float:right;z-index:104;width:150px;height:150px;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);display:inline-block;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div { width:126px;height:126px;border:12px #ffffff solid;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in {float:top;width:100%;height:32%;line-height:28px;font-size:18px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in .aqi_in_head { position:relative;z-index:105;padding-top:12px;height:calc(100% - 15px);line-height:28px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_desc { margin:0 auto;width:85%;height:34%;line-height:42px;;background:#ffffff;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);font-size:28px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_value { width:100%;height:32%;line-height:32px;font-size:22px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
 
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-40px;margin-left:0px;width:180px;height:180px;border-radius:100px;}
 
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin:0 auto;margin-top:40px;margin-bottom:20px;margin-left:0px;min-height:400px;width:100%;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:0px;min-height:100px;width:100%;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:720px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:20px;width:100%;height:30px;display:inline-block}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:left;margin:0 auto;margin-left:20px;width:calc(100% - 40px);height:100%;border:1px #cccccc solid;border-radius:30px;line-height:30px;font-size:18px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:15px;margin-top:40px;width:150px;height:150px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:126px;height:126px;border:12px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:40px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:25px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:45px;font-size:24px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:35px;font-size:20px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
}
@media screen and (min-width: 1100px) and (max-width: 1259px)  {
  .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 .warnheadspace { width:100%;margin-top:40px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-botrom:1px #cccccc solid;display:none;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnhead { float:top;width:100%;height:30px;line-height:30px;font-size:15px;text-align:left;border-bottom:1px #e6e6e6 solid;display:none;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:360px;display:block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right   { float:right;margin:0 auto;margin-top:15px;width:100%;max-width:720px;display:block;}

  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 { float:top;width:100%;height:50px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 25px);height:50px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block { position:relative;float:right;z-index:104;width:150px;height:150px;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);display:inline-block;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div { width:126px;height:126px;border:12px #ffffff solid;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in {float:top;width:100%;height:32%;line-height:28px;font-size:18px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in .aqi_in_head { position:relative;z-index:105;padding-top:12px;height:calc(100% - 15px);line-height:28px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_desc { margin:0 auto;width:85%;height:34%;line-height:42px;;background:#ffffff;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);font-size:28px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_value { width:100%;height:32%;line-height:32px;font-size:22px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
 
 .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-40px;margin-left:0px;width:180px;height:180px;border-radius:100px;}
 
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin:0 auto;margin-top:40px;margin-bottom:20px;margin-left:0px;min-height:400px;width:100%;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:0px;min-height:100px;width:100%;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:720px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:20px;width:100%;height:30px;display:inline-block}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:left;margin:0 auto;margin-left:20px;width:calc(100% - 40px);height:100%;border:1px #cccccc solid;border-radius:30px;line-height:30px;font-size:18px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:15px;margin-top:40px;width:150px;height:150px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:126px;height:126px;border:12px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:40px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:25px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:45px;font-size:24px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:35px;font-size:20px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
}
@media screen and (min-width: 1260px) and (max-width: 1539px)  {
  .banner { position:fixed;z-index:2000;top:0px;left:0px;right:0px;margin:0;padding:0;width:100%;max-width:100%;height:48px;vertical-align:bottom;background:#5a94d5;bottom;background:#4779b1;line-height:48px;border-bottom:0px #aaaaaa solid;padding-top:0px;font-size:16px;color:#ffffff;box-Shadow:0px 0px 3px 0px rgba(50,50,50,0.6);display:inline-block; }
  .banner .mark          { float:left;margin-left:10px;height:100%;line-height:45px;padding-top:3px;font-size:30px;vertical-align:bottom;font-family: 'Poiret One','Abel', sans-serif;font-weight:bold;display:inline-block;}
  .banner .mark .png     { height:36px;margin-top:4px;}
  .banner .listitem      { float:right;height:100%;}
  .banner .listitem .png { height:48px;width:48px;cursor:pointer;}
  .banner .geolocinfo    { float:right;;margin-right:10px;height:34px;min-width:30px;padding-top:1px;vertical-align:bottom;display:block;color:#ffffff;cursor:pointer;}
  
  
  
	.mainframe .mainbody .weahead_block {float:top;width:100%;height:0px;border-bottom:0px #cccccc solid; }
	

	.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_left .cwb_day_fst { float:top;width:100%;height:52px;display:inline-block;font-family:Abel,sans-serif;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_time {float:left;margin-right:20px;height:100%;width:calc(50% - 46px);line-height:52px;text-align:right;color:#333333; font-size:20px; }
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_temp {float:left;margin-left:20px;height:100%;width:calc(50% - 56px);line-height:52px;text-align:left;font-size:32px; }
  

  .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:520px;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:15px;margin-right:20px;height:100%;font-size:21px;}
  .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:24px;}
  .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:25px;margin-right:8px;height:100%;font-size:26px;}
  .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:21px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_head{float:top;width:calc(100% - 40px);max-width:520px;height:25px;line-height:25px;font-size:21px;display:inline-block;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  
	
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnheadspace { width:100%;margin-top:40px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-botrom:1px #cccccc solid;display:none;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnhead { float:top;width:100%;height:30px;line-height:30px;font-size:15px;text-align:left;border-bottom:1px #e6e6e6 solid;display:none;}
  
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:360px;display:block;}
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right   { float:right;margin:0 auto;margin-top:15px;width:100%;max-width:720px;display:block;}
	
  /*fullscreen*/
  .mainframe .mainbody .weablock_line .weainfo_block {float:left;margin-top:40px;margin-bottom:40px;margin-left:20px;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:50px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 25px);height:50px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block { position:relative;float:right;z-index:104;width:150px;height:150px;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);display:inline-block;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div { width:126px;height:126px;border:12px #ffffff solid;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in {float:top;width:100%;height:32%;line-height:28px;font-size:18px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in .aqi_in_head { position:relative;z-index:105;padding-top:12px;height:calc(100% - 15px);line-height:28px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_desc { margin:0 auto;width:85%;height:34%;line-height:42px;;background:#ffffff;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);font-size:28px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_value { width:100%;height:32%;line-height:32px;font-size:22px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-40px;margin-left:0px;width:180px;height:180px;border-radius:100px;}
  
  .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:50px;height:50px;line-height:50px;text-align:center;font-size:32px;font-weight:bold;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block { position:relative;float:left;z-index:103;top:-40px;left:12px;width:170px;height:75px;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:25%;border-top:1px #666666 solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_full { float:left;width:40px;height:calc(100% - 1px);border:1px #666666 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:42px;width:95px;height:30px;line-height:18px;font-size:16px;text-align:left;color:#111111;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 { float:top;width:100%;height:calc(100% - 100px);min-width:320px;min-height:240px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 { float:left;width:50px;height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_1 { float:top;width:50px;height:calc(50% - 25px);}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_2{ float:left;width:50px;height:50px;line-height:50px;text-align:center;font-size:32px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2 { float:left;width:calc(100% - 100px);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:500px;box-Shadow:0px 0px 25px 0px rgba(0,0,0,0.8);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:40px;height:40px;line-height:40px;text-align:center;font-size:42px;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';height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type { float:top;margin-top:0px;height:19%;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:15%;line-height:41px;border:0px #cccccc solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type_desc  .weainfo_site {margin:0 auto;margin-left:10px;height:100%;line-height:48px;font-size:24px;font-weight:bold;}
  .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:33%;line-height:120px;font-size:100px;font-weight:bold;}
  .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:20%;font-weight:normal;}
  .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:25px;height:calc(100% - 50px);line-height:32px;text-align:left;font-size:36px;font-weight:normal;color:#333333;}
  .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:63%;color:#39ab89;text-align:center;}
  .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:17%;}
  .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:16%;line-height:50px;font-size:30px;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:45%;height:100%;color:#324ea6;}
  .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:10px;font-size:18px;font-weight:bold;}
  .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:4px;min-width:40px;height:100%;text-align:right;font-weight:bold;}
  .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:4px;margin-top:12px;padding-top:3px;width:36px;height:16px;line-height:15px;border:2px #324ea6 solid;border-radius:20px;font-size:15px;font-weight:bold;}
  .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(54% - 2px);height:100%;color:#324ea6;}
  .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:10px;height:50%;line-height:30px;font-size:16px;font-weight:bold;}
  .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:4px;min-width:45px;height:50%;line-height:30px;font-size:24px;text-align:right;font-weight:bold;}
  .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:4px;margin-top:3px;padding-top:3px;width:36px;height:16px;line-height:15px;border:2px #324ea6 solid;border-radius:20px;font-size:15px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_time_cls {float:top;width:100%;height:10%;line-height:22px;font-size:16px;text-align:center;color:#333333;font-weight:bold;}
  
  .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 .wealine_frame { width:100%;min-height:300px;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head { float:top;width:100%;height:40px;line-height:40px;font-size:18px;text-align:left;border-bottom:1px #e6e6e6 solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_left { float:left;margin-left:2%;height:100%;display:inline-block;font-weight:bold;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_right { float:right;height:100%;line-height:40px;margin-right:2%;font-size:20px;display:inline-block;}

  /*rainbar*/
  .mainframe .mainbody .weablock_line .rainbar_block { float:left;margin-top:0px;height:calc(100% - 11px);width:140px;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_title { float:top;width:100%;height:60px;line-height:50px;font-size:21px;text-align:right;font-weight:bold;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_value { float:top;width:100%;height:60px;line-height:60px;font-size:20px;text-align:right;font-weight:bold;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_bar { float:top;height:calc(100% - 120px);width:100%;}
  /*rainbar*/
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin-top:0px;margin-left:20px;height:calc(100% - 11px);width:calc(100% - 650px);border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:25px;min-height:400px;width:640px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:640px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:25px;width:100%;height:36px;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:right;margin-right:20px;min-width:170px;height:100%;border:2px #213f9e solid;border-radius:50px;line-height:36px;font-size:21px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:10px;margin-top:40px;width:140px;height:140px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:118px;height:118px;border:11px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:35px;font-size:14px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:10px;height:calc(100% - 15px);line-height:30px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:42px;font-size:21px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:30px;font-size:20px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
  

}
@media screen and (min-width: 1540px) and (max-width: 1680px)  {
  .banner { position:fixed;z-index:2000;top:0px;left:0px;right:0px;margin:0;padding:0;width:100%;height:48px;vertical-align:bottom;background:#5a94d5;bottom;background:#4779b1;line-height:48px;border-bottom:0px #aaaaaa solid;padding-top:0px;font-size:16px;color:#ffffff;box-Shadow:0px 0px 3px 0px rgba(50,50,50,0.6);display:inline-block; }
  .banner .mark          { float:left;margin-left:10px;height:100%;line-height:45px;padding-top:3px;font-size:36px;vertical-align:bottom;font-family: 'Poiret One','Abel', sans-serif;font-weight:bold;display:inline-block;}
  .banner .mark .png     { height:36px;margin-top:4px;}
  .banner .listitem      { float:right;height:100%;}
  .banner .listitem .png { height:48px;width:48px;cursor:pointer;}
  .banner .geolocinfo    { float:right;;margin-right:10px;height:34px;min-width:30px;padding-top:1px;vertical-align:bottom;display:block;color:#ffffff;cursor:pointer;}
  
  
  
	.mainframe .mainbody .weahead_block {float:top;width:100%;height:0px;border-bottom:0px #cccccc solid; }
	

	.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_left .cwb_day_fst { float:top;width:100%;height:52px;display:inline-block;font-family:Abel,sans-serif;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_time {float:left;margin-right:20px;height:100%;width:calc(50% - 46px);line-height:52px;text-align:right;color:#333333; font-size:24px; }
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_temp {float:left;margin-left:20px;height:100%;width:calc(50% - 56px);line-height:52px;text-align:left;font-size:40px; }
  

  .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:600px;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:15px;margin-right:20px;height:100%;font-size:24px;}
  .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:24px;}
  .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:25px;margin-right:8px;height:100%;font-size:28px;}
  .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:24px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_head{float:top;width:calc(100% - 40px);max-width:600px;height:25px;line-height:25px;font-size:24px;display:inline-block;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  
	
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnheadspace { width:100%;margin-top:40px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-botrom:1px #cccccc solid;display:none;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnhead { float:top;width:100%;height:30px;line-height:30px;font-size:15px;text-align:left;border-bottom:1px #e6e6e6 solid;display:none;}
  
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:360px;display:block;}
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right   { float:right;margin:0 auto;margin-top:15px;width:100%;max-width:720px;display:block;}
	
  /*fullscreen*/
  .mainframe .mainbody .weablock_line .weainfo_block {float:left;margin-top:60px;margin-bottom:60px;margin-left:30px;width:100vw;height:100vw;max-width:560px;max-height:560px;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:60px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 30px);height:60px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block { position:relative;float:right;z-index:104;width:166px;height:166px;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);display:inline-block;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div { width:140px;height:140px;border:13px #ffffff solid;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in {float:top;width:100%;height:32%;line-height:32px;font-size:20px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in .aqi_in_head { position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:32px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_desc { margin:0 auto;width:85%;height:34%;line-height:50px;;background:#ffffff;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);font-size:32px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_value { width:100%;height:32%;line-height:35px;font-size:28px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-60px;margin-left:0px;width:250px;height:250px;border-radius:100px;}
  
  .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:60px;height:60px;line-height:60px;text-align:center;font-size:36px;font-weight:bold;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block { position:relative;float:left;z-index:103;top:-40px;left:12px;width:170px;height:75px;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:25%;border-top:1px #666666 solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_full { float:left;width:40px;height:calc(100% - 1px);border:1px #666666 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:42px;width:95px;height:30px;line-height:18px;font-size:16px;text-align:left;color:#111111;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 { float:top;width:100%;height:calc(100% - 120px);min-width:320px;min-height:240px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 { float:left;width:60px;height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_1 { float:top;width:60px;height:calc(50% - 30px);}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_2{ float:left;width:60px;height:60px;line-height:60px;text-align:center;font-size:36px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2 { float:left;width:calc(100% - 120px);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:500px;box-Shadow:0px 0px 25px 0px rgba(0,0,0,0.8);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:50px;height:50px;line-height:50px;text-align:center;font-size:55px;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';height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type { float:top;margin-top:0px;height:19%;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:15%;line-height:41px;border:0px #cccccc solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type_desc  .weainfo_site {margin:0 auto;margin-left:10px;height:100%;line-height:50px;font-size:32px;font-weight:bold;}
  .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:33%;line-height:158px;font-size:130px;font-weight:bold;}
  .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:20%;font-weight:normal;}
  .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:30px;height:calc(100% - 60px);line-height:50px;text-align:left;font-size:50px;font-weight:normal;color:#333333;}
  .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:63%;color:#39ab89;text-align:center;}
  .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:17%;}
  .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:16%;line-height:64px;font-size:54px;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:45%;height:100%;color:#324ea6;}
  .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:10px;font-size:25px;font-weight:bold;}
  .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:70px;height:100%;text-align:right;font-weight:bold;}
  .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:14px;padding-top:6px;width:48px;height:20px;line-height:18px;border:2px #324ea6 solid;border-radius:20px;font-size:21px;font-weight:bold;}
  .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(54% - 2px);height:100%;color:#324ea6;}
  .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:10px;height:50%;line-height:35px;font-size:16px;font-weight:bold;}
  .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:80px;height:50%;line-height:35px;font-size:30px;text-align:right;font-weight:bold;}
  .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:4px;padding-top:6px;width:48px;height:20px;line-height:18px;border:2px #324ea6 solid;border-radius:20px;font-size:21px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_time_cls {float:top;width:100%;height:10%;line-height:30px;font-size:22px;text-align:center;color:#333333;font-weight:bold;}
  
  .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 .wealine_frame { width:100%;min-height:300px;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head { float:top;width:100%;height:40px;line-height:40px;font-size:24px;text-align:left;border-bottom:1px #e6e6e6 solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_left { float:left;margin-left:2%;height:100%;display:inline-block;font-weight:bold;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_right { float:right;height:100%;line-height:40px;margin-right:2%;font-size:20px;display:inline-block;}

  /*rainbar*/
  .mainframe .mainbody .weablock_line .rainbar_block { float:left;margin-top:0px;height:calc(100% - 11px);width:140px;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_title { float:top;width:100%;height:60px;line-height:50px;font-size:26px;text-align:right;font-weight:bold;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_value { float:top;width:100%;height:60px;line-height:60px;font-size:21px;text-align:right;font-weight:bold;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_bar { float:top;height:calc(100% - 120px);width:100%;}
  /*rainbar*/
  /*預警 new*/
  .mainframe .mainbody .weablock_line .weawarn_block { float:left;margin-top:0px;margin-left:20px;height:calc(100% - 11px);width:calc(100% - 750px);border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div { margin:0 auto;margin-top:30px;min-height:400px;width:784px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir {margin:0 auto;width:784px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div {float:top;margin-top:30px;width:100%;height:42px;display:inline-block;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_head_div .weawarn_head {float:right;margin-right:20px;min-width:200px;height:100%;border:2px #213f9e solid;border-radius:50px;line-height:42px;font-size:24px;color:#213f9e;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block {float:left;margin:13px;margin-top:40px;width:166px;height:166px;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out {width:140px;height:140px;border:13px #ffffff solid;border-radius:200px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in {width:100%;height:32%;line-height:35px;font-size:17px;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_in .weawarn_cir_head {position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:35px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_desc {margin:0 auto;width:85%;height:36%;background:#ffffff;border-radius:100px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);line-height:50px;font-size:25px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weawarn_block .weawarn_div .weawarn_cir .weawarn_cir_block .weawarn_cir_out .weawarn_cir_value {width:100%;height:32%;line-height:35px;font-size:22px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  /*預警 new*/
}
@media screen and (min-width: 1681px)  {
	
  .banner { position:fixed;z-index:2000;top:0px;left:0px;right:0px;margin:0;padding:0;width:100%;height:48px;vertical-align:bottom;background:#5a94d5;bottom;background:#4779b1;line-height:48px;border-bottom:0px #aaaaaa solid;padding-top:0px;font-size:16px;color:#ffffff;box-Shadow:0px 0px 3px 0px rgba(50,50,50,0.6);display:inline-block; }
  .banner .mark          { float:left;margin-left:10px;height:100%;line-height:45px;padding-top:3px;font-size:36px;vertical-align:bottom;font-family: 'Poiret One','Abel', sans-serif;font-weight:bold;display:inline-block;}
  .banner .mark .png     { height:36px;margin-top:4px;}
  .banner .listitem      { float:right;height:100%;}
  .banner .listitem .png { height:48px;width:48px;cursor:pointer;}
  .banner .geolocinfo    { float:right;;margin-right:10px;height:34px;min-width:30px;padding-top:1px;vertical-align:bottom;display:block;color:#ffffff;cursor:pointer;}
  
  
  
	.mainframe .mainbody .weahead_block {float:top;width:100%;height:0px;border-bottom:0px #cccccc solid; }
	

	.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_left .cwb_day_fst { float:top;width:100%;height:52px;display:inline-block;font-family:Abel,sans-serif;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_time {float:left;margin-right:20px;height:100%;width:calc(50% - 46px);line-height:52px;text-align:right;color:#333333; font-size:24px; }
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_left .cwb_day_fst .cwb_day_fst_temp {float:left;margin-left:20px;height:100%;width:calc(50% - 56px);line-height:52px;text-align:left;font-size:40px; }
  

  .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:600px;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:15px;margin-right:20px;height:100%;font-size:24px;}
  .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:24px;}
  .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:25px;margin-right:8px;height:100%;font-size:28px;}
  .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:24px;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_cont_right .cwb_week_fst_head{float:top;width:calc(100% - 40px);max-width:600px;height:25px;line-height:25px;font-size:24px;display:inline-block;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  
	
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnheadspace { width:100%;margin-top:40px;height:10px;background:#f0f0f0;border-top:1px #cccccc solid;border-botrom:1px #cccccc solid;display:none;}
    .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .warnhead { float:top;width:100%;height:30px;line-height:30px;font-size:15px;text-align:left;border-bottom:1px #e6e6e6 solid;display:none;}
  
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_left   { float:left;margin:0 auto;margin-top:15px;width:100%;max-width:360px;display:block;}
	.mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_cont .frame_warn_right   { float:right;margin:0 auto;margin-top:15px;width:100%;max-width:720px;display:block;}
	
  /*fullscreen*/
  .mainframe .mainbody .weablock_line .weainfo_block {float:left;margin-top:80px;margin-bottom:80px;margin-left:40px;width:100vw;height:100vw;max-width:700px;max-height:700px;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:60px;min-width:320px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 { float:left;width:calc(50% - 30px);height:60px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block { position:relative;float:right;z-index:104;width:190px;height:190px;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);display:inline-block;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div { width:160px;height:160px;border:15px #ffffff solid;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5) inset;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in {float:top;width:100%;height:32%;line-height:30px;font-size:24px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_in .aqi_in_head { position:relative;z-index:105;padding-top:15px;height:calc(100% - 15px);line-height:40px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_desc { margin:0 auto;width:85%;height:34%;line-height:55px;;background:#ffffff;border-radius:250px;box-Shadow:0px 0px 10px 0px rgba(50,50,50,0.5);font-size:36px;font-weight:bold;color:#111111;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .aqi_div_block .aqi_circle_div .aqi_circle_value { width:100%;height:32%;line-height:40px;font-size:28px;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .weasta_radar { position:relative;float:left;z-index:104;top:-80px;margin-left:0px;width:300px;height:300px;border-radius:100px;}
  
  .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:60px;height:60px;line-height:60px;text-align:center;font-size:45px;font-weight:bold;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block { position:relative;float:left;z-index:103;top:-40px;left:12px;width:170px;height:75px;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:25%;border-top:1px #666666 solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_1 .weainfo_line_1_1 .sta_rain_block .sta_rain_full { float:left;width:40px;height:calc(100% - 1px);border:1px #666666 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:42px;width:95px;height:30px;line-height:18px;font-size:16px;text-align:left;color:#111111;font-family:'Abel','Microsoft JhengHei',sans-serif;}
  
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 { float:top;width:100%;height:calc(100% - 120px);min-width:320px;min-height:240px;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 { float:left;width:60px;height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_1 { float:top;width:60px;height:calc(50% - 30px);}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_1 .weainfo_line_2_1_2{ float:left;width:60px;height:60px;line-height:60px;text-align:center;font-size:45px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2 { float:left;width:calc(100% - 120px);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:500px;box-Shadow:0px 0px 25px 0px rgba(0,0,0,0.8);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:60px;height:60px;line-height:60px;text-align:center;font-size:72px;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';height:100%;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type { float:top;margin-top:0px;height:19%;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:15%;line-height:41px;border:0px #cccccc solid;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_type_desc  .weainfo_site {margin:0 auto;margin-left:10px;height:100%;line-height:50px;font-size:40px;font-weight:bold;}
  .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:33%;line-height:203px;font-size:190px;font-weight:bold;}
  .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:20%;font-weight:normal;}
  .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:30px;height:calc(100% - 60px);line-height:70px;text-align:left;font-size:85px;font-weight:normal;color:#333333;}
  .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:63%;color:#39ab89;text-align:center;}
  .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:17%;}
  .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:16%;line-height:80px;font-size:60px;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:45%;height:100%;color:#324ea6;}
  .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:10px;font-size:30px;font-weight:bold;}
  .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:90px;height:100%;text-align:right;font-weight:bold;}
  .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:20px;padding-top:6px;width:64px;height:30px;line-height:28px;border:2px #324ea6 solid;border-radius:20px;font-size:28px;font-weight:bold;}
  .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(54% - 2px);height:100%;color:#324ea6;}
  .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:10px;height:50%;line-height:50px;font-size:20px;font-weight:bold;}
  .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:100px;height:50%;line-height:50px;font-size:40px;text-align:right;font-weight:bold;}
  .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:5px;padding-top:6px;width:64px;height:30px;line-height:28px;border:2px #324ea6 solid;border-radius:20px;font-size:28px;font-weight:bold;}
  .mainframe .mainbody .weablock_line .weainfo_block .weainfo_line_2 .weainfo_line_2_2  .weainfo_info .weainfo_info_block .stainfo_time_cls {float:top;width:100%;height:10%;line-height:30px;font-size:30px;text-align:center;color:#333333;font-weight:bold;}
  
  .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 .wealine_frame { width:100%;min-height:300px;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head { float:top;width:100%;height:40px;line-height:40px;font-size:24px;text-align:left;border-bottom:1px #e6e6e6 solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_left { float:left;margin-left:2%;height:100%;display:inline-block;font-weight:bold;}
  .mainframe .mainbody .weablock_line .wealine_frame .wealine_frame_head  .frame_head_right { float:right;height:100%;line-height:40px;margin-right:2%;font-size:20px;display:inline-block;}
  
    /*rainbar*/
  .mainframe .mainbody .weablock_line .rainbar_block { float:left;margin-top:0px;height:calc(100% - 11px);width:170px;border:0px #cccccc solid;display:inline-block;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_title { float:top;width:100%;height:60px;line-height:50px;font-size:32px;text-align:right;font-weight:bold;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_value { float:top;width:100%;height:60px;line-height:60px;font-size:24px;text-align:right;font-weight:bold;font-family:Abel,'Microsoft JhengHei',sans-serif;}
  .mainframe .mainbody .weablock_line .rainbar_block .rainbar_bar { float:top;height:calc(100% - 120px);width:100%;}
  /*rainbar*/
}
</style>
