.fff {color: #fff !important;}
.common_small {font-size: 20px;font-weight: 700;color: #CF1D24;margin-bottom: 20px;}
.common_title {font-size: 56px;font-weight: 700;color: #000;margin-bottom: 30px;}
.common_text {font-size: 18px;color: #444;line-height: 1.5;}
.common_link {display: inline-flex;align-items: center;justify-content: center;padding: 20px 30px;border: 2px solid #000;border-radius: 40px;gap: 14px;margin-top: 40px;}
.common_link span {font-size: 16px;font-weight: 700;color: #000;}
.common_link:hover {background-color: #C03A2A;border-color: #C03A2A;}
.common_link:hover span {color: #fff;}
.common_link:hover img {filter:invert(1);}

.banner {height: 960px;position: relative;}
.main_slide {width: 100%;height: 100%;}
.owl-stage-outer,.owl-stage,.owl-item {height: 100%;} 
.banner_item {position: relative;width: 100%;height: 100%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;align-content: center;}
.banner_item.item1 {background-image: url("/resources/img/main/main_visual1.png");}
.banner_item.item2 {background-image: url("/resources/img/main/main_visual2.png");}
.banner_item.item3 {background-image: url("/resources/img/main/main_visual3.png");}
.banner_text {font-size: 76px;font-weight: 700;color: #fff;font-family: "Lora";text-align: center;}

.dot_wrap {position: absolute;width: 100%;left: 0;bottom: 50px;text-align: center;z-index: 10;}
.dotsCont {display: inline-flex;align-items: center;gap: 20px;}
.owl-dot {display: inline-block;width: 12px;height: 12px;background-color: #fff;border-radius: 50%;cursor: pointer;opacity: 0.5;}
.owl-dot.active,
.dotsCont.gray .owl-dot.active {opacity: 1;}

.menu_flex {gap: 120px;display: flex;}
.menu_left {width: 34%;}
.menu_right {width: 66%;}
.section {padding: 180px 0;}
.menu {-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url("/resources/img/main/bg.jpg");}
.about {-webkit-background-size: cover;background-size: cover;background-position: center center;background-repeat: no-repeat;background-image: url("/resources/img/main/about_bg.png");height: 900px;} 
.map {margin-top: 70px;height: 650px;}


.menu_wrap {display: flex;flex-wrap: wrap;gap: 36px;}
.menu_item {width: 46%;display: flex;flex-direction: column;border-radius: 60px;overflow: hidden;}
.menu_item.right {transform:translateY(50%);}
.menu_img {flex: 0 0 55%;object-fit: cover;width: 100%;}
.menu_img img {height: 100%;width: 100%;object-fit: cover;}
.menu_cont {flex: 0 0 45%;padding: 30px; width: 100%;background-color: #000;flex-shrink:0;}

.menu_info {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.menu_info .name,.menu_info .price {font-size: 22px;font-weight: 700;color: #fff;}
.name_eng {margin-bottom: 10px;}
.name_eng,.name_chn {font-size: 16px;font-weight: 700;color: #888;}
.highlight {border-bottom: 3px solid #C03A2A;}
.menu_info .name .name_sub {font-size: 18px;}
.text-flex {display: flex;gap: 10px;}
@media (max-width: 1560px) {
	.banner_text {font-size: 70px;}
	.menu_item {width: 47%;}
}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {
	.common_title {font-size: 45px;}
	.menu_img {flex: 0 0 50%;}
	.menu_cont {flex: 0 0 50%;}
	.menu_info .name, .menu_info .price {font-size: 20px;}
}
@media (max-width: 1399px) {

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

	.menu_item {width: 46%;border-radius: 40px;}
	.banner {height: 860px;}
	.banner_text {font-size: 60px;}

}

@media (max-width: 1219px) {
	.banner {height: 760px;}
	.banner_text {font-size: 50px;}
	.common_title {font-size: 35px;}
	.about {height: 700px;}
	.menu_flex {gap: 30px;}
	.menu_cont {padding: 20px;}
	.map {height: 550px;}
}

@media (max-width: 991px) {
	.banner {height: 660px;}
	.banner_text {font-size: 40px;}
	.section {padding: 90px 0;}
	.common_small {font-size: 18px;margin-bottom: 10px;}
	.common_title {font-size: 30px;margin-bottom: 15px;}
	.common_text {font-size: 16px;}
	.map {margin-top: 35px;height: 450px;}
	.about {height: 500px;}
	.common_link {margin-top: 20px;padding: 15px 10px;gap: 5px;}
	.common_link span {font-size: 14px;}
	.menu_wrap {gap: 18px;}
	.menu_flex {gap: 30px;}
	.name_eng, .name_chn {font-size: 14px;}
	.menu_info .name, .menu_info .price {font-size: 18px;}
	.menu_cont {padding: 15px;}
	.menu_info {align-items: flex-start;flex-direction: column;}
	.dot_wrap {bottom: 25px;}
	.menu_flex {flex-direction: column;}
	.menu_left,.menu_right {width: 100%;}
}	

@media (max-width: 767px) {
	.dotsCont {gap: 10px;}
	.owl-dot {width: 6px;height: 6px;}
	.banner {height: 460px;}
	.banner_text {font-size: 25px;}
	.menu_flex {gap: 20px;}
	.section {padding: 50px 0;}

	.common_small {font-size: 16px;}
	.common_title {font-size: 20px;}
	.common_text {font-size: 14px;}
	.about {height: auto;}
	.menu_wrap {flex-direction: column;}
	.menu_item {width: 100%;height: auto;box-sizing: border-box;}
	.menu_item.right {transform: translateY(0);}
	.menu_info .name, .menu_info .price {font-size: 16px;}
	.menu_info {flex-direction: row;flex-wrap: wrap;}
	.menu_cont {flex: 0 0 50%;padding: 20px;}
	.menu_img {flex: 0 0 50%;display: flex;}
	.map {height: 350px;}
	.menu_info .name .name_sub {font-size: 16px;}
}

@media (max-width: 575px) {

}