@charset "UTF-8"; /* googl_fonts_Roboto_setting */ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap'); /* @font-face { font-family:'avant_garde'; src: url(../font/itc_avant_garde_ce_gothic_book-webfont.eot); src: url(../font/itc_avant_garde_ce_gothic_book-webfont.eot?#iefix) format('embedded-opentype'), url(../font/itc_avant_garde_ce_gothic_book-webfont.woff2) format('woff2'), url(../font/itc_avant_garde_ce_gothic_book-webfont.woff) format('woff'), url(../font/itc_avant_garde_ce_gothic_book-webfont.ttf) format('truetype'), url(../font/itc_avant_garde_ce_gothic_book-webfont.svg#phphotoregular) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'avgard_demi'; src: url(../font/itc_avgard_demi.eot); src: url(../font/itc_avgard_demi.eot?#iefix) format('embedded-opentype'), url(../font/itc_avgard_demi.woff2) format('woff2'), url(../font/itc_avgard_demi.woff) format('woff'), url(../font/itc_avgard_demi.ttf) format('truetype'), url(../font/itc_avgard_demi.svg#phphotoregular) format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'newswft'; src: url('../font/newswft-webfont.eot'); src: url('../font/newswft-webfont.eot?#iefix') format('embedded-opentype'), url('../font/newswft-webfont.woff') format('woff'), url('../font/newswft-webfont.ttf') format('truetype'), url('../font/newswft-webfont.svg#pchufd') format('svg'); font-weight: normal; font-style: normal } [class^="icon-"], [class*="icon-"] { font-family: 'newswft'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased } .wth_menu_main {background-color: #006fd5;position: relative;height: 34px;line-height: 34px;} /**** Clearfix ****/ .clearfix:after,.clearfix:before{content:"";display:table} .clearfix:after{clear:both} .clearfix{zoom:1} .wth_menu_main li.selected{background-repeat:no-repeat;background-position:top left;background-color:#FFF} .wth_menu_main li{/*width:115px;*/width:auto;padding:0 20px;text-align:center;vertical-align:middle;float:left;margin:0 2px}.wth_menu_main li.selected a{color:#444} .wth_menu_main li a{color:#FFF;font-weight:700;display:block;font-size:18px} .bx-wrapper{width:100%;overflow:hidden;position:relative;height:260px} .bgbx{position:absolute;z-index:50;display:block;top:0;left:0} #container {position: relative;} .wth_cont { font-family: 'Roboto', "Noto Sans TC","微軟正黑體", "儷黑 Pro", Microsoft JhengHei, Arial, Helvetica, sans-serif; } .wth_cont a{color: #006fd5} .wth_cont section{margin-bottom:0px;background:none} .wth_cont select,.wth_cont button{font-family: "微軟正黑體","儷黑 Pro",Microsoft JhengHei,Arial,Helvetica,sans-serif} .wthrNav{position:absolute;height:36px;z-index:300;border-bottom:#dedede 2px solid;top:300px;width:687px;left:50%;margin-left:-499px} .wthrNav.main{ /* margin-left:-402px */ } .wthrNav .list{display:inline-block} .wthrNav .list>li,.wthrNav .list>li>a{-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out} .wthrNav .list>li{display:inline-block;zoom:1;*display:inline;padding:0 22px 0 0;font-size:16px;font-weight:600;letter-spacing:.12em;vertical-align:top;webkit-transition:.4s ease-in-out;transition:.4s ease-in-out} .wthrNav .list>li>a{color:#767676;height:36px;line-height:36px;padding:0 18px;display:block;text-align:center;cursor:pointer;-webkit-transition:.4s ease-in-out;transition:.4s ease-in-out} .wthrNav .list>li:after{content:"";display:block;width:0;margin:0 auto;border-bottom:2px solid #febb12;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out} .wthrNav .list>li:hover>a{color:#000;text-decoration:none}.wthrNav .list>li:hover:after{width:100%} .wthrNav .list > li.selected > a{color:#000;background: rgba(100%, 100%, 100%, 0.58);background:url(../img/bg_t_wht.png);} .wthrNav .list > li.selected:after { width:100%} .left_top_if{width:245px;float:left;position:relative;z-index:100;top:56px;left:38px} .left_top_if .location-title h1{font-size:28px;line-height:32px;display:inline-block;color:#000;width:100%;padding-top:10px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;font-weight:700}.left_top_if h2{cursor:pointer;font-size:15px} .left_top_if .warn_kind_entries{position:absolute;top:-28px;left:0} .warn_kind_entries .alert{margin:1px 4px 1px 0;padding:1px 5px;border-radius:2px;display:inline-block;font-size:15px;zoom:1} .alert.ar{background-color: #ea313f;color:#fff;}/*颱風,地震*/ .alert.yr{background-color: #ffd649;color: #464646;}/*低溫,大雨,陸上強風,長浪,豪雨,濃霧,乾旱,雷電,冰雹,龍捲風,焚風,乾旱,海嘯,*/ .alert.gr{background-color: #a9a9a9;color: #fff;}/*解除*/ .selectloc .nawide{position: relative;} .selectloc .nawide select{ width:93px; height:27px; line-height:27px; margin:8px 0 2px; padding:0 6px; border:1px solid #eff1f3; background-color:#fff; color:#26292b; font-size:15px; vertical-align:top; border-radius:2px } .selectloc .nawide select.hisloc{width:initial}.selectloc .nawide select.trl{width:initial;display:block} .selectloc .nawide button{position:absolute;right:0;top:8px;margin:0;padding:0;border:0;background:0 0;cursor:pointer} .selectloc .nawide button.trlbtn{right: 103px;top: 43px;} .selectloc .nawide button span{display:inline-block;width:51px;height:27px;line-height:25px;font-size:15px;background:url(../img/bg_t_bl.png);color:#fff;vertical-align:middle;border-radius:2px}.selectloc .nawide button span:hover{background:#006fd5} .today_cont{position:relative;z-index:100;float:left;top:20px;left:55px;width:378px;height:190px} .today_cont .left_today{float:left;width:200px;height:200px;text-align:center} .today_cont .right_today{float:left;width:135px;height:202px;margin-left:33px;padding-top:32px;color:#464646} /*----------------天氣動態------------------*/ .today_cont .motion{position:relative;width:200px;height:200px} div.motion span{position:absolute;left:0;top:0;display:inline-block;width:200px;height:200px;background-repeat:no-repeat;background-position:0 0} /*animation-------------太陽旋轉---------------*/ @keyframes shine { 0% {-webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);} /* from */ 100% {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);} /* to */ } @-webkit-keyframes shine { 0% {-webkit-transform:rotate(0);} /* from */ 100% {-webkit-transform:rotate(360deg);} /* to */ } div.motion.am01 span.m1, div.motion.am07 span.m1, div.motion.am08 span.m2, div.motion.am12 span.m1, div.motion.am13 span.m1, div.motion.am17 span.m1, div.motion.am18 span.m1, div.motion.am24 span.m1, div.motion.am24 span.m2, div.motion.am34 span.m1, div.motion.am34 span.m2, div.motion.am45 span.m1, div.motion.am49 span.m1, div.motion.am58 span.m1{ -webkit-animation:shine linear 35s infinite normal; animation:shine linear 35s infinite normal; } /*animation-------------月亮搖晃---------------*/ @keyframes moon { 0% {-webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);} /* from */ 100% {-webkit-transform:rotate(25deg); -moz-transform:rotate(25deg); -o-transform:rotate(25deg); -ms-transform:rotate(25deg); transform:rotate(25deg);} /* to */ } @-webkit-keyframes moon { 0% {-webkit-transform:rotate(0);} /* from */ 100% {-webkit-transform:rotate(25deg);} /* to */ } div.motion.pm01 span.m1, div.motion.pm07 span.m1, div.motion.pm08 span.m2, div.motion.pm12 span.m1, div.motion.pm13 span.m1, div.motion.pm17 span.m1, div.motion.pm18 span.m1, div.motion.pm24 span.m1,div.motion.pm24 span.m2, div.motion.pm34 span.m1,div.motion.pm34 span.m2, div.motion.pm45 span.m1, div.motion.pm49 span.m1, div.motion.pm58 span.m1 { -webkit-animation:moon linear 3s infinite alternate; animation:moon linear 3s infinite alternate; } /*animation-------------雲左右---------------*/ @keyframes move { 0% {-webkit-transform:translate(-5px, 0); -moz-transform:translate(-5px, 0); -o-transform:translate(-5px, 0); -ms-transform:translate(-5px, 0); transform:translate(-5px, 0);} /* from */ 100% {-webkit-transform:translate(30px, 0); -moz-transform:translate(30px, 0); -o-transform:translate(30px, 0); -ms-transform:translate(30px, 0); transform:translate(30px, 0);} /* to */ } @-webkit-keyframes move { 0% {-webkit-transform:translate(-5px, 0)} /* from */ 100% {-webkit-transform:translate(30px, 0)} /* to */ } div.motion.am02 span.m1,div.motion.am02 span.m2, div.motion.pm02 span.m1,div.motion.pm02 span.m2, div.motion.am03 span.m1,div.motion.am03 span.m2, div.motion.pm03 span.m1,div.motion.pm03 span.m2, div.motion.am05 span.m1,div.motion.am05 span.m2, div.motion.pm05 span.m1,div.motion.pm05 span.m2, div.motion.am06 span.m1,div.motion.am06 span.m2, div.motion.pm06 span.m1,div.motion.pm06 span.m2{ -webkit-animation: move linear 4s infinite alternate; animation: move linear 4s infinite alternate;} /*animation-------------雪旋轉-------------*/ @keyframes snow2{ 0% {-webkit-transform:translate(0, -20px) rotate(0); -moz-transform:translate(0, -20px) rotate(0); -o-transform:translate(0, -20px) rotate(0); -ms-transform:translate(0, -20px) rotate(0); transform:translate(0, -20px) rotate(0);;opacity: 0;} /* from */ 50% {opacity: 1;} /* middle*/ 100% {-webkit-transform:translate(0, 40px) rotate(90deg); -moz-transform:translate(0, 40px) rotate(90deg); -o-transform:translate(0, 40px) rotate(90deg); -ms-transform:translate(0, 40px) rotate(40deg); transform:translate(0, 40px) rotate(90deg);opacity: 0;} /* to */ } @-webkit-keyframes snow2 { 0% {-webkit-transform:translate(0, -20px) rotate(0);opacity: .3;} 50% {opacity: 1;} /* middle*/ 100% {-webkit-transform:translate(0, 40px) rotate(90deg);opacity: 0;} } div.motion.am60 span.m2,div.motion.pm60 span.m2{ -webkit-animation:snow2 linear 2.5s infinite normal; animation:snow2 linear 2.5s infinite normal; } @keyframes snow3{ 0% {-webkit-transform:translate(0, 0) rotate(0); -moz-transform:translate(0, 0) rotate(0); -o-transform:translate(0, 0) rotate(0); -ms-transform:translate(0, 0) rotate(0); transform:translate(0, 0) rotate(0);opacity: 0;}/* from */ 50% {opacity: 1;} /* middle*/ 100% {-webkit-transform:translate(-3px, 40px) rotate(90deg); -moz-transform:translate(-3px, 40px) rotate(90deg); -o-transform:translate(-3px, 40px) rotate(90deg); -ms-transform:translate(-3px, 40px) rotate(40deg); transform:translate(-3px, 40px) rotate(90deg);opacity: 0;} /* to */ } @-webkit-keyframes snow3 { 0% {-webkit-transform:translate(0, 0) rotate(0);opacity: 0} 50% {opacity: 1;} /* middle*/ 100% {-webkit-transform:translate(-3px, 40px) rotate(90deg);opacity: 0;} } div.motion.am60 span.m3,div.motion.pm60 span.m3{ -webkit-animation:snow3 linear 3s infinite normal; animation:snow3 linear 3s infinite normal; } /*animation-------------雨下降-------------*/ @keyframes down { 0% {-webkit-transform:translate(3px, -6px); -moz-transform:translate(3px, -6px); -o-transform:translate(3px, -6px); -ms-transform:translate(3px, -6px); transform:translate(3px, -6px);opacity: 0; } /* from */ 50% {-webkit-transform:translate(-5px, 19px); -moz-transform:translate(-5px, 19px); -o-transform:translate(-5px, 19px); -ms-transform:translate(-5px, 19px); transform:translate(-5px, 19px);opacity: 1; } 100% {-webkit-transform:translate(-10px, 35px); -moz-transform:translate(-10px, 35px); -o-transform:translate(-10px, 35px); -ms-transform:translate(-10px, 35px); transform:translate(-10px, 35px);opacity: 0; } /* to */ } @-webkit-keyframes down { 0% {-webkit-transform:translate(3px, -6px);opacity: 0; } 50% {-webkit-transform:translate(-5px, 19px);opacity: 1; } 100% {-webkit-transform:translate(-10px, 35px);opacity: 0; } } @keyframes down2 { 0% {-webkit-transform:translate(3px, -6px); -moz-transform:translate(3px, -6px); -o-transform:translate(3px, -6px); -ms-transform:translate(3px, -6px); transform:translate(3px, -6px);opacity: 0; } /* from */ 50% {-webkit-transform:translate(3px, -6px); -moz-transform:translate(3px, -6px); -o-transform:translate(3px, -6px); -ms-transform:translate(3px, -6px); transform:translate(3px, -6px);opacity: 1; } 100% {-webkit-transform:translate(3px, -6px); -moz-transform:translate(3px, -6px); -o-transform:translate(3px, -6px); -ms-transform:translate(3px, -6px); transform:translate(3px, -6px);opacity: 0; } /* to */ } @-webkit-keyframes down2 { 0% {-webkit-transform:translate(3px, -6px);opacity: 0; } 50% {-webkit-transform:translate(3px, -6px);opacity: 1; } 100% {-webkit-transform:translate(3px, -6px);opacity: 0; } } div.motion.am04 span.m2,div.motion.pm04 span.m2, div.motion.am12 span.m3,div.motion.pm12 span.m3, div.motion.am13 span.m3,div.motion.pm13 span.m3, div.motion.am26 span.m2,div.motion.pm26 span.m2, div.motion.am49 span.m4,div.motion.pm49 span.m4, div.motion.am57 span.m3,div.motion.pm57 span.m3 { -webkit-animation:down linear 1.3s infinite normal; animation:down linear 1.3s infinite normal; } div.motion.am04 span.m3,div.motion.pm04 span.m3, div.motion.am13 span.m4,div.motion.pm13 span.m4, div.motion.am26 span.m3,div.motion.pm26 span.m3, div.motion.am49 span.m5,div.motion.pm49 span.m5, div.motion.am57 span.m4,div.motion.pm57 span.m4 { -webkit-animation:down2 linear 1.3s infinite normal; animation:down2 linear 2.6s infinite normal; } /*animation-------------雷下降-------------*/ @keyframes raintunder{ 0% {-webkit-transform:translate(0, -5px); -moz-transform:translate(0, -5px); -o-transform:translate(0, -5px); -ms-transform:translate(0, -5px); transform:translate(0, -5px);} /* from */ 12% {opacity:0;} 62% {opacity:0.8;} 100% {-webkit-transform:translate(0, 20px); -moz-transform:translate(0, 20px); -o-transform:translate(0, 20px); -ms-transform:translate(0, 20px); transform:translate(0, 20px);} /* to */ } @-webkit-keyframes raintunder { 0% {-webkit-transform:translate(0, -10px);} 12%{opacity:0;} 62% {opacity:0.8;} 100% {-webkit-transform:translate(0, 40px);} } div.motion.am17 span.m3,div.motion.pm17 span.m3, div.motion.am18 span.m3,div.motion.pm18 span.m3, div.motion.am31 span.m2,div.motion.pm31 span.m2, div.motion.am36 span.m2,div.motion.pm36 span.m2, div.motion.am58 span.m4,div.motion.pm58 span.m4, div.motion.am59 span.m3,div.motion.pm59 span.m3{ -webkit-animation:raintunder ease-in 0.8s infinite normal; animation:raintunder ease-in 0.8s infinite normal; } /*animation-------------雨點下降-------------*/ @keyframes snow{ 0% {-webkit-transform:translate(0, -10px); -moz-transform:translate(0, -10px); -o-transform:translate(0, -10px); -ms-transform:translate(0, -10px); transform:translate(0, -10px);opacity: .3;} /* from */ 50% {opacity: 1;} /* middle*/ 100% {-webkit-transform:translate(3px, 30px); -moz-transform:translate(3px, 30px); -o-transform:translate(3px, 30px); -ms-transform:translate(3px, 30px); transform:translate(3px, 30px);opacity: 0;} /* to */ } @-webkit-keyframes snow{ 0% {-webkit-transform:translate(0, -10px);opacity: .3;} 50% {opacity: 1;} 100% {-webkit-transform:translate(3px, 30px);opacity: 0;} } div.motion.am17 span.m4,div.motion.pm17 span.m4, div.motion.am18 span.m4,div.motion.pm18 span.m4, div.motion.am31 span.m3,div.motion.pm31 span.m3, div.motion.am36 span.m3,div.motion.pm36 span.m3, div.motion.am58 span.m5,div.motion.pm58 span.m5, div.motion.am59 span.m4,div.motion.pm59 span.m4 { -webkit-animation:snow ease-in 1s infinite normal; animation:snow linear 1s infinite normal; } /*animation-------------轉換箭頭-------------*/ @keyframes arc{ 0% {-webkit-transform:translate(0, -10px) rotate(0); -moz-transform:translate(0, -10px) rotate(0); -o-transform:translate(0, -10px) rotate(0); -ms-transform:translate(0, -10px) rotate(0); transform:translate(0, -10px) rotate(0);opacity: 0;} /* from */ 50% {-webkit-transform:translate(20px, 10px) rotate(-10deg); -moz-transform:translate(20px, 10px) rotate(-10deg); -o-transform:translate(20px, 10px) rotate(10deg); -ms-transform:translate(20px, 10px) rotate(-10deg); transform:translate(20px, 10px) rotate(-10deg);opacity: 1;} /* to */ 100% {-webkit-transform:translate(20px, 10px) rotate(-10deg); -moz-transform:translate(20px, 10px) rotate(-10deg); -o-transform:translate(20px, 10px) rotate(10deg); -ms-transform:translate(20px, 10px) rotate(-10deg); transform:translate(20px, 10px) rotate(-10deg);opacity: 1} /* to */ } @-webkit-keyframes arc{ 0% {-webkit-transform:translate(0, -10px);opacity: 0;} 50% {-webkit-transform:translate(20px, 10px) rotate(-10deg);opacity: 1} 100% {-webkit-transform:translate(20px, 10px) rotate(-10deg);opacity: 1} } div.motion.am24 span.m4,div.motion.pm24 span.m4, div.motion.am34 span.m4,div.motion.pm34 span.m4{ -webkit-animation:arc ease-in 2.5s infinite normal; animation:arc ease-in 2.5s infinite normal; } /*animation-------------霧氣1-------------*/ @keyframes smog{ 0% {-webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);} /* from */ 100% {-webkit-transform:translate(20px, 0); -moz-transform:translate(20px, 0); -o-transform:translate(20px, 0); -ms-transform:translate(20px, 0); transform:translate(20px, 0);} /* to */ } @-webkit-keyframes smog { 0% {-webkit-transform:translate(10px, 0);} 100% {-webkit-transform:translate(20px, 0);} } div.motion.am43 span.m2, div.motion.pm43 span.m2, div.motion.am44 span.m2,div.motion.pm44 span.m2, div.motion.am45 span.m3,div.motion.pm45 span.m3, div.motion.am46 span.m3,div.motion.pm46 span.m3, div.motion.am49 span.m3,div.motion.pm49 span.m3, div.motion.am57 span.m2,div.motion.pm57 span.m2, div.motion.am58 span.m3,div.motion.pm58 span.m3{ -webkit-animation:smog linear 3s infinite alternate; animation:smog linear 3s infinite alternate; } /*animation-------------霧氣2-------------*/ @keyframes smog2{ 0% {-webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -o-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);} /* from */ 100% {-webkit-transform:translate(20px, 0); -moz-transform:translate(20px, 0); -o-transform:translate(20px, 0); -ms-transform:translate(20px, 0); transform:translate(20px, 0);} /* to */ } @-webkit-keyframes smog2 { 0% {-webkit-transform:translate(-20px, 0);} 100% {-webkit-transform:translate(0px, 0);} } div.motion.am43 span.m3, div.motion.pm43 span.m3, div.motion.am46 span.m4,div.motion.pm46 span.m4 { -webkit-animation:smog2 linear 3s infinite alternate; animation:smog2 linear 3s infinite alternate; } /*-------------天氣種類圖組-------------*/ div.motion.am01 span.m1 {background-image:url("../img/bic_sun02.png");}/*01晴天*/ div.motion.pm01 span.m1{background-image:url("../img/bic_moon02.png");}/*01N晴天*/ div.motion.am02 span.m1,div.motion.pm02 span.m1{left: -12px;top: -19px;background-image: url("../img/bic_cld02.png")}/*02-02N多雲*/ div.motion.am02 span.m2,div.motion.pm02 span.m2{left: 33px;top: 0px;background-image: url("../img/bic_cld01.png")}/*02-02N多雲*/ div.motion.am03 span.m1,div.motion.pm03 span.m1{left: -12px;top: -19px;background-image: url("../img/bic_cld04.png")}/*03-03N陰天*/ div.motion.am03 span.m2,div.motion.pm03 span.m2{left: 33px;top: 0px;background-image: url("../img/bic_cld03.png")}/*03-03N陰天*/ div.motion.am04 span.m1,div.motion.pm04 span.m1{left: 16px;top: -19px;background-image:url("../img/bic_cld05.png")}/*04-04N陰有雨*/ div.motion.am04 span.m2,div.motion.pm04 span.m2{left:19px;top: 9px;background-image:url("../img/bic_rain01.png")}/*04-04N陰有雨*/ div.motion.am04 span.m3,div.motion.pm04 span.m3{left: 15px;top: 17px;background-image:url("../img/bic_rain01.png")}/*04-04N陰有雨*/ div.motion.am05 span.m1,div.motion.pm05 span.m1{left: -12px;top: -19px;background-image: url("../img/bic_cld02.png");}/*05-05N多雲時陰*/ div.motion.am05 span.m2,div.motion.pm05 span.m2{left: 33px;top: 0px;background-image: url("../img/bic_cld03.png")}/*05-05N多雲時陰*/ div.motion.am06 span.m1,div.motion.pm06 span.m1{left: 38px;top: -15px;background-image: url("../img/bic_cld01.png")}/*06-06N陰時多雲*/ div.motion.am06 span.m2,div.motion.pm06 span.m2{left: -2px;top: 0px;background-image: url("../img/bic_cld04.png")}/*06-06N陰時多雲*/ div.motion.am07 span.m1{left: -19px;top: -25px;background-image: url("../img/bic_sun01.png")}/*07多雲時晴*/ div.motion.am07 span.m2{left: 14px;top: 10px;background-image: url("../img/bic_cld02.png")}/*07多雲時晴*/ div.motion.pm07 span.m1{;\left: 45px;top: -19px;background-image:url("../img/bic_moon02.png")}/*07N多雲時晴*/ div.motion.pm07 span.m2{left: -9px;top: 18px;background-image:url("../img/bic_cld02.png")}/*07N多雲時晴*/ div.motion.am08 span.m1{left: 30px;top: -4px;background-image: url("../img/bic_cld01.png")}/*08晴時多雲*/ div.motion.am08 span.m2{left: -19px;top: 8px;background-image: url("../img/bic_sun02.png")}/*08晴時多雲*/ div.motion.pm08 span.m1{left: 30px;top: -4px;background-image:url("../img/bic_cld01.png");}/*08N多雲時晴*/ div.motion.pm08 span.m2{;left: -30px;top: 11px;background-image:url("../img/bic_moon02.png")}/*08N多雲時晴*/ div.motion.am12 span.m1{left: -19px;top: -25px;background-image: url("../img/bic_sun01.png")}/*12多雲時陰有雨*/ div.motion.am12 span.m2{left: 14px;top: 10px;background-image: url("../img/bic_cld06.png")}/*12多雲時陰有雨*/ div.motion.am12 span.m3{left: 15px;top: 26px;background-image: url("../img/bic_rain02.png")}/*12多雲時陰有雨*/ div.motion.pm12 span.m1{left: 45px;top: -19px;background-image:url("../img/bic_moon02.png")}/*12N多雲時陰有雨*/ div.motion.pm12 span.m2{left: -9px;top: 18px;background-image:url("../img/bic_cld06.png")}/*12N多雲時陰有雨*/ div.motion.pm12 span.m3{left: -7px;top: 32px;background-image: url("../img/bic_rain02.png")}/*12N多雲時陰有雨*/ div.motion.am13 span.m1{left: -19px;top: -25px;background-image: url("../img/bic_sun01.png")}/*13多雲午後短暫陣雨*/ div.motion.am13 span.m2{left: 14px;top: 13px;background-image: url("../img/bic_cld06.png")}/*13多雲午後短暫陣雨*/ div.motion.am13 span.m3{left:13px;top: 40px;background-image:url("../img/bic_rain01.png")}/*13多雲午後短暫陣雨*/ div.motion.am13 span.m4{left: 13px;top: 40px;background-image:url("../img/bic_rain01.png")}/*13多雲午後短暫陣雨*/ div.motion.pm13 span.m1{left: 45px;top: -30px;background-image:url("../img/bic_moon02.png")}/*13N多雲午後短暫陣雨*/ div.motion.pm13 span.m2{left: -9px;top: 7px;background-image:url("../img/bic_cld06.png")}/*13N多雲午後短暫陣雨*/ div.motion.pm13 span.m3{left:-6px;top: 29px;background-image:url("../img/bic_rain01.png")}/*13N多雲午後短暫陣雨*/ div.motion.pm13 span.m4{left:-6px;top: 29px;background-image:url("../img/bic_rain01.png")}/*13N多雲午後短暫陣雨*/ div.motion.am17 span.m1{left: -19px;top: -25px;background-image: url("../img/bic_sun01.png")}/*17多雲時陰陣雨或雷雨*/ div.motion.am17 span.m2{left: 14px;top: 13px;background-image: url("../img/bic_cld06.png")}/*17多雲時陰陣雨或雷雨*/ div.motion.am17 span.m3{left:28px;top: 38px;background-image:url("../img/bic_thunder01.png")}/*17多雲時陰陣雨或雷雨*/ div.motion.am17 span.m4{left: -6px;top: 48px;background-image:url("../img/bic_rain03.png")}/*17多雲時陰陣雨或雷雨*/ div.motion.pm17 span.m1{left: 52px;top: -35px;background-image: url("../img/bic_moon02.png")}/*17N多雲時陰陣雨或雷雨*/ div.motion.pm17 span.m2{left: -3px;top: 13px;background-image: url("../img/bic_cld06.png")}/*17N多雲時陰陣雨或雷雨*/ div.motion.pm17 span.m3{left:11px;top: 38px;background-image:url("../img/bic_thunder01.png")}/*17N多雲時陰陣雨或雷雨*/ div.motion.pm17 span.m4{left: -23px;top: 48px;background-image:url("../img/bic_rain03.png")}/*17N多雲時陰陣雨或雷雨*/ div.motion.am18 span.m1{left: -19px;top: -25px;background-image: url("../img/bic_sun01.png")}/*18多雲午後短暫雷陣雨*/ div.motion.am18 span.m2{left: 14px;top: 13px;background-image: url("../img/bic_cld06.png")}/*18多雲午後短暫雷陣雨*/ div.motion.am18 span.m3{left:32px;top: 38px;background-image:url("../img/bic_thunder01.png")}/*18多雲午後短暫雷陣雨*/ div.motion.am18 span.m4{left: -4px;top: 48px;background-image:url("../img/bic_rain04.png")}/*18多雲午後短暫雷陣雨*/ div.motion.pm18 span.m1{left: 52px;top: -35px;background-image: url("../img/bic_moon02.png")}/*18N多雲午後短暫雷陣雨*/ div.motion.pm18 span.m2{left: -3px;top: 13px;background-image: url("../img/bic_cld06.png")}/*18N多雲午後短暫雷陣雨*/ div.motion.pm18 span.m3{left:15px;top: 38px;background-image:url("../img/bic_thunder01.png")}/*18N多雲午後短暫雷陣雨*/ div.motion.pm18 span.m4{left: -21px;top: 48px;background-image:url("../img/bic_rain04.png")}/*18N多雲午後短暫雷陣雨*/ div.motion.am24 span.m1{left: -46px;top: -36px;background-image: url("../img/bic_sun03.png")}/*24晴午後短暫陣雨*/ div.motion.am24 span.m2{left: 47px;top: 8px;background-image: url("../img/bic_sun03.png")}/*24晴午後短暫陣雨*/ div.motion.am24 span.m3{left:24px;top: 34px;background-image:url("../img/bic_cr01.png")}/*24晴午後短暫陣雨*/ div.motion.am24 span.m4{left: -39px;top: -4px;background-image:url("../img/bic_turnarw.png")}/*24晴午後短暫陣雨*/ div.motion.pm24 span.m1{left: -49px;top: -52px;background-image: url("../img/bic_moon01.png")}/*24N晴午後短暫陣雨*/ div.motion.pm24 span.m2{left: 59px;top: -8px;background-image: url("../img/bic_moon01.png")}/*24N晴午後短暫陣雨*/ div.motion.pm24 span.m3{left:24px;top: 34px;background-image:url("../img/bic_cr01.png")}/*24N晴午後短暫陣雨 */ div.motion.pm24 span.m4{left: -39px;top: -4px;background-image:url("../img/bic_turnarw.png")}/*24N晴午後短暫陣雨*/ div.motion.am26 span.m1,div.motion.pm26 span.m1{left: 14px;top: 10px;background-image: url("../img/bic_cld05.png")}/*26-26N陰時多雲有雨*/ div.motion.am26 span.m2,div.motion.pm26 span.m2{left: 12px;top: 35px;background-image: url("../img/bic_rain02.png")}/*26-26N陰時多雲有雨*/ div.motion.am26 span.m3,div.motion.pm26 span.m3{left: 12px;top: 35px;background-image: url("../img/bic_rain02.png")}/*26-26N陰時多雲有雨*/ div.motion.am31 span.m1,div.motion.pm31 span.m1{left: 2px;top: -2px;background-image: url("../img/bic_cld05.png")}/*31-31N陰陣雨或雷雨*/ div.motion.am31 span.m2,div.motion.pm31 span.m2{left:20px;top: 20px;background-image:url("../img/bic_thunder01.png")}/*31-31N陰陣雨或雷雨*/ div.motion.am31 span.m3,div.motion.pm31 span.m3{left: -15px;top: 33px;background-image:url("../img/bic_rain04.png")}/*31-31N陰陣雨或雷雨*/ div.motion.am34 span.m1{left: -46px;top: -36px;background-image: url("../img/bic_sun03.png")}/*34晴午後短暫陣雨*/ div.motion.am34 span.m2{left: 47px;top: 8px;background-image: url("../img/bic_sun03.png")}/*34晴午後短暫陣雨*/ div.motion.am34 span.m3{left:24px;top: 34px;background-image:url("../img/bic_cr02.png")}/*34晴午後短暫陣雨*/ div.motion.am34 span.m4{left: -39px;top: -4px;background-image:url("../img/bic_turnarw.png")}/*34晴午後短暫陣雨*/ div.motion.pm34 span.m1{left: -46px;top: -36px;background-image: url("../img/bic_moon01.png")}/*34N晴午後短暫陣雨*/ div.motion.pm34 span.m2{left: 66px;top: -7px;background-image: url("../img/bic_moon01.png")}/*34N晴午後短暫陣雨*/ div.motion.pm34 span.m3{left:24px;top: 34px;background-image:url("../img/bic_cr02.png")}/*34N晴午後短暫陣雨*/ div.motion.pm34 span.m4{left: -39px;top: -4px;background-image:url("../img/bic_turnarw.png")}/*34N晴午後短暫陣雨*/ div.motion.am36 span.m1,div.motion.pm36 span.m1{left: 2px;top: -2px;background-image: url("../img/bic_cld05.png")}/*36-36N陰時多雲陣雨或雷雨*/ div.motion.am36 span.m2,div.motion.pm36 span.m2{left:20px;top: 20px;background-image:url("../img/bic_thunder01.png")}/*36-36N陰時多雲陣雨或雷雨*/ div.motion.am36 span.m3,div.motion.pm36 span.m3{left: -15px;top: 33px;background-image:url("../img/bic_rain03.png")}/*36-36N陰時多雲陣雨或雷雨*/ div.motion.am43 span.m1{left: 0px;top: 0px;background-image: url("../img/bic_sun04.png")}/*43晴有霧*/ div.motion.am43 span.m2{left: 0px;top: -18px;background-image: url("../img/bic_smog01.png")}/*43晴有霧*/ div.motion.am43 span.m3{left:0px;top: 26px;background-image:url("../img/bic_smog02.png")}/*43晴有霧*/ div.motion.pm43 span.m1{left: 0px;top: 0px;background-image: url("../img/bic_moon02.png")}/*43N晴有霧*/ div.motion.pm43 span.m2{left: 0px;top: -18px;background-image: url("../img/bic_smog01.png")}/*43N晴有霧*/ div.motion.pm43 span.m3{left:0px;top: 26px;background-image:url("../img/bic_smog02.png")}/*43N晴有霧*/ div.motion.am44 span.m1,div.motion.pm44 span.m1{left: 14px;top: -33px;background-image: url("../img/bic_cld07.png")}/*44-44N多雲有霧*/ div.motion.am44 span.m2,div.motion.pm44 span.m2{left:4px;top: 23px;background-image:url("../img/bic_smog03.png")}/*44-44N多雲有霧*/ div.motion.am45 span.m1{left:56px;top: -51px;background-image: url("../img/bic_sun03.png")}/*45多雲時晴有霧*/ div.motion.am45 span.m2{left: 14px;top:-33px;background-image: url("../img/bic_cld07.png")}/*45多雲時晴有霧*/ div.motion.am45 span.m3{left:4px;top: 23px;background-image:url("../img/bic_smog03.png")}/*45多雲時晴有霧*/ div.motion.pm45 span.m1{left:60px;top: -54px;background-image: url("../img/bic_moon01.png")}/*45N多雲時晴有霧*/ div.motion.pm45 span.m2{left: 14px;top:-33px;background-image: url("../img/bic_cld07.png")}/*45N多雲時晴有霧*/ div.motion.pm45 span.m3{left:4px;top: 23px;background-image:url("../img/bic_smog03.png")}/*45N多雲時晴有霧*/ div.motion.am46 span.m1{left: 35px;top: -36px;background-image: url("../img/bic_cld01.png")}/*46晴時多雲有霧*/ div.motion.am46 span.m2{left: 0px;top: 0px;background-image: url("../img/bic_sun04.png")}/*46晴時多雲有霧*/ div.motion.am46 span.m3{left: 0px;top: -3px;background-image: url("../img/bic_smog01.png")}/*46晴時多雲有霧*/ div.motion.am46 span.m4{left:0px;top: 41px;background-image:url("../img/bic_smog02.png")}/*46晴時多雲有霧*/ div.motion.pm46 span.m1{left: 35px;top: -36px;background-image: url("../img/bic_cld01.png")}/*46N晴時多雲有霧*/ div.motion.pm46 span.m2{left: 12px;top: -17px;background-image: url("../img/bic_moon02.png")}/*46N晴時多雲有霧*/ div.motion.pm46 span.m3{left: 0px;top: -3px;background-image: url("../img/bic_smog01.png")}/*46N晴時多雲有霧*/ div.motion.pm46 span.m4{left:0px;top: 41px;background-image:url("../img/bic_smog02.png")}/*46N晴時多雲有霧*/ div.motion.am49 span.m1{left:56px;top: -51px;background-image: url("../img/bic_sun03.png")}/*49多雲局部雨有霧*/ div.motion.am49 span.m2{left: 14px;top:-33px;background-image: url("../img/bic_cld07.png")}/*49多雲局部雨有霧*/ div.motion.am49 span.m3{left:4px;top: 23px;background-image:url("../img/bic_smog03.png")}/*49多雲局部雨有霧*/ div.motion.am49 span.m4{left:19px;top: 9px;background-image:url("../img/bic_rain01.png")}/*49多雲局部雨有霧*/ div.motion.am49 span.m5{left: 15px;top: 17px;background-image:url("../img/bic_rain01.png")}/*49多雲局部雨有霧*/ div.motion.pm49 span.m1{left:60px;top: -54px;background-image: url("../img/bic_moon01.png")}/*49N多雲局部雨有霧*/ div.motion.pm49 span.m2{left: 14px;top:-33px;background-image: url("../img/bic_cld07.png")}/*49N多雲局部雨有霧*/ div.motion.pm49 span.m3{left:4px;top: 23px;background-image:url("../img/bic_smog03.png")}/*49N多雲局部雨有霧*/ div.motion.pm49 span.m4{left:19px;top: 9px;background-image:url("../img/bic_rain01.png")}/*49N多雲局部雨有霧*/ div.motion.pm49 span.m5{left: 15px;top: 17px;background-image:url("../img/bic_rain01.png")}/*49N多雲局部雨有霧*/ div.motion.am57 span.m1,div.motion.pm57 span.m1{left: 14px;top:-33px;background-image: url("../img/bic_cld08.png")}/*57-57N陰時多雲局部雨有霧*/ div.motion.am57 span.m2,div.motion.pm57 span.m2{left:4px;top: 23px;background-image:url("../img/bic_smog04.png")}/*57-57N陰時多雲局部雨有霧*/ div.motion.am57 span.m3,div.motion.pm57 span.m3{left:19px;top: 9px;background-image:url("../img/bic_rain01.png")}/*57-57N陰時多雲局部雨有霧*/ div.motion.am57 span.m4,div.motion.pm57 span.m4{left: 15px;top: 17px;background-image:url("../img/bic_rain01.png")}/*57-57N陰時多雲局部雨有霧*/ div.motion.am58 span.m1{left:46px;top: -51px;background-image: url("../img/bic_sun03.png")}/*58多雲局部陣雨或雷雨有霧*/ div.motion.am58 span.m2{left: 4px;top:-33px;background-image: url("../img/bic_cld07.png")}/*58多雲局部陣雨或雷雨有霧*/ div.motion.am58 span.m3{left:-14px;top: 23px;background-image:url("../img/bic_smog03.png")}/*58多雲局部陣雨或雷雨有霧*/ div.motion.am58 span.m4{left:20px;top: 20px;background-image:url("../img/bic_thunder01.png")}/*58多雲局部陣雨或雷雨有霧*/ div.motion.am58 span.m5{left: -15px;top: 33px;background-image:url("../img/bic_rain04.png")}/*58多雲局部陣雨或雷雨有霧*/ div.motion.pm58 span.m1{left:46px;top: -58px;background-image: url("../img/bic_moon01.png")}/*58N多雲局部陣雨或雷雨有霧*/ div.motion.pm58 span.m2{left: 4px;top:-33px;background-image: url("../img/bic_cld07.png")}/*58N多雲局部陣雨或雷雨有霧*/ div.motion.pm58 span.m3{left:-14px;top: 23px;background-image:url("../img/bic_smog03.png")}/*58N多雲局部陣雨或雷雨有霧*/ div.motion.pm58 span.m4{left:20px;top: 20px;background-image:url("../img/bic_thunder01.png")}/*58N多雲局部陣雨或雷雨有霧*/ div.motion.pm58 span.m5{left: -15px;top: 33px;background-image:url("../img/bic_rain04.png")}/*58N多雲局部陣雨或雷雨有霧*/ div.motion.am59 span.m1,div.motion.pm59 span.m1{left: 14px;top:-33px;background-image: url("../img/bic_cld08.png")}/*59-59N陰時多雲局部陣雨或雷雨有霧*/ div.motion.am59 span.m2,div.motion.pm59 span.m2{left:4px;top: 23px;background-image:url("../img/bic_smog04.png")}/*59-59N陰時多雲局部陣雨或雷雨有霧*/ div.motion.am59 span.m3,div.motion.pm59 span.m3{left:29px;top: 20px;background-image:url("../img/bic_thunder01.png")}/*59-59N多雲局部陣雨或雷雨有霧*/ div.motion.am59 span.m4,div.motion.pm59 span.m4{left: -6px;top: 33px;background-image:url("../img/bic_rain04.png")}/*59-59N多雲局部陣雨或雷雨有霧*/ div.motion.am60 span.m1,div.motion.pm60 span.m1{left: 14px;top: 10px;background-image: url("../img/bic_cld06.png")}/*60-60N多雲時陰有雨或雪*/ div.motion.am60 span.m2,div.motion.pm60 span.m2{left: -5px;top: 37px;background-image: url("../img/bic_snow01.png")}/*60-60N多雲時陰有雨或雪*/ div.motion.am60 span.m3,div.motion.pm60 span.m3{left: 35px;top: 44px;background-image: url("../img/bic_snow01.png")}/*60-60N多雲時陰有雨或雪*/ .right_today .temp{position:relative;top:0} .right_today .temp .num{font-size:65px}.right_today .temp .cond{font-size:15px;margin:5px 0} .right_today .temp .deg{position:relative;font-size:30px;top:-24px;left:1px} .right_today .temp .hi-lo{display:block;font-size:24px} .temp .hi-lo .lo{color:#767676;margin:2px 0} .temp .hi-lo sup.deg{top:1px;font-size: 20px;position: relative;vertical-align: top;} .right_today .temp_body { padding: 15px 0 0; font-size: 15px; color: #464646; } .right_today .temp_body > span { font-size: 20px; font-weight: bold; color: #767676;} .right_forecast{position:relative;z-index:100;float:left;top:0;margin-top:18px;left:66px;width:295px;height:225px;background:url(../img/bg_t_wht.png);font-family:'Roboto',"微軟正黑體","儷黑 Pro"} .dt-table{display:table;margin:15px 30px 4px 35px;border-bottom:1px solid #e3e3e4} .dt-table p{vertical-align:top;display:inline-block;font-size:15px;margin:0;padding:0 0 12px;line-height:20px;color:inherit;text-align:right;width:100%} .dt-table p span{color:#333;padding:0 12px}.dt-table em{float:left;font-weight:700;font-style:normal} .sunmon_area p,.sunmon_area p .lable{display:inline-block;zoom:1;*display:inline;vertical-align:middle;} .dt-table em [class^=icon-]{font-size:21px;vertical-align:middle;width:25px;float:left;text-align:center} .sunmon_area{overflow:hidden;padding-top:8px;clear:both;text-align:center}.sunmon_area p{margin:0 15px 0 0} .sunmon_area p em.sunmon_t{display:inline-block;color:#333;font-style:normal;font-size:14px} .sunmon_area p .lable{position:relative;margin-right:6px;line-height:24px;font-size:15px;font-weight:700} .sunmon_area .lable em [class^=icon-]{font-size:21px;vertical-align:middle;width:25px;padding:0 3px;float:left;text-align:center} .sunmon_area em{font-style: normal} /*weather-icon*/ .icon-sunrise:before{content:'C'} .icon-sunrise{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'C')} .icon-sunset:before{content:'D'} .icon-sunset{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'D')} .icon-phsmoon01:before{content:'W'}/*月相01-朔月*/ .icon-phsmoon01{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'W')}/*月相01-朔月*/ .icon-phsmoon02:before{content:'X'}/*月相02-娥眉月*/ .icon-phsmoon02{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'X')}/*月相02-娥眉月*/ .icon-phsmoon03:before{content:'Y'}/*月相03-上弦月*/ .icon-phsmoon03{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'Y')}/*月相03-上弦月*/ .icon-phsmoon04:before{content:'Z'}/*月相04-盈凸月*/ .icon-phsmoon04{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'Z')}/*月相04-盈凸月*/ .icon-phsmoon05:before{content:'['}/*月相05-望月*/ .icon-phsmoon05{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '[')}/*月相05-望月*/ .icon-phsmoon06:before{content:'_'}/*月相06-張凸月*/ .icon-phsmoon06{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '_')}/*月相06-張凸月*/ .icon-phsmoon07:before{content:']'}/*月相07-下弦月*/ .icon-phsmoon07{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ']')}/*月相07-下弦月*/ .icon-phsmoon08:before{content:'^'}/*月相08-殘月*/ .icon-phsmoon08{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '^')}/*月相08-殘月*/ .icon-rainfall:before{content:'E'} .icon-rainfal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'E')} .icon-humidity:before{content:'F'} .icon-humidity{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'F')} .icon-ultraviolet:before{content:'G'} .icon-ultraviolet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'G')} .icon-windforce:before{content:'H'} .icon-windforce{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'H')} .icon-rightarw:before{content:'L'} .icon-rightarw{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'L')} .icon-leftarw:before{content:'K'} .icon-lefttarw{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'K')} .icon-openln:before{content:'J'} .icon-openln{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'J')} .icon-closeln:before{content:'I'} .icon-closeln{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'I')} .trvcst_menu > ul > li.has-sub.active > p span i.icon-openln:before,.alrt_menu > ul > li.has-sub.active > div header i.icon-openln:before{content:'I'} .trvcst_menu > ul > li.has-sub.active > p span i.icon-openln,.alrt_menu > ul > li.has-sub.active > div header i.icon-openln{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'I')} .trvcst_menu ul ul{display: none;} .alrt_menu ul ul{display: none;} .alrt_menu .weather-table{cursor: pointer;} .trvcst_menu .loc-labels{cursor: pointer;} .alrt_menu .weather-table:hover,.trvcst_menu .loc-labels:hover{background:#fafafa} .contbar.prv{position: relative;padding: 0 7px 0 0;width: 680px;} .forecast_area#wptab .pcb,.wth_chart_area#chtab .pcb{position:relative;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-khtml-opacity:0;-moz-opacity: 0;opacity: 0;z-index: 99;zoom: 1} .forecast_area#wptab .pcb.active,.wth_chart_area#chtab .pcb.active {position:relative;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-khtml-opacity:1;-moz-opacity: 1;opacity: 1;z-index: 100;zoom: 1} /*7天預報*/ .d7_wrap{position: absolute;top: 0;left: 0} .d7_wrap li.dn,.forecast_area{position:relative;height:390px} .forecast_area{display:block;overflow:hidden} .d7_wrap li.dn{width:96px;color:#464646;font-size:16px;border-right:1px solid #dedede;float:left;text-align:center} .d7_wrap li.dn.on,.d7_wrap li.dn.on:hover{background:#e6f5ff} .d7_wrap li.dn:hover{background:#fafafa} .d7_wrap li.dn:last-child{border-right: 0px solid #dedede} .d7_wrap li.dn h1,.d7_wrap li.dn h2{line-height:20px;font-size:15px} .d7_wrap li.dn h1{margin-top:12px} .d7_wrap li.dn .icon_box{margin:10px auto 15px auto;width:50px} .d7_wrap li.dn .icon_box .icon{width: 50px;height: 50px;display: block;} .d7_wrap li.dn .icon_box .dsrpt{display: block;font-family:'Roboto',"微軟正黑體","儷黑 Pro"; font-style: normal;font-size: 15px} .d7_wrap li.dn .icon_box .icon-rainfall,.forecast_3time_wrap .rainfall_area .icon-rainfall,.nrtrvl_wrap .weather-table .icon-rainfall{font-size:25px;color:#6A6A6A;display:block;height:30px} .d7_wrap li.dn .wea{margin:8px 0 15px;display:block;font-size:15px;line-height:16px;padding:0 5px;overflow:hidden;height:32px} .d7_wrap li.dn .tem {margin-top: 7px;} .d7_wrap li.dn .tem sup.deg{bottom:3px;font-size:17px;position:relative;vertical-align:top} .d7_wrap li.dn .tem_hi { line-height: 24px;font-size: 23px;padding-left: 8px;} .d7_wrap li.dn .tem_lo {line-height: 24px;font-size: 23px;color: #999999;padding-left: 8px;} .d7_wrap li.dn .win{margin-top:3px;line-height:18px;font-size:14px} .d7_wrap li.dn .win em{display:block;padding-left:18px;width:70px;zoom:1} .d7_wrap li.dn .win span{float:left;width:26px;height:23px} /*逐3小時預報*/ .forecast_3time_wrap{position:absolute;width:100%;height:390px;top: 0;left: 0;z-index: auto;} .forecast_3time_wrap table{width:100%;border-collapse:collapse} .forecast_3time_wrap table .to_border{border-left:1px solid #e1af02} .forecast_3time_wrap table td,.forecast_3time_wrap table th{text-align:center;color:#464646;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0} .forecast_3time_wrap table th{height:29px;padding:3px 0;font-size:13px}.forecast_3time_wrap table td{font-size:15px} .forecast_3time_wrap td.tomorrow,.forecast_3time_wrap th.tomorrow{background:#f2f2f2} .forecast_3time_wrap table .rainfall_area td,.forecast_3time_wrap table .w_icon td,.forecast_3time_wrap table .wind td{height:50px;font-family:'Roboto',"微軟正黑體","儷黑 Pro"} .forecast_3time_wrap table .rainfall_area td span,.forecast_3time_wrap table .wind td span{display:block} .forecast_3time_wrap tr.header th{text-align:left;font-weight:700;padding-left:7px;line-height:15px;color:#000;font-size:15px} .forecast_3time_wrap .graph_time3{position:absolute;left:0;top:125px;width:100%;height:137px} .forecast_3time_wrap table .graph_area td{height:137px} .forecast_3time_wrap .icon_box{margin:0 auto;width:50px} .forecast_3time_wrap .icon_box .icon{width:50px;height:50px;display:block} /*---------天氣圖示-------------*/ .spico_all{background-image: url("../img/iconweather_SP.png")} .wth_icon_am01{background-position: 0 0px}/*01晴天*/ .wth_icon_pm01{background-position: -50px 0px}/*01N晴天*/ .wth_icon_am02,.wth_icon_pm02{background-position: -100px 0px}/*02-02N多雲*/ .wth_icon_am03,.wth_icon_pm03{background-position: -150px 0px}/*03-03N陰天*/ .wth_icon_a04m,.wth_icon_pm04{background-position: -200px 0px}/*04-04N陰有雨*/ .wth_icon_am05,.wth_icon_pm05{background-position: -250px 0px}/*05-05N多雲時陰*/ .wth_icon_am06,.wth_icon_pm06{background-position: -300px 0px}/*06-06N陰時多雲*/ .wth_icon_am07{background-position: -350px 0px}/*07多雲時晴*/ .wth_icon_pm07{background-position: 0 -50px}/*07N多雲時晴*/ .wth_icon_am08{background-position: -50px -50px}/*08晴時多雲*/ .wth_icon_pm08{background-position: -100px -50px}/*08N晴時多雲*/ .wth_icon_am12{background-position: -150px -50px}/*12多雲時陰有雨*/ .wth_icon_pm12{background-position: -200px -50px}/*12N多雲時陰有雨*/ .wth_icon_am13{background-position: -250px -50px}/*13多雲午後短暫陣雨*/ .wth_icon_pm13{background-position: -300px -50px}/*13N多雲午後短暫陣雨*/ .wth_icon_am17{background-position: -350px -50px}/*17多雲時陰陣雨或雷雨*/ .wth_icon_pm17{background-position: 0 -100px}/*17N多雲時陰陣雨或雷雨*/ .wth_icon_am18{background-position: -50px -100px}/*18多雲午後短暫雷陣雨*/ .wth_icon_pm18{background-position: -100px -100px}/*18N多雲午後短暫雷陣雨*/ .wth_icon_am24{background-position: -150px -100px}/*24晴午後短暫陣雨*/ .wth_icon_pm24{background-position: -200px -100px}/*24N晴午後短暫陣雨*/ .wth_icon_am26,.wth_icon_pm26{background-position: -250px -100px}/*26-26N陰時多雲有雨*/ .wth_icon_am31,.wth_icon_pm31{background-position: -300px -100px}/*31-31N陰陣雨或雷雨*/ .wth_icon_am34{background-position: -350px -100px}/*34晴午後短暫陣雨*/ .wth_icon_pm34{background-position: 0 -150px}/*34N晴午後短暫陣雨*/ .wth_icon_am36,.wth_icon_pm36{background-position: -50px -150px}/*36-36N陰時多雲陣雨或雷雨*/ .wth_icon_am43{background-position: -100px -150px}/*43晴有霧*/ .wth_icon_pm43{background-position: -150px -150px}/*43N晴有霧*/ .wth_icon_am44,.wth_icon_pm44{background-position: -200px -150px}/*44-44N多雲有霧*/ .wth_icon_am45{background-position: -250px -150px}/*45多雲時晴有霧*/ .wth_icon_pm45{background-position: -300px -150px}/*45N多雲時晴有霧*/ .wth_icon_am46{background-position: -350px -150px}/*46晴時多雲有霧*/ .wth_icon_pm46{background-position: 0 -200px}/*46N晴時多雲有霧*/ .wth_icon_am49{background-position: -50px -200px}/*49多雲局部雨有霧*/ .wth_icon_pm49{background-position: -100px -200px}/*49N多雲局部雨有霧*/ .wth_icon_am57,.wth_icon_pm57{background-position: -150px -200px}/*57-57N陰時多雲局部雨有霧*/ .wth_icon_am58{background-position: -200px -200px}/*58多雲局部陣雨或雷雨有霧*/ .wth_icon_pm58{background-position: -250px -200px}/*58N多雲局部陣雨或雷雨有霧*/ .wth_icon_am59,.wth_icon_pm59{background-position: -300px -200px}/*59-59N陰時多雲局部陣雨或雷雨有霧*/ .wth_icon_am60,.wth_icon_pm60{background-position: -350px -200px}/*60-60N多雲時陰有雨或雪*/ .wth_icon_wind01{background-position: 0 -250px}/*東風*/ .wth_icon_wind02{background-position: -50px -250px}/*東南風*/ .wth_icon_wind03{background-position: -100px -250px}/*南風*/ .wth_icon_wind04{background-position: -150px -250px}/*西南風*/ .wth_icon_wind05{background-position: -200px -250px}/*西風*/ .wth_icon_wind06{background-position: -250px -250px}/*西北風*/ .wth_icon_wind07{background-position: -300px -250px}/*北風*/ .wth_icon_wind08{background-position: -350px -250px}/*東北風*/ .nrtrvl_wrap{color:#464646;margin-top:10px;position:absolute;top:0;left:0} .nrtrvl_wrap.alert{position:relative;}/*警特報*/ .nrtrvl_wrap.more{position:relative;}/*更多旅遊*/ .nrtrvl_wrap .loc-labels{font-size:15px;color:#464646;text-transform:uppercase;border:1px solid #dedede;line-height:32px;background:#f5f5f5;height:33px;text-indent:10px;font-weight:600;display:block;margin-top:-1px;padding-bottom:1px;position:relative} .nrtrvl_wrap .weather-table .headtime i,.nrtrvl_wrap .loc-labels i{ position: absolute;vertical-align: sub;font-size: 33px;color: #9d9d9d;} .nrtrvl_wrap .weather-table .headtime i{left:-4px;top:3px;*top:-10px} .nrtrvl_wrap .loc-labels i{left:-4px;top:1px} .nrtrvl_wrap .weather-table .icon{width:50px;height:45px;display:table-cell;top:-5px;left:7px;position:relative;*float:left;*top:-15px} .nrtrvl_wrap .weather-table .dsrpt{ display:table-cell;*float:left;vertical-align: middle;font-family:'Roboto',"微軟正黑體","儷黑 Pro"; font-style: normal} .nrtrvl_wrap .weather-table .icon-rainfall{ display:table-cell;*float:left;padding: 0 2px;*width:30px;} .weather-table .heading,.weather-table .headtime{margin-bottom:10px;text-align:left;text-indent:12px} .loc-labels .locnm{float:left;padding-left:23px} .loc-labels .locnm.idx{padding-left:0px} .loc-labels .moreinfo a{float:right;padding-right:10px;color:#0c3fa3} .nrtrvl_wrap .weather-table,.oneweek_wrap .weather-table{display:table;font-size:15px;position:relative;border-bottom:1px solid #dedede;width: 100%;*padding:10px 0 0 0; *overflow : auto; background: #fff} .nrtrvl_wrap .weather-table.on{border-bottom:2px solid #dedede} .weather-table .weather-cell{display:table-cell;text-align:left;vertical-align:middle; *float:left;position: relative;} .weather-table .heading{width:10%;min-width:85px} .weather-table .headtime{width:14%;height:45px;min-width:54px;padding-left:26px} .weather-table .precip{width:8%;min-width:60px} .weather-table .alrtcate{width:13%;min-width:85px} .weather-table .wth-conditions{min-width:185px;width:24%;text-align:center} .weather-table .alrt-conditions{min-width:465px;width:68%;text-align:left} .weather-table .alrt-decript{margin-top:-3px;line-height:25px;float:left;background:#fff;padding:4px 0 9px 89px} .weather-table .temp{font-size:23px;min-width:110px;width:17%;text-align:left;position:relative} .weather-table .temp .lo,.weather-table .temp_s .lo {color: #999999;padding: 0 3px} .weather-table .temp sup.deg{bottom:-3px;font-size:15px;position:relative;vertical-align:top} .wth_chart_area,.typhn_area,.earthquake_area{display:block;position:relative;overflow:hidden;color:#000;padding: 0 0 10px 0} .weather-table .rainfall-conditions,.weather-table .wind-conditions{min-width:105px;width:17%;*width:100px;} .wth_chart_area .tit .date{float:right;padding: 24px 0px 0 0} .wth_chart_area .tit h1{font-size:18px;font-weight:700;margin-top:14px;float:left;line-height:34px} .wth_chart_area .imgwide img,.typhn_area .imgwide img{width: 100%;} .wth_chart_area .imgwide{margin:7px 0;height:100%;} .wth_chart_area .imgwide .mrgn{margin:19px 16px 8px} .wth_chart_area.chrt_H{height:625px;} .wth_chart_area .chartbox{position: absolute;width:100%;} .wth_chart_area .lh130{border:1px solid #ea313f;padding:12px;font-size:15px;color:#464646;line-height:22px;margin-top:8px} .wth_chart_area .lh130 h2{font-weight:700;color:#ea313f;font-size:21px;line-height:28px} .earthquake_area .tit,.typhn_area .tit{border-bottom:2px #ea313f solid} .earthquake_area .tit h2,.typhn_area .tit h2{font-size:18px;font-weight:700;margin-top:10px;float:left;line-height:38px} .earthquake_area .cate,.typhn_area .cate{padding:0 0 0 39px;float:left} .earthquake_area .cate li,.typhn_area .cate li{margin-right:5px;float:left;margin-top:13px;display:block;color:#fff;font-size:15px;padding:0 20px;line-height:35px;-webkit-transition:background-color .25s linear;-moz-transition:background-color .25s linear;transition:background-color .25s linear;background:#b5b5b5} .typhn_area .cate li.now,.earthquake_area .cate li.now{background:#ea313f} .typhn_area .cate li a,.earthquake_area .cate li a {color: #fff} .typhn_area .txt{padding:12px;font-size:15px;color:#464646;line-height:22px;margin-top:8px} table.wt01 td,table.wt01 th{padding:4px;border-right:1px solid #efefef;border-bottom:1px solid #efefef} table.wt01{width:100%;border-top:1px solid #efefef;border-left:1px solid #efefef} table.wt01 th{color:#fff;font-weight:400;background-color:#a9a9a9;font-size:15px} table.wt01 td{font-size:13px;text-align:center} table.wt02 td,table.wt02 th{padding:4px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:middle} table{border-collapse:collapse;border-spacing:0} table.wt02{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc} table.wt02 td{text-align:left} table.wt02 th{font-weight:400;background-color:#f9f9f9;width:100px;text-align:center} /*---------警特報-------------*/ .earthquake_area .imgwide{position: relative;} .erthqk_info{width:316px;height:460px;background: #fff;position: absolute;right: 0;top: 20px;font-size: 15px;color: #464646;} .ethlv,.ethlv_cht{font-size: 13px;text-align: left;} .ethlv_1{color:#0000ff} .ethlv_2{color:#0082ff} .ethlv_3{color:#00fbff} .ethlv_4{color:#00d300} .ethlv_5{color:#fffb00} .ethlv_6{color:#ff9a6b} .ethlv_7,.ethlv_x{color:#ff0000} .ethlv_cht li{display:inline-block;zoom:1;padding:3px} .erthqk_info .plc_lv{background:#fff;overflow:auto;height:180px;float:left;width:100%} .erthqk_info .plc_box{width:100%;} .ethlv li,.ethlv_cht li{line-height:20px} .weather_newfooter{padding:10px 0;text-align:center;position: relative;top: 583px;} .load-more-container{height:35px;text-align:center;font-size:0;margin:10px 0} .load-more-link{-webkit-tap-highlight-color:transparent;display:block;width:100px;height:35px} .load-more-container .next-link-container,.load-more-container .prev-link-container{zoom:1;border:1px solid #dedede;position:relative;background-color:#fff;display:inline-block;font-size:15px;font-weight:400} .prev-link-container a,.next-link-container a{color: #464646;text-decoration: none} .prev-link-container a:hover,.next-link-container a:hover{color: #006fd5;} .prev-link-container.lnc{border-right: 0px solid #dedede;} .load-more-container .next-link-container .text{position:absolute;top:8px;left:22px} .load-more-container .prev-link-container .text{position:absolute;top:8px;left:33px} .load-more-container .icon-rightarw{position:absolute;right:10px;top:10px;font-size:16px} .load-more-container .icon-leftarw{position:absolute;left:10px;top:10px;font-size:16px} .oneweek_wrap h3.title{height:16px;font-size:16px;border-bottom:2px solid #9d9d9d;font-weight:700;text-indent:20px;padding:10px 0} .oneweek_wrap ul{overflow:hidden;height:112px;*height:132px;margin:0;padding:9px 0 10px;list-style:none;color:#464646} .oneweek_wrap ul li{float:left;width:84px;text-align:center;border-right:1px solid #dedede} .oneweek_wrap ul li p.day{margin:0;padding:0;font-weight:700} .oneweek_wrap ul li p.icon_box{margin:6px auto;width:50px} .oneweek_wrap ul li p.icon_box .icon{width:50px;height:50px;display:block} .oneweek_wrap .weather-table{border-bottom:1px solid #9d9d9d;width:100%} .weather-table .nationpart{min-width:82px;width:11%;border-right:1px solid #9d9d9d;text-align:center;*height:132px} .oneweek_wrap ul li p.temp_s .cond{display:block;font-size:13px;letter-spacing:-1px;height:37px;line-height:17px;overflow:hidden;padding:0 6px;font-style:normal} .oneweek_wrap ul li p.temp_s em span{color:#999} .weather-table .temp_s span{font-size:17px} .weather-table .temp_s sup.deg{top:0;font-size:15px;position:relative;vertical-align:top} /*-----world_map------*/ .bx-wrapper .worldmap{position:relative;width:100%;height:260px;z-index:100} .bx-wrapper .worldmap a{display:block;position:absolute;color:#000;padding-left:50px;text-decoration:none} .bx-wrapper .worldmap a .icon{width:50px;height:50px;margin-left:-50px;display:inline-block;zoom:1} .bx-wrapper .worldmap em{font-style: normal;} .wcapl00001 {top:31px;left: 138px;}/*倫敦*/ .wcapl00002 {top:64px;left: 155px;}/*巴黎*/ .wcapl00003 {top:115px;left: 222px;}/*開羅*/ .wcapl00004 {top:29px;left: 256px;}/*莫斯科*/ .wcapl00005 {top:187px;left: 215px;}/*約翰尼斯堡*/ .wcapl00006 {top:104px;left: 337px;}/*新德里*/ .wcapl00007 {top:142px;left: 383px;}/*雅加達*/ .wcapl00008 {top:72px;left: 390px;}/*北京*/ .wcapl00009 {top:77px;left: 484px;}/*東京*/ .wcapl00010 {top:180px;left: 479px;}/*雪梨*/ .wcapl00011 {top:14px;left: 565px;}/*溫哥華*/ .wcapl00012 {top:62px;left: 572px;}/*洛杉磯*/ .wcapl00013 {top:99px;left: 581px;}/*墨西哥城*/ .wcapl00014 {top:43px;left: 701px;}/*紐約*/ .wcapl00015 {top:138px;left: 762px;}/*里約*/ .wcapl00016 {top:207px;left: 678px;}/*布宜諾斯艾利斯*/ .bx-wrapper .worldmap a .wr{font-weight:900;font-size:13px;display:inline-block;zoom:1} .bx-wrapper .worldmap a span{vertical-align:middle} .oneweek_wrap ul li p.city{font-style:12px} /*-----air quality 空氣品質------*/ .bx-wrapper .airbox { position: absolute; z-index:90; top:175px; left:36px; height: 34px; border-radius: 20px; border: 3px solid white; color: white; background: white; display: block; overflow: hidden; } .bx-wrapper .airbox .left { float: left; height: 34px; line-height: 34px; display: inline-block; } .bx-wrapper .airbox .left img { float: left; width: 30px; height: 30px; margin: 2px; display: inline-block; } .bx-wrapper .airbox .left span { float: left; height: 34px; line-height: 18px; margin: -2px 5px 0 3px; font-size: 19px; font-weight: bold; letter-spacing: 1px; display: inline-block; } .bx-wrapper .airbox .left span i { vertical-align: text-top; font-size: 12px; font-style: normal; font-family: "微軟正黑體", Microsoft JhengHei, "儷黑 Pro", Arial, Helvetica, sans-serif; } .bx-wrapper .airbox .left span strong { opacity: .7; } .bx-wrapper .airbox .right { float: left; padding: 0 10px; height: 34px; line-height: 34px; background: white; display: inline-block; } .bx-wrapper .airbox .right em { font-size: 13px; font-weight: bold; } .bx-wrapper .airbox .right img { float: right; margin: 7px 0 7px 5px; display: inline-block; } .bx-wrapper .airbox.status1 { background: #40b243; border-color: #40b243; } .bx-wrapper .airbox.status2 { background: #ffc600; border-color: #ffc600; } .bx-wrapper .airbox.status3 { background: #ff9100; border-color: #ff9100; } .bx-wrapper .airbox.status4 { background: #ef4037; border-color: #ef4037; } .bx-wrapper .airbox.status5 { background: #9747a0; border-color: #9747a0; } .bx-wrapper .airbox.status6 { background: #702236; border-color: #702236; } .bx-wrapper .airbox.status1 em { color: #118214; } .bx-wrapper .airbox.status2 em { color: #d8a800; } .bx-wrapper .airbox.status3 em { color: #cf7500; } .bx-wrapper .airbox.status4 em { color: #bf0900; } .bx-wrapper .airbox.status5 em { color: #671970; } .bx-wrapper .airbox.status6 em { color: #400514; } ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86