/* =================== 1024px =================== */
@media (max-width: 1024px) {
    header{ height: 48px; z-index: 1000; background-color: #404A3D; padding-top: 0; top: 0; border-bottom: 0; }
    header h1.logo{ display: inline-block; width: 60px; height:38px; left: 10px; top: 5px;}
    header h1.logo img.scroll-none{ display: none;}
    header h1.logo img.mo-scroll{ display: block;}
    header .reser-wrap{ line-height: 56px; }
    header #panelbtn{ margin: 15px 0;}
}

#section01{ padding-top: 80px; padding-bottom: 80px;}
#section01 ul{ overflow: hidden;}
#section01 ul li{ width: 448px; padding-bottom: 5px; margin-right: 28px; float: left;}
#section01 ul li:nth-child(3n){ margin-right: 0;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding-top: 30px; padding-bottom: 40px;}
    #section01 ul li{ width: 100%; padding-bottom: 5px;}
    #section01 .room-swiper{ padding-bottom: 0;}
}