.air-panel, .top
{
    /*background: blue;*/
    margin: 0 auto;
    width: 100%; /* margin-top: 5%;*/
}
.air-btn
{
    display: block;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    position: relative;
    float: left;
}
.air-btn-icon
{
    background-repeat: no-repeat;
    
    background-position: center center;
    display: block;
    height: inherit;
    width: inherit;
    position: absolute;
    left: 0;
    top: 25px;
}

.air-btn-power
{
    width: 60px;
    height: 60px;
}
.air-btn-icon-power
{
    background-image: url(../../images/app/air-btn-power.png);
}
.selected .air-btn-icon-power
{
    background-image: url(../../images/app/air-btn-power-selected.png);
}

.air-list-panel
{
    /*background: pink;*/
    width: 120px;
    list-style-type: none;
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 5%;
}
.air-list-panel li
{
    /*background: red;*/
    padding: 1px 0;
}
.air-list-panel .selected
{
    background-color: #D1B670;
    border-color: #D1B670;
}
.air-btn-air
{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #FFF;
    margin: 0 auto;
}
.temp-panel
{
    width: 80%;
    height: 80%;
    position: relative;
    margin-left: 10%;
}
.air-btn-temp-down, .air-btn-temp-up
{
    width: 10%;
    height: 80%;
    line-height: 300px; /* background: red; */
    font-size: 70pt;
}
.air-btn-temp-down
{
    float: left;
}
.air-btn-temp-up
{
    float: left;
}
.air-temp
{
    /*background: green;*/
    width: 50%;
    height: inherit;
    margin: 0 auto;
    text-align: center;
    float: left;
}
.air-temp i
{
    font-style: normal;
    font-size: 18pt;
    position: absolute;
    top: 30px;
}

.air-temp em
{
    font-style: normal;
    font-size: 32pt;
    position: absolute;
    top: 0px;
}

.air-temp span
{
    font-size: 180pt;
    font-weight: normal;
    position: relative;
}
.air-temp span strong
{
    font-weight: normal;
}
.air-temp span i
{
    left: -50pt;
}
.air-temp span em
{
    top: -250px;
    right: 0;
}
.air-mode-panel
{
    /* background: gold; */
    width: 10%;
    height: inherit;
    float: left; /* margin-top: 5%; */
    position: relative;
}
.air-btn-mode-cold
{
    /*background: green;*/
    width: 60px;
    height: 60px;
}
.air-btn-icon-mode-cold
{
    background-image: url(../../images/app/air-btn-mode-cold.png);
}
.selected .air-btn-icon-mode-cold
{
    background-image: url(../../images/app/air-btn-mode-cold-selected.png);
}
.air-btn-mode-hot
{
    /*background: green;*/
    width: 60px;
    height: 60px;
    margin-top: 70px;
}
.air-btn-icon-mode-hot
{
    background-image: url(../../images/app/air-btn-mode-hot.png);
}
.selected .air-btn-icon-mode-hot
{
    background-image: url(../../images/app/air-btn-mode-hot-selected.png);
}

.air-divbtn
{
    float: left;
    margin-left: 5%;
    width: 100%;
    height: 100px; /* background-color: red; */
}

.air-auto-open
{
    color: #D1B670;
}
.air-auto-close
{
    color: #FFF;
}

.air-low-open
{
    background: url(../../images/app/kt/low-open.png) no-repeat center center;
}
.air-low-close
{
    background: url(../../images/app/kt/low-close.png) no-repeat center center;
}


.air-middle-close
{
    background: url(../../images/app/kt/middle-close.png) no-repeat center center;
}

.air-middle-open
{
    background: url(../../images/app/kt/middle-open.png) no-repeat center center;
}


.air-high-close
{
    background: url(../../images/app/kt/high-close.png) no-repeat center center;
}
.air-high-open
{
    background: url(../../images/app/kt/high-open.png) no-repeat center center;
}

.air-divbtn a
{
    height: 65px;
    width: 12%;
    display: block;
    text-decoration: none;
    position: relative;
    float: left;
    margin-left: 5%; /* margin-top: 1%; */ /* background-color: black; */
}
.air-divbtn a span
{
    display: block;
    height: inherit;
    font-size: 28pt; /* position: absolute; */ /* bottom: 0; */ /* line-height: 93px; */ /* margin-left: 0px; */
}

/*   float: right;
    position: relative;
    top: -80px; */
