.ss-weather{font-family: 'Roboto Condensed', sans-serif !important;}

.ss-weather .ss-marginLeftNight{margin-left: 25px;}
.ss-weather .ss-marginLeft18{margin-left: 18px;}
.ss-weather .ss-night{color: #23406c !important;}

.ss-weather .ss-web{display: none;}
.ss-weather .ss-mobile{display: block;}

.ss-weather .ss-subhd{margin:10px;display: block; height: 50px; padding: 10px 0; text-align: center; background-color: #23406c;}
.ss-weather .ss-subhd .ss-subbg{width: 153px; margin: 0 auto;}
.ss-weather .ss-subhd .ss-subbg .ss-subicon{float: left; margin-top: 2px;}
.ss-weather .ss-subhd .ss-subbg .ss-subicon > img{width: 28px; height: 28px;}
.ss-weather .ss-subhd .ss-subbg .ss-subtxt{float: left; margin: 2px 10px; font-size: 21px; color: #fff;}

.ss-weather .ss-weather-bg{}
.ss-weather .ss-weather-bg ul.ss-weather-list{list-style: none; margin: 0; padding: 0;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today{border-radius: 10px; float: left; width: 48% !important;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd{padding: 10px 15px; border-bottom: 1px solid #eaeaea; background-color: #efefef; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-place{float: left}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-place select.ss-selectplace{width: 130px; border: none; font-size: 19px; color: #363636; outline: none; -webkit-appearance: none; -moz-appearance:none; appearance: none;  background: rgba(241,241,241,1) url("ss-selectarrow1.png") no-repeat 97% 46%;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-place select.ss-selectplace option.ss-chooseplace{}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-place select.ss-selectplace option.ss-chooseplace:hover{outline: none; background-color: #ffb837;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-date{float: right; font-size: 15px; color: #444444;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg{border: 1px solid #cdcdcd; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left{float: right; margin: 25px 5px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left .ss-cur-icon{float: left; margin-right: 12px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left .ss-cur-icon > img{width: 44px; height: 40px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left .ss-cur-text{float: left; width: 104px; margin-top: 5px;  font-size: 14px; color: #666666; text-align: left;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right{float: right; margin: 0px 22px 0px 0!important;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp{ }
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp .ss-line{float: left; margin-top: -2px; width: 1px; height: 85px; background-color: #cdcdcd;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp .ss-cel{float: left; text-align: center;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp .ss-cel .ss-temp-num{    padding-top: 5px;padding-right: 10px; text-align: center; color: #000000;  font-size: 30px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp .ss-cel .ss-temp-text{margin: -20px 0px 0 0; font-size: 11px; }

.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future{margin-bottom: 0px;float: left;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list{list-style: none; margin: 0; padding: 0; text-align: center;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks{float:left; padding: 10px 5px; border-right: 1px solid #cdcdcd;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks:last-of-type{border-right: 0;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-day-name{font-size: 14px; color: #666666;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-icon{padding: 8px 0;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-icon > img{width: 42px; height: 37px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-temp{}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-temp span.ss-day{color: #000000; font-size: 16px !important; padding-right:5px;}
.ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-temp span.ss-night{color: #415ca5; font-size: 16px !important;}

.ss-weather .ss-vmap{display: none; margin: 40px 0;}

.ss-weather .ss-weather-condition-list{margin: 0;}
.ss-weather .ss-weather-condition-list .ss-web-subhd{display: none;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list{list-style: none; margin: 0 0 60px 0; padding: 0;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li{display: inline-block; width: 49%; padding: 3px 0; border-bottom: 2px solid #e6e6e6;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list > li:nth-child(1), .ss-weather .ss-weather-condition-list ul.ss-condition-list > li:nth-child(2){border-top: 2px solid #e6e6e6;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row{border-left: 3px solid;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-f6d300{border-color: #f6d300;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-aae283{border-color: #aae283;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-58ddc9{border-color: #58ddc9;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-6ac3ec{border-color: #6ac3ec;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-e57d04{border-color: #e57d04;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-feab2d{border-color: #feab2d;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-1b83b8{border-color: #1b83b8;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-aae283{border-color: #aae283;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-58ddc9{border-color: #58ddc9;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-b95a84{border-color: #b95a84;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-ea8676{border-color: #ea8676;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-e5aad8{border-color: #e5aad8;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-815689{border-color: #815689;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-e83ab5{border-color: #e83ab5;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-ef71f7{border-color: #ef71f7;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-a9b891{border-color: #a9b891;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-7bcfb2{border-color: #7bcfb2;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row.ss-7ba6cf{border-color: #7ba6cf;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row .ss-condition-icon{float: left; width: 26px; margin-left: 3px;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row .ss-condition-icon > img{width: 22px; height: 22px;}
.ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row .ss-condition-name{padding: 3px 0 8px; font-size: 12px; color: #363636;}

@media screen and (max-width: 320px){
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-date{float: left; margin-left: 3px}
}

@media screen and (max-width: 445px){
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current{width: 200px; margin: 0 auto;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left{margin: 10px 20px 0;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right{float: left; margin: 5px 10px 10px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-date{float: left; margin-left: 3px}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list{width: 280px; margin: 0 auto;}
}

@media screen and (min-width: 980px){
    .ss-weather{}

    .ss-weather .ss-web{display: block;}
    .ss-weather .ss-mobile{display: none;}

    .ss-weather .ss-marginLeft18{margin-left: 18px;}

    .ss-weather .ss-subhd{display: block;}
    .ss-weather .ss-weather-bg{margin:10px}

    .ss-weather .ss-vmap{display: block;}

    .ss-weather .ss-weather-condition-list{}
    .ss-weather .ss-weather-condition-list ul.ss-condition-list{border: 1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:10px;}
    .ss-weather .ss-weather-condition-list ul.ss-condition-list li{display: inline-block; width: 210px; padding: 3px; margin-right: 0; border-bottom: 1px solid #e6e6e6;}
    .ss-weather .ss-weather-condition-list ul.ss-condition-list > li:nth-child(1), .ss-weather .ss-weather-condition-list ul.ss-condition-list > li:nth-child(2){border-top: none;}
    .ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row{border-left: 4px solid;}
    .ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row .ss-condition-name{padding: 5px 0 6px; font-size: 14px;}
    .ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row .ss-condition-icon{width: 35px; margin-left: 3px;}
    .ss-weather .ss-weather-condition-list ul.ss-condition-list li .ss-row .ss-condition-icon > img{width: 30px; height: 30px;}

    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today{width: 380px; float: left;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd{height: 40px; padding: 10px 15px 9px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-place select.ss-selectplace{width: 150px; font-size: 18px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-hd .ss-date{margin-top: 3px; font-size: 14px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left .ss-cur-text{width: 86px; font-size: 14px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left{margin: 20px 0 20px 10px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left .ss-cur-icon{margin-right: 5px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-left .ss-cur-icon > img{width: 50px; height: 43px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right{margin: 0;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp{margin-top: 3px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp .ss-line{height: 85px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp .ss-cel .ss-temp-text{margin: -6px 0 0 7px; font-size: 12px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-today .ss-today-bg .ss-current-right .ss-temp .ss-cel .ss-temp-num{font-size: 36px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future{float: right; padding-top: 13px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list{padding: 0;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-day-name{padding-top: 3px; font-size: 18px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-temp span.ss-day{font-size: 22px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-icon > img{width: 51px; height: 42px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks{padding: 0 10px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks .ss-icon{padding: 13px 0 5px;}
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list li.ss-weeks:last-of-type{border-right: 1px solid #cdcdcd;}
}

.daily-widget a{text-decoration: none!important; }
.daily-widget .weather-temp{background-color: #4d9826; position: relative; width: 100%; height: auto; margin-bottom: 23px; border-radius: 5px; }
.daily-widget .weather-temp .icon{position: absolute; left: 15px; top: -8px; background-color: #fff; width: 64px; height: 54px;/*border: 1px solid #4d9826;*/ border-radius: 8px; padding: 14px 11px; overflow: hidden; }
.daily-widget .weather-temp .icon span{color: #4d9826; font-family: 'FontAwesome',serif; font-size: 34px; display: block; }
.daily-widget .weather-temp .weather{overflow: hidden; text-align: center; font-size: 36px; font-weight: bold; color: #fff; padding: 30px 0 0px 30px; }
.daily-widget .weather-temp .weather .wtemp{padding: 0 15px; border-right: 3px solid #fff; }
.daily-widget .weather-temp .place{font-size: 12px; color: #fff; margin-left: 30px; padding-bottom: 10px; overflow: hidden; }
.daily-widget .weather-temp .place span{padding-right: 5px; font-family: 'FontAwesome',serif; font-size: 15px;}
.daily-widget .exchange-temp{margin-bottom:10px;background-color: #284f76;position: relative; width: 100%; height: auto; border-radius: 5px; }
.daily-widget .exchange-temp .icon{position: absolute; left: 15px; top: -8px; background-color: #fff; width: 64px; height: 54px;/*border: 1px solid #e40000;*/ border-radius: 8px; padding: 14px 11px; overflow: hidden; }
.daily-widget .exchange-temp .icon span{color: #284f76; font-family: 'FontAwesome',serif; font-size: 34px; display: block; }
.daily-widget .exchange-temp .exchange{overflow: hidden;text-align: center; font-size: 36px; font-weight: bold; color: #fff;  padding: 30px 0 10px 30px;}
.daily-widget .exchange-temp .exchange .etemp{padding: 0 15px;border-right: 3px solid #fff;}
.daily-widget .exchange-temp .place{ font-size: 12px; color: #fff; margin-left: 30px; padding-bottom: 10px; overflow: hidden; }
.daily-widget .exchange-temp .place span{padding-right: 5px; font-family: 'FontAwesome',serif; font-size: 15px;}


@media (min-width: 320px) and (max-width: 768px){
    .mobile{display: block;}
}
@media(min-width: 360px) and (max-width: 400px){
    .mobile .android a img{width: 160px; height: 50px;}
    .mobile .ios a img{width: 160px; height: 50px;}
}
@media(min-width: 320px) and (max-width: 359px){
    .mobile .android a img{width: 140px; height: 40px;}
    .mobile .ios a img{width: 140px; height: 40px;}
}
.body-weather{
    display:none;
}
@media (min-width: 320px) and (max-width: 768px){
    .body-weather{display: block;}
    .ss-weather .ss-subhd{
        margin-top:40px !important;
    }
    .ss-weather .ss-weather-bg ul.ss-weather-list li.ss-future ul.ss-future-list{
        width: 300px !important;
    }
    .top{
        margin-top:40px !important;
    }
    .daily-widget .weather-temp .weather{
        font-size:12px !important;
        padding:0 !important;
    }
    .daily-widget .weather-temp .icon{
        width: 32px !important;
        height: 32px !important;
        padding: 8px !important;
    }
    .daily-widget .weather-temp .icon span{
        font-size:17px !important;
    }
    .wlabel>img{
        margin-top: -2px !important;
        width: 37px  !important;
        height: 35px  !important;
    }
    .daily-widget .weather-temp .place{
        margin-left: 10px;
        padding-bottom: 5px;
    }
    .daily-widget .weather-temp{
        width: 47%;
        display: inline-block;
        margin-bottom:10px;
    }
    .daily-widget .exchange-temp{
        width:47%;
        display: inline-block;
        float:right;
    }
    .daily-widget .exchange-temp .icon{
        width: 32px !important;
        height: 32px !important;
        padding: 8px !important;
    }
    .daily-widget .exchange-temp .icon span{
        font-size:17px !important;
    }
    .daily-widget .exchange-temp .exchange{
        font-size:12px;
        padding:5px 0 5px;
    }
}