#weather_box .weather_content {
            display: flex;
            background: whitesmoke;
        }
        #weather_box hr.weather_hr {
            margin: 5px 0 10px 0;
            border-top: solid 1px white;
        }
        
        #weather_box .weather_info {
            width: 50%;
            float: right;
            font-size: 12px;
            margin-bottom: 10px;
            padding-top: 10px;
        }
        
        #weather_box .weather_info span {
            display: inline-table;
        }
        
        #weather_box .waether_header {
            /* background-image: -webkit-linear-gradient(bottom right,#feb020,#ffd05c); */
            /* background-image: linear-gradient(to top left,#feb020,#ffd05c); */
            color: #333;
            padding: 29px 10px;
            /*border-radius: 8px 8px 0 0;*/
            background: #ccc;
        }
        
        #weather_box .desc {
            width: 50%;
            float: left;
            text-align: center;
            padding: 20px 0;
        }
        
        #weather_box .desc span {
            font-size: 58px;
            font-weight: bold;
        }
        
        #weather_box .temp img {
            position: absolute;
            display: block;
            left: 60%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            border-radius: 4px;
            z-index: 100;
            top: -25px;
        }
        
        #weather_box .temp {
            position: relative;
        }
        
        #weather_box .temp img {
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        
        
        #weather_box select#select_weather{
          padding: .25em;
          border: 0;
          border-bottom: 2px solid currentcolor;
          font-weight: bold;
          font-size: 17px;
          letter-spacing: .15em;
          border-radius: 0;
          &:focus, &:active {
          outline: 0;
          border-bottom-color: red
          }
        }
        #weather_box select#select_weather{background: none;}
        #weather_box select#select_weather:focus, select#select_weather:active {
            outline: 0;
            border-bottom-color: red;
        }
        
        
        /*BOX GIAVANG*/
        #weather_box .box_giavang{
          width: auto;
          float: left;
          margin-top: 5px;
        }
        #weather_box .giavang-laisuat .col_1{
            width: 57%;
            float: left;
          }
        #weather_box .giavang-laisuat .col_2{
            width: 40%;
            float: right;
          }
          #weather_box .giavang-laisuat img{
              height: 14px;
              margin-top: 5px;
            }
          #weather_box .giavang-laisuat table{
              margin-bottom: 0;
            }
          
          #weather_box .giavang-laisuat img{
            height: 16px;
            max-width:100%
          }
         #weather_box .giavang-laisuat table{
            border-top: 1px solid #e6e6e6;
            border-left: 1px solid #e6e6e6;
            margin-bottom: 5px;
          }
         #weather_box .giavang-laisuat td{
            border-right: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            font-size: 11px;
            padding: 3px;
            vertical-align:middle;
          }
         #weather_box .title_box{
            width: 100%;
            font: 700 12px arial;
            color: #333;
            padding:3px 0 5px;
            border-top: 1px solid #e6e6e6;
          }
          #weather_box .title_right{
            text-align: right;
            font-size: 11px;
            font-weight: normal;
            float: right;
          }
          #weather_box .col_ls{
            width: 100%;
            float: left;
            margin-bottom: 6px;
          }
          #weather_box .ls{
            width: 100%;
            float: left;
            border: 1px solid #e6e6e6;
            padding: 2px;
          }
           #weather_box .ls .right{
              width: 50px;
              text-align: center;
              border-left: 1px solid #e6e6e6;
            }
        #weather_box .wrap_ty_gia{
          height: 68px;
            overflow: hidden;
            margin-bottom:5px;
        }
        @media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
          #weather_box .wrap_ty_gia{
            height: 43px;
          }
        }
        #weather_box .giavang-laisuat {
            display: flow-root;
        }