.sub_top {height: 530px;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url("/resources/img/main/menu_bg.png");align-content: center;}
.sub_title {text-align: center;font-size: 76px;font-weight: 700;color: #fff;font-family: "Lora";}
.menu_wrap {padding-top: 80px;padding-bottom: 170px;}
.menu_cate {display: flex;row-gap: 20px; column-gap: 10px;flex-wrap: wrap;margin-bottom: 80px;}
.menu_cate li {background-color: #F8F8F8;padding: 20px 30px;border-radius: 30px;}
.menu_cate li a {font-size: 18px;font-weight: 700;color: #9A9A9A;text-align: center;}
.menu_cate li.on {background-color: #C03A2A;}
.menu_cate li.on a {color: #fff;}
.menu_title {font-size: 50px;font-weight: 700;color: #000;}
.menu_title_sub {display: none;font-size: 25px;font-weight: 700;color: #000;}
.menu_list {display: grid;grid-template-columns: repeat(3, 1fr); row-gap: 60px; column-gap: 36px;}
.menu_item {display: flex;flex-direction: column;border-radius: 60px;overflow: hidden;}
.menu_img {flex: 0 0 60%;object-fit: cover;width: 100%;}
.menu_img img {height: 100%;width: 100%;object-fit: cover;}
.menu_cont {flex: 0 0 40%;padding: 30px; width: 100%;background-color: #000;flex-shrink:0;}

.menu_info {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;gap: 5px;}
.menu_info .name,.menu_info .price {font-size: 25px;font-weight: 700;color: #fff;}
.menu_info .name .name_sub {font-size: 20px;}
.name_eng {margin-bottom: 10px;}
.name_eng,.name_chn {font-size: 16px;font-weight: 700;color: #888;}

.page_wrap {text-align:center;margin-top: 100px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;border-radius: 50%;}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #C03A2A;color: #fff;}

.addr {display: flex;gap: 20px;margin-bottom: 50px;}
.addr span {font-size: 25px;color: #000;font-weight: 700;}
.caution {text-align: right;color: #C03A2A;font-weight: 700;font-size: 18px;margin-bottom: 50px;margin-top: 50px;}
.serif {font-family: serif;}
.highlight {border-bottom: 3px solid #C03A2A;}
.mb30 {margin-bottom: 30px;}
.mb60 {margin-bottom: 60px;}
@media (max-width: 1560px) {	
	.menu_info .name, .menu_info .price {font-size: 25px;}
	.sub_title {font-size: 70px;}
	.menu_info .name .name_sub {font-size: 18px;}
}
@media (max-width: 1499px) {
}

@media (max-width: 1429px) {
	.menu_img {flex: 0 0 50%;}
	.menu_cont {flex: 0 0 50%;}
}
@media (max-width: 1399px) {

}
@media (max-width: 1259px) {
	.sub_title {font-size: 60px;}

}
@media (max-width: 1219px) {
	.sub_title {font-size: 50px;}
	.sub_top {height: 430px;}
	.menu_cate li a {font-size: 16px;}
	.menu_info .name, .menu_info .price {font-size: 20px;}
	.menu_item {border-radius: 40px;}
	.menu_cont {padding: 20px;}
	.menu_info .name .name_sub {font-size: 16px;}
}

@media (max-width: 991px) {
	.sub_title {font-size: 40px;}
	.menu_list {grid-template-columns: repeat(2, 1fr);row-gap: 30px;column-gap: 18px;}
	.menu_wrap {padding-top: 40px;padding-bottom: 80px;}
	.menu_cate li a {font-size: 14px;}
	.menu_cate li {padding: 15px 20px;}
	.menu_cate {margin-bottom: 40px;}
	.sub_top {height: 330px;}
	.menu_title {font-size: 30px;}
	.menu_info .name, .menu_info .price {font-size: 18px;}
	.addr span {font-size: 18px;}
	.addr {margin-bottom: 25px;}
	.menu_title_sub {font-size: 20px;}
	.caution {font-size: 16px;margin-top: 25px;margin-bottom: 25px;}
	.mb30 {margin-bottom: 15px;}
	.mb60 {margin-bottom: 30px;}
}	

@media (max-width: 767px) {
	.sub_title {font-size: 25px;margin-top: 50px;}
	.sub_top {height: 230px;}
	.menu_title {font-size: 20px;}
	.menu_list {grid-template-columns: repeat(1, 1fr);}
	.name_eng, .name_chn {font-size: 14px;}
	.menu_info .name, .menu_info .price {font-size: 16px;}
	.menu_info {flex-wrap: wrap;}
	.menu_cont {flex: 0 0 50%;padding: 20px;}
	.menu_img {flex: 0 0 50%;display: flex;}
	.addr span {font-size: 16px;}
	.addr {flex-direction: column;gap: 10px;}
	.menu_title_sub {font-size: 16px;}
	.caution {font-size: 13px;text-align: left;}
	.menu_info .name .name_sub {font-size: 14px;} 
}

@media (max-width: 575px) {
}