@media only screen and (max-width : 479px) {
header { position: relative; height: 70px; background-color: #24292D; }
.headitem { bottom: 5px; }
.htop { display:none }
.HSideAct { width: auto; top: 14px; left: 14px; right: auto; }
.HSideAct .bcircle { display: inline-block; margin: 0 10px 0px 0; padding: 6px 10px; }
/*food-menu*/
.hxtit::after { left: 0; width: auto; }
.FoodGroup li { display: block; }
.FoodGroup li a{display:block}
.ulfood li { width: auto; }
.ulfood img { width: 220px; height: auto; display: block; }
.ulfood li span { width: 120px; height: 120px; background-size: cover;text-align: center; }
/*food-dt*/
.imgbox { float:none;width: auto; margin: 0 auto 30px; }
.imgbox img{width:100%;height: auto;}
.imgbox::before{width:100%;}
/*contact-us*/
.contform, .contdetail { width: auto; float: none; }
.contform .txt { width: auto; }
.contform .form_tbl,.contform .form_tbl .t-left { text-align: center !important; }
/*news*/
.NewsSearch li{display:block}
.NewsSearch .txt{width: 220px;}
.newsimg{float: none;width:auto}
.newsText{float: none;width:auto;margin: 45px 14px 0 0;text-align:center}
.ulNews .nsp{margin:0 auto;float:none;}
/*news-dt*/
.sidegly .sideslide .imgbx { transform: skewY(0deg); padding: 0; }
.sidegly .sideslide img{width:100%;height:auto}
.sidegly { float: none; margin: 0 auto 20px;width: auto;min-height: 290px; }
/*faq*/
.DefForm td{display:block}
}

@media only screen and (min-width : 480px) and (max-width : 719px) {
.headitem { bottom: 5px; }
.htop { margin-bottom: 0px; }
.htop img { width: 140px; height: 140px; }
.HSideAct { width: auto; top: 14px; left: 14px; right: auto; }
.HSideAct .bcircle { display: inline-block; margin: 0 10px 0px 0; padding: 6px 10px; }
/*food-menu*/
.FoodGroup li { display: block; }
.FoodGroup li a{display:block}
/*food-dt*/
.imgbox { float:none;width: auto; margin: 0 auto 30px; }
.imgbox img{width:100%;height: auto;}
.imgbox::before{width:100%;}
/*contact-us*/
.contform, .contdetail { width: auto; float: none; }
/*news*/
.NewsSearch li{display:block}
.NewsSearch .txt{width: 220px;}
.newsimg{float: none;}
.newsText{float: none;width:auto;margin: 45px 14px 0 0;}
/*news-dt*/
.sidegly { float: none; margin: 0 auto 20px; }
}

@media only screen and (min-width : 720px) and (max-width : 1000px) {
.headitem { bottom: 13px; }
.htop { margin-bottom: 0px; }
.htop img { width: 200px; height: 200px; }
.HSideAct { width: auto; top: 14px; left: 14px; right: auto; }
.HSideAct .bcircle { display: inline-block; margin: 0 10px 0px 0; padding: 6px 10px; }
/*food-menu*/
.ulfood{width: auto;text-align:center}
.ulfood li{margin: 35px 52px;text-align:right}
/*contact-us*/
.contform, .contdetail { width: auto; float: none; }
/*news*/
.NewsSearch .txt{width: 142px;}
.newsimg{float: none;}
.newsText{float: none;width:auto;margin: 45px 14px 0 0;}
/*news-dt*/
.sidegly { float: none; margin: 0 auto 20px; }
}

@media only screen and (min-width : 1001px) and (max-width : 1249px) {
.headitem { bottom: 0px; }
.htop { margin-bottom: 0px; }
.htop img { width: 200px; height: 200px; }
/*food-menu*/
.ulfood{width: auto;}
.ulfood li{margin: 35px 52px;}
/*news*/
.newsText { width: 59%; }
}

@media only screen and (min-width : 1250px) {
}
