@charset "UTF-8";



@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;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:'avant_garde',"微軟正黑體","儷黑 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:257px;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%;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_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:avgard_demi,"微軟正黑體","儷黑 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:avgard_demi,"微軟正黑體","儷黑 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:avgard_demi,"微軟正黑體","儷黑 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:avgard_demi,"微軟正黑體","儷黑 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}

.wth_chart_area .imgwide .mrgn{margin:19px 16px 8px}
.wth_chart_area.chrt_H{height:550px}
.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}