/*
 * grid
 * version:v1.0
 * Developer:popodesign
 * URL:https://popo-design.net
 */

#switch{
width: 30px;
height: 40px;
background: url(../img/s_off.png) no-repeat;
background-size: 100% 100%;
cursor: pointer;
}
#switch.on_switch{
background: url(../img/s_on.png) no-repeat;
background-size: 100% 100%;
}
#light{
width: 140px;
height: 140px;
background: url(../img/off_.png) no-repeat;
background-size: 100% 100%;
}
#light.on_light{
background: url(../img/on_.png) no-repeat;
background-size: 100% 100%;
}
#box{
width: 140px;
height: 140px;
cursor: pointer;
background-color: #3CB371;
}
#box.orange{
background-color: #FF8C00;
}
#box p{
line-height: 140px;
vertical-align: middle;
font-size: 20px;
font-weight:bold;
}