@charset "utf-8";

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../../../fonts/Roboto-Regular.ttf');
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../../../fonts/Roboto-Bold.ttf');
}

@font-face {
	font-family: 'DIN-Black';
	src: url('../../../fonts/DIN-Black.ttf');
}

@font-face {
	font-family: 'Avenir-Book';
	src: url('../../../fonts/Avenir-Book.ttc');
}
@font-face {
	font-family: 'KozGoPr6N-Regular';
	src: url('../../../fonts/KozGoPr6N-Regular.otf');
}

body {
	font-family: 'Roboto-Regular', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	-webkit-text-size-adjust: none;
	background-color: #222e43;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;

}

body.section_home {}

input,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
div,
table,
img,
p,
ul,
li {
	margin: 0;
	padding: 0;
}

th {
	text-align: left;
	padding: 5px;
}

td {
	vertical-align: top;
}

#table_form td {
	vertical-align: top;
}

img {
	border: none;
}

input:focus,
textarea:focus {
	outline: none;
}

a,
a:visited {
	text-decoration: none;
	color: #f3d99f;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	font-weight: normal;
}

a:hover {
	font-weight: normal;
	color: #f3d99f;
	text-decoration: underline;
	animation: color_change 0.5s;
}

ul {
	margin-left: 18px;
	margin-top: 0px;
	padding-top: 0px;
}

a:focus {
	outline: none;
}

b,
strong {
	font-weight: normal;
}

p {
	clear: both;
	padding-bottom: 30px;
	line-height: 180%;
	font-family: 'Avenir-Book', 'Roboto-Regular';
}

h1,
h2,
h2,
h3,
h4,
h5,
h6 {
	color: #ffffff;
	font-family: 'DIN-Black';
	font-size: 38px;

	padding-bottom: 0px;
	margin-bottom: 20px;
	line-height: 140%;
	font-weight: normal;
}

.loading_page {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #5a6281;
	z-index: 9999999;
	opacity: 1;
}

.loading_page_container {
	position: relative;
	width: 100%;
	height: 100%;
}

.loading_page_container2 {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 45%;
}

.loading_page_logo {
	max-width: 960px;
	margin: auto;
	-webkit-transition: all 2000ms ease-out 0s;
	-moz-transition: all 2000ms ease-out 0s;
	-o-transition: all 2000ms ease-out 0s;
	transition: all 2000ms ease-out 0s;
	opacity: 0;
}

.loading_page_logo img {
	width: 100%;
}

.seo_h1 {
	text-indent: -9999999px;
	margin: 0;
	padding: 0;
	line-height: 100%;
	padding-bottom: 0px;
	margin-bottom: 0px;
  position:fixed;
  left:0px;
  top:-99999px;
}

#container {
	position: relative;
	margin: auto;
	padding: auto;
	width: 100%;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#main_container {
	position: relative;
	margin: auto;
	padding: auto;
	/* width:100%;
     */
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 100%;
	margin-top: 130px;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

#main_content_container {
	/*
    width: 100%;
*/
	margin: auto;
	padding: auto;
	min-height: 600px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	max-width: 96%;
	position: relative;
	margin: auto;
}

.header {
	clear: both;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999999;
	height: 130px;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	background-color: #222e43;
	color: #ffffff;
}

.header_container {
	max-width: 96%;
	position: relative;
	margin: auto;
}

.header_current {
	background-color: #222e43;
}

#logo {
	clear: both;
	position: absolute;
	width: 200px;
	left: 0px;
	top: 10px;
	z-index: 99;
	top: 30px;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.logo_container {
	width: 100%;
	margin: auto;
}

#logo a:link,
#logo a:visited {
	float: left;
}

#logo a:hover {
	float: left;
}

#logo img {
	width: 100%;
}

.topmenu {
	position: absolute;
	left: 260px;
	top: 60px;
}

.topmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.topmenu ul li {
	float: left;
	position: relative;
	line-height: 100%;
	background-image: url(../../images/topmenu.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-right: 25px;
}

.topmenu ul li:first-child {
	background-image: none;
	padding-left: 0px;
}

.topmenu ul li:last-child {
	padding-right: 0px;
}

.topmenu ul li a:link,
.topmenu ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
	font-family: 'Roboto-Regular', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
}

.topmenu ul li a:hover,
.topmenu ul li a.current:link,
.topmenu ul li a.current:visited {
	color: #f5dea8;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
	font-family: 'Roboto-Regular', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
}

.mobile_content {
	display: none;
}

.mmenu {
	display: none;
}

.global_nav {
	position: absolute;
	right: 120px;
	top: 30px;
}

.global_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.global_nav ul li {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 10px 0px 10px;
	position: relative;
	line-height: 100%;
	background-image: url(../../images/lang_nav.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.global_nav ul li:first-child {
	padding: 0 10px 0px 0px;
	background-image: none;
}

.global_nav ul li a:link,
.global_nav ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.global_nav ul li a:hover,
.global_nav ul li a.current:link,
.global_nav ul li a.current:visited {
	color: #f5dea8;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.lang_nav {
	position: absolute;
	right: 0px;
	top: 60px;
}

.lang_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.lang_nav ul li {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 10px 0px 10px;
	position: relative;
	line-height: 100%;
	background-image: url(../../images/lang_nav.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.lang_nav ul li:first-child {
	padding: 0 10px 0px 0px;
	background-image: none;
}

.lang_nav ul li:last-child {
	padding-right: 0px;
}

.lang_nav ul li a:link,
.lang_nav ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.lang_nav ul li a:hover,
.lang_nav ul li a.current:link,
.lang_nav ul li a.current:visited {
	color: #f5dea8;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.footer {
	clear: both;
	width: 100%;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	background-color: #ffffff;
	padding: 30px 0px 30px 0px;
	color: #ffffff;
	background-color: #222e43;
}

.footer_container {
	max-width: 96%;
	position: relative;
	margin: auto;
}

.footer_top {
	clear: both;
	width: 100%;
}

.footer_bottom {
	clear: both;
	width: 100%;
	padding-top: 30px;
}

.copyright {
	clear: both;
	padding-top: 20px;
	text-align: right;
	font-size: 12px;
}

.footer_col {
	float: left;
	margin-right: 40px;
	padding-right: 40px;
	border-right: 2px solid #000000;
	min-height: 120px;
	padding-top: 10px;
}

.footer_col_last {
	margin-right: 0px;
	padding-right: 0px;
	border-right: none;
}

.footer_social_list {
	clear: both;
	padding-top: 10px;
}

.footer_social_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.footer_social_list ul li {
	float: left;
	margin-left: 0px;
	margin-right: 25px;
	position: relative;
	line-height: 100%;
	font-size: 15px;
	line-height: 40px;
}

.footer_social_list ul li img {
	height: 40px;
}

.footer_social_list ul li:first-child {
	background-image: none;
}

.footer_social_list ul li a:link,
.footer_social_list ul li a:visited {
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.footer_social_list ul li a:hover,
.footer_social_list ul li a.current:link,
.footer_social_list ul li a.current:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.banner {
	width: 100%;
	margin-bottom: 40px;
}

.banner_container {
	max-width: 96%;
	margin: auto;
	position: relative;
}

.banner img {
	width: 100%;
}

.banner .title {
	position: absolute;
	left: 0px;
	top: -18%;
	width: 100%;
	text-align: center;
	color: #f5dea8;
	text-transform: uppercase;
	font-family: 'DIN-Black';
	font-size: 1200%;
	line-height: 80%;
	font-size: 800%;
	top: -13%;
	top: -80px;
}

.banner1 {
	background-image: url(../../images/bg/brown.jpg?v=3);
}

.banner8 {
	background-image: url(../../images/bg/brown.jpg?v=3);
}

.banner9 {
	background-image: url(../../images/bg/brown.jpg?v=3);
}

.banner2 {
	background-image: url(../../images/bg/white.jpg?v=3);
}

.banner5 {
	background-image: url(../../images/bg/white.jpg?v=3);
}

.banner3 {
	/* background-color:#d2d9e5;*/
}

.banner3 .title {
	color: #ffffff;
}

.banner2 .title {
	color: #222e43;
}

.banner4 .title {
	color: #ffffff;
}

.section_social_story1 {
	width: 100%;
	background-color: #938675;
	padding-top: 50px;
	padding-bottom: 50px;
	background-image: url(../../images/bg/blue.jpg?v=3);
	background-repeat: repeat-x;
	background-position: bottom center;
}

.section_social_story1_container {
	max-width: 96%;
	margin: auto;
}

.section_social_story1_top {
	width: 100%;
}

.section_social_story1_top_left {
	float: left;
	width: 48%;
}

.section_social_story1_top_right {
	float: right;
	width: 48%;
}

.section_social_story1_top_right .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #f5dea8;
	font-size: 400%;
	margin-bottom: 40px;
	font-weight: bold;
}

.section_social_story1_top_right .desc {
	color: #ffffff;
}

.section_social_story1_top_right .desc_container {
	display: block;
	max-height: 280px;
	overflow: auto;
}

.section_heading {
	width: 100%;
	position: relative;
}

.section_heading img {
	max-width: 240px;
}

.section_heading .title {
	position: absolute;
	left: 10%;
	top: 26%;
	font-family: 'DIN-Black';
	color: #f5dea8;
	font-size: 670%;
	text-transform: uppercase;
}

.section_social_story1_bottom {
	width: 100%;
	clear: both;
	padding-top: 30px;
}

.section_social_story1_bottom_photo_list {
	width: 100%;
}

.section_social_story1_bottom_photo_list .item {
	float: left;
	width: 28.33%;
	margin-right: 2%;
	margin-top: 6.5%;
}

.section_social_story1_bottom_photo_list .item img {
	width: 100%;
}

.section_social_story1_bottom_photo_list .item1 {
	margin-top: -2%;
	margin-bottom: 0%;
	width: 39.33%;
}

.section_social_story2 {
	width: 100%;
	background-color: #222e43;
	padding-top: 50px;
	padding-bottom: 100px;
	background-repeat: repeat-x;
	background-position: bottom center;
}

.section_social_story2_container {
	max-width: 96%;
	margin: auto;
}

.section_social_story2_top {
	width: 100%;
}

.section_social_story2_top_left {
	float: left;
	width: 48%;
	padding-top: 1%;
}

.section_social_story2_top_right {
	float: right;
	width: 48%;
}

.section_social_story2_top_right img {
	width: 100%;
}

.section_social_story2_top_left .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #f5dea8;
	font-size: 400%;
	margin-bottom: 30px;
}

.section_social_story2_top_left .desc {
	color: #ffffff;
}

.section_social_story2_top_left .desc_container {
	display: block;
}

.section_social_story2_top_left .desc2 {
	line-height: 150%;
	color: #f3d99f;
}

.section_social_story2_top_left .desc3 {
	line-height: 150%;
	color: #ffffff;
}

.section_social_story3 .heading {
	font-family: 'DIN-Black';
	color: #ffffff;
	font-size: 800%;
	position: absolute;
	right: 0%;
	bottom: 0%;
	width: 33.33%;
	height: 100%;
	z-index: 99999;
	text-transform: uppercase;
}

.section_social_story3 .heading_container {
	width: 100%;
	height: 100%;
	position: relative;
}

.section_social_story3 .heading table {
	margin: auto;
	width: 90%;
	height: 100%;
}

.section_social_story3 .heading table td {
	vertical-align: middle;
	line-height: 100%;
}

.section_social_story3 {
	width: 100%;
	background-color: #222e43;
	padding-top: 0px;
	background-repeat: repeat-x;
	background-position: bottom center;
	position: relative;
}

.section_social_story3_container {
	max-width: 100%;
	margin: auto;
}

.bxslider_about_highlightnews_area img {
	width: 100%;
}

.bxslider_about_highlightnews_area .bx-wrapper .bx-next {
	right: 10px;
	background: url('../../images/btn_next.png?v=2') no-repeat 0px 0px;
}

.bxslider_about_highlightnews_area .bx-wrapper .bx-next:hover,
.bxslider_about_highlightnews_area .bx-wrapper .bx-next:focus {
	background-position: 0 0;
}

.bxslider_about_highlightnews_area .bx-wrapper .bx-prev {
	left: 10px;
	background: url('../../images/btn_prev.png?v=2') no-repeat 0px 0px;
}

.bxslider_about_highlightnews_area .bx-wrapper .bx-prev:hover,
.bxslider_about_highlightnews_area .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}

.bxslider_about_highlightnews_area .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 52px;
	height: 49px;
	text-indent: -9999px;
	z-index: 9999;
}

.scroll_list {
	padding-right: 30px;
}

.scroll_list::-webkit-scrollbar {
	width: 24px;
}

.scroll_list::-webkit-scrollbar-track {
	background-image: url(../../images/scroll_track.png?v=2);
	background-repeat: repeat-y;
	background-position: top center;
}

.scroll_list::-webkit-scrollbar-thumb {
	background-image: url(../../images/scroll_thumb.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.inside_social_list {
	clear: both;
	padding-top: 30px;
}

.inside_social_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.inside_social_list ul li {
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	position: relative;
	line-height: 100%;
}

.inside_social_list ul li img {
	height: 50px;
}

.inside_social_list ul li:first-child {
	background-image: none;
}

.inside_social_list ul li a:link,
.inside_social_list ul li a:visited {
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.inside_social_list ul li a:hover,
.inside_social_list ul li a.current:link,
.inside_social_list ul li a.current:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.section_general {
	width: 100%;
	background-color: #938675;
	padding-top: 50px;
	padding-bottom: 100px;
	background-repeat: repeat-x;
	background-position: bottom center;
}

.section_general_container {
	max-width: 96%;
	margin: auto;
}

.section_general .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #f5dea8;
	font-size: 400%;
	margin-bottom: 30px;
}

.section_general .desc {
	color: #ffffff;
}

.section_dinning_body {
	background-color: #113f5e;
}

.section_dinning_body .header {
	background-color: #113f5e;
}

.section_dinning_body .topmenu ul li a:link,
.section_dinning_body .topmenu ul li a:visited {
	color: #ffffff;
}

.section_dinning_body .topmenu ul li a:hover,
.section_dinning_body .topmenu ul li a.current:link,
.section_dinning_body .topmenu ul li a.current:visited {
	color: #938675;
}

.section_dinning_body .global_nav ul li a:link,
.section_dinning_body .global_nav ul li a:visited {
	color: #ffffff;
}

.section_dinning_body .global_nav ul li a:hover,
.section_dinning_body .global_nav ul li a.current:link,
.section_dinning_body .global_nav ul li a.current:visited {
	color: #938675;
}

.section_dinning_body .global_nav ul li {
	background-image: url(../../images/lang_nav.png);
}

.section_dinning_body .global_nav ul li:first-child {
	background-image: none;
}

.section_dinning_body .lang_nav ul li a:link,
.section_dinning_body .lang_nav ul li a:visited {
	color: #ffffff;
}

.section_dinning_body .lang_nav ul li a:hover,
.section_dinning_body .lang_nav ul li a.current:link,
.section_dinning_body .lang_nav ul li a.current:visited {
	color: #938675;
}

.section_dinning_body .lang_nav ul li {
	background-image: url(../../images/lang_nav.png);
}

.section_dinning_body .lang_nav ul li:first-child {
	background-image: none;
}

.section_dinning_body .topmenu ul li {
	background-image: url(../../images/topmenu.png);
}

.section_dinning_body .topmenu ul li:first-child {
	background-image: none;
}

.section_dinning1 {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-repeat: repeat-x;
	background-position: bottom center;
}

.section_dinning1_container {
	max-width: 96%;
	margin: auto;
}

.section_heading2 {
	width: 100%;
	position: relative;
}

.section_heading2 img {
	max-width: 446px;
}

.section_heading2 .title {
	position: absolute;
	left: 10%;
	top: 5%;
	font-family: 'DIN-Black';
	color: #222e43;
	font-size: 670%;
}

.section_dinning2 {
	width: 100%;
	padding-top: 100px;
	padding-top: 50px;
	background-repeat: repeat-y;
	background-position: top center;
	position: relative;
	/*
    background-image:url(../../images/bg/dinning.jpg?v=2);
    min-height:825px;
    background-color:#5a6281;

*/
}

.section_dinning2_container {
	max-width: 96%;
	margin: auto;
}

.section_dinning2_list {
	width: 100%;
	min-height: 825px;
	position: relative;
}

.section_dinning2_list_space {
	clear: both;
	padding-top: 100px;
}

.section_dinning2_list .item {
	width: 25%;
	position: absolute;
}

.section_dinning2_list .item_width {
	width: 16%;
}

.section_dinning2_list .item img {
	width: 100%;
}

.section_dinning2_list .item .img2 {
	display: none;
}

.section_dinning2_list .item:hover .img1 {
	display: none;
}

.section_dinning2_list .item:hover .img2 {
	display: inline;
}

.section_dinning2_list .item1 {
	right: 34%;
	top: -30%;
}

.section_dinning2_list .item2 {
	left: 22%;
	top: 0px;
}

.section_dinning2_list .item3 {
	right: 5%;
	top: -24%;
}

.section_dinning2_list .item4 {
	left: 48%;
	top: 16%;
}

.section_dinning2_list .item5 {
	right: 6%;
	top: 10%;
}

.section_dinning2_list .item6 {
	left: 25%;
	top: 30%;
}

.section_dinning2_list .item7 {
	left: 45%;
	top: 50%;
}

.section_dinning2_list .item8 {
	left: 0%;
	top: 19%;
}

.section_dinning2_list .item9 {
	right: 0%;
	top: 55%;
}

.section_dinning2_list .item1 img {
	animation: animate_moveupdown 2s linear infinite;
}

.section_dinning2_list .item2 img {
	animation: animate_moveupdown2 2s linear infinite;
}

.section_dinning2_list .item3 img {
	animation: animate_moveupdown2 2s linear infinite;
}

.section_dinning2_list .item4 img {
	animation: animate_moveupdown3 2s linear infinite;
}

.section_dinning2_list .item5 img {
	animation: animate_moveupdown 2s linear infinite;
}

.section_dinning2_list .item6 img {
	animation: animate_moveupdown 2s linear infinite;
}

.section_dinning2_list .item7 img {
	animation: animate_moveupdown2 2s linear infinite;
}

.section_dinning2_list .item8 img {
	animation: animate_moveupdown 2s linear infinite;
}

.section_dinning2_list .item9 img {
	animation: animate_moveupdown2 2s linear infinite;
}

@keyframes animate_moveupdown {

	0%,
	100% {
		margin-top: 0;
	}

	50% {
		margin-top: 10px;
	}
}

@keyframes animate_moveupdown2 {

	0%,
	100% {
		margin-top: 10px;
	}

	50% {
		margin-top: 0px;
	}
}

@keyframes animate_moveupdown3 {

	0%,
	100% {
		margin-top: 5px;
	}

	50% {
		margin-top: 0px;
	}
}

.inside_banner {
	clear: both;
	width: 100%;
	background-repeat: repeat-x;
	background-position: bottom center;
	background-image: url(../../images/bg/blue2.jpg);
}

.inside_banner_container {
	max-width: 96%;
	margin: auto;
	position: relative;
}

.bxslider_inside_banner_area {
	width: 80%;
}

.bxslider_inside_banner_area {
	width: 100%;
}

.inside_content_align2 .bxslider_inside_banner_area {
	float: right;
}

.inside_banner_logo {
	position: absolute;
	width: 25%;
	bottom: -20%;
}

.inside_banner_logo img {
	width: 100%;
}

.inside_content_align2 .inside_banner_logo {
	left: 10%;
	bottom: -22%;
}

.inside_content_align1 .inside_banner_logo {
	right: 2%;
}

.inside_banner_logo_width {
	width: 14%;
}

.inside_content_align {}

.inside_restaurant {
	clear: both;
	width: 100%;
	background-color: #d2d9e5;
	padding-top: 5%;
	padding-bottom: 100px;
}

.inside_restaurant_container {
	max-width: 1100px;
	margin-left: 16%;
	position: relative;
}

.bxslider_inside_content_area {
	width: 100%;
}

.bxslider_inside_content_area img {
	width: 100%;
}

.inside_restaurant_top {
	width: 100%;
}

.inside_restaurant_top_left {
	float: left;
	width: 38%;
}

.inside_restaurant_top_right {
	float: right;
	width: 58%;
}

.inside_restaurant_top_right .floor {
	color: #5a6281;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	line-height: 90%;
	font-size: 400%;
}

.inside_restaurant_top_right .title {
	color: #5a6281;
	line-height: 90%;
	font-size: 200%;
	padding-top: 20px;
}

.inside_restaurant_top_right .desc {
	color: #5a6281;
	padding-top: 20px;
	width: 90%;
}

.inside_restaurant_top_right .desc_container {
	display: block;
	max-height: 280px;
	overflow: auto;
}

.inside_restaurant_bottom {
	clear: both;
	width: 100%;
	padding-top: 50px;
}

.inside_restaurant_bottom_col {
	float: left;
	width: 33.33%;
	color: #5a6281;
}

.inside_restaurant_bottom_col_container {
	display: block;
	min-height: 200px;
	padding: 0px 30px 0px 30px;
	border-right: 2px solid #ffffff;
}

.inside_restaurant_bottom_col3 .inside_restaurant_bottom_col_container {
	padding: 0px 30px 0px 30px;
	border-right: none;
}

.inside_restaurant_bottom_col .title {
	color: #222e43;
	font-weight: bold;
	margin-bottom: 10px;
}

.inside_restaurant_bottom_col .desc {
	font-size: 16px;
	line-height: 150%;
}

.inside_restaurant_bottom_col a:link,
.inside_restaurant_bottom_col a:visited {
	color: #222e43;
}

.inside_restaurant_bottom_col a:hover {
	color: #222e43;
	text-decoration: underline;
}

.btn_book_now {
	clear: both;
	padding-top: 20px;
}

.btn_book_now a:link,
.btn_book_now a:visited {
	color: #222e43;
	font-weight: bold;
}

.btn_book_now a:hover {
	color: #222e43;
	font-weight: bold;
	text-decoration: underline;
}

.inside_content_align2 .inside_restaurant_top_left {
	float: right;
}

.inside_content_align2 .inside_restaurant_top_right {
	float: left;
}

.inside_content_align2 .inside_restaurant_top_right .floor_width {
	padding-left: 20%;
}

.inside_content_align2 .inside_restaurant_container {
	margin-left: 25%;
	padding-top: 4%;
	margin-left: 26%;
}

.inside_content_align2 .inside_restaurant_container_width {
	padding-top: 0%;
}

.section_social_happening1 {
	width: 100%;
	background-color: #ffffff;
	padding-top: 50px;
	padding-bottom: 50px;
}

.section_social_happening1_container {
	max-width: 96%;
	margin: auto;
}

.section_social_happening_body {
	background-color: #f3d99f;
}

.section_social_happening_body .header {
	background-color: #f3d99f;
}

.section_social_happening_body .topmenu ul li a:link,
.section_social_happening_body .topmenu ul li a:visited {
	color: #5a6281;
}

.section_social_happening_body .topmenu ul li a:hover,
.section_social_happening_body .topmenu ul li a.current:link,
.section_social_happening_body .topmenu ul li a.current:visited {
	color: #938675;
}

.section_social_happening_body .global_nav ul li a:link,
.section_social_happening_body .global_nav ul li a:visited {
	color: #5a6281;
}

.section_social_happening_body .global_nav ul li a:hover,
.section_social_happening_body .global_nav ul li a.current:link,
.section_social_happening_body .global_nav ul li a.current:visited {
	color: #938675;
}

.section_social_happening_body .global_nav ul li {
	background-image: url(../../images/lang_nav2.png);
}

.section_social_happening_body .global_nav ul li:first-child {
	background-image: none;
}

.section_social_happening_body .lang_nav ul li a:link,
.section_social_happening_body .lang_nav ul li a:visited {
	color: #5a6281;
}

.section_social_happening_body .lang_nav ul li a:hover,
.section_social_happening_body .lang_nav ul li a.current:link,
.section_social_happening_body .lang_nav ul li a.current:visited {
	color: #938675;
}

.section_social_happening_body .lang_nav ul li {
	background-image: url(../../images/lang_nav2.png);
}

.section_social_happening_body .lang_nav ul li:first-child {
	background-image: none;
}

.section_social_happening1_top {
	width: 100%;
}

.section_social_happening1_top_left {
	float: left;
	width: 48%;
}

.section_social_happening1_top_right {
	float: right;
	width: 48%;
}

.section_social_happening1_top_right .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #f5dea8;
	font-size: 400%;
	margin-bottom: 40px;
	font-weight: bold;
}

.section_social_happening1_top_right .desc {
	color: #ffffff;
}

.section_social_happening1_top_right .desc_container {
	display: block;
	max-height: 280px;
	overflow: auto;
}

.section_social_happening1_top_right img {
	width: 100%;
}

.section_heading3 {
	width: 100%;
	position: relative;
}

.section_heading3 img {
	max-width: 240px;
}

.section_heading3 .title {
	position: absolute;
	left: 10%;
	top: 22%;
	font-family: 'DIN-Black';
	color: #222e43;
	font-size: 480%;
	text-transform: uppercase;
	line-height: 80%;
}

.current_events_list {
	clear: both;
	width: 100%;
	padding-top: 50px;
}

.current_events_list .item {
	clear: both;
	width: 100%;
	margin-bottom: 50px;
	cursor: pointer;
}

.current_events_list .item .photo {
	float: left;
	width: 46%;
}

.current_events_list .item .photo img {
	width: 100%;
}

.current_events_list .item .content {
	float: right;
	width: 46%;
}

.current_events_list .item .title {
	color: #222e43;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 400%;
	line-height: 90%;
	text-transform: uppercase;
}

.current_events_list .item .desc {
	color: #222e43;
	min-height: 150px;
	padding-top: 20px;
	line-height: 150%;
}

.current_events_list .item .date {
	color: #222e43;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 300%;
	padding-top: 20px;
	line-height: 90%;
}

.current_events_list .item:nth-child(even) .photo {
	float: right;
}

.current_events_list .item:nth-child(even) .content {
	float: left;
}

.section_social_happening2 {
	width: 100%;
	background-color: #f3d99f;
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 300px;
}

.section_social_happening2_container {
	width: 100%;
	margin: auto;
	position: relative;
}

.section_social_happening2 .heading {
	position: absolute;
	left: 8%;
	top: 0px;
	z-index: 9999;
	width: 30%;
}

.section_social_happening2 .heading img {
	max-width: 441px;
}

.bxslider_upcoming_event_area {
	float: right;
	width: 70%;
	background-color: #ffffff;
	margin-top: 5%;
}

.bxslider_upcoming_event_area .slide {}

.bxslider_upcoming_event_area .slide .photo {
	float: right;
	width: 66%;
	min-height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bxslider_upcoming_event_area .slide .photo img {
	width: 100%;
}

.bxslider_upcoming_event_area .slide .content {
	float: left;
	width: 34%;
}

.bxslider_upcoming_event_area .slide .content_container {
	display: block;
	padding: 60px 40px 40px 40px;
}

.bxslider_upcoming_event_area .title {
	color: #222e43;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 200%;
	line-height: 90%;
	padding-top: 30px;
	text-transform: uppercase;
}

.bxslider_upcoming_event_area .desc {
	color: #222e43;
	min-height: 150px;
	padding-top: 20px;
	line-height: 150%;
}

.bxslider_upcoming_event_area .date {
	color: #a18f72;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 300%;
	line-height: 90%;
}

.bxslider_upcoming_event_area .bx-wrapper .bx-next {
	left: 36%;
	background: url('../../images/btn_next.png?v=2') no-repeat 0px 0px;
}

.bxslider_upcoming_event_area .bx-wrapper .bx-next:hover,
.bxslider_upcoming_event_area .bx-wrapper .bx-next:focus {
	background-position: 0 0;
}

.bxslider_upcoming_event_area .bx-wrapper .bx-prev {
	left: -72px;
	background: url('../../images/btn_prev.png?v=2') no-repeat 0px 0px;
}

.bxslider_upcoming_event_area .bx-wrapper .bx-prev:hover,
.bxslider_upcoming_event_area .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}

.bxslider_upcoming_event_area .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 52px;
	height: 49px;
	text-indent: -9999px;
	z-index: 9999;
}

.btn_link {
	cursor: pointer;
}

.section_social_happening3 {
	width: 100%;
	background-color: #f3d99f;
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 300px;
}

.section_social_happening3_container {
	width: 100%;
	margin: auto;
	position: relative;
}

.section_social_happening3 .heading {
	color: #222e43;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 300%;
	line-height: 90%;
	margin-bottom: 40px;
	padding-left: 2%;
}

.bxslider_past_event_area {
	width: 98%;
	float: right;
}

.bxslider_past_event_area img {
	width: 100%;
	/*
    filter: gray; 
    -webkit-filter: grayscale(1); 
    filter: grayscale(1); 

*/
}

.bxslider_past_event_area .slide {
	position: relative;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	opacity: 1;
	/*
    filter: gray; 
    -webkit-filter: grayscale(1); 
    filter: grayscale(1); /
*/
}

.bxslider_past_event_area .slide:hover {
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	opacity: 1;
}

.bxslider_past_event_area .slide .title {
	position: absolute;
	left: 5%;
	bottom: 5%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	font-size: 200%;
	text-transform: uppercase;
}

.bxslider_past_event_area .bx-wrapper .bx-next {
	right: 10px;
	background: url('../../images/btn_next.png?v=2') no-repeat 0px 0px;
}

.bxslider_past_event_area .bx-wrapper .bx-next:hover,
.bxslider_past_event_area .bx-wrapper .bx-next:focus {
	background-position: 0 0;
}

.bxslider_past_event_area .bx-wrapper .bx-prev {
	left: 10px;
	background: url('../../images/btn_prev.png?v=2') no-repeat 0px 0px;
}

.bxslider_past_event_area .bx-wrapper .bx-prev:hover,
.bxslider_past_event_area .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
}

.bxslider_past_event_area .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 52px;
	height: 49px;
	text-indent: -9999px;
	z-index: 9999;
}

.inside_banner .title_container {
	display: block;
	padding: 20px 20px 20px 20px;
	padding: 20px 0px 20px 0px;
	line-height: 100%;
}

.inside_banner .title {
	/*
    position:absolute;
    left:0%;
    bottom:0%;

*/
	width: 80%;
	color: #000000;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 500%;
	line-height: 90%;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	font-size: 300%;
	line-height: 100%;
	width: 100%;
}

.inside_content_align2 .inside_banner .title {
	/*
    position:absolute;
    left:inherit;
    right:0%;
    bottom:0%;
*/
	float: right;
	width: 80%;
	color: #000000;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 500%;
	line-height: 90%;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
	text-align: right;
	font-size: 300%;
	width: 100%;
}

.section_social_happening_detail .bxslider_inside_banner_area .bx-wrapper .bx-pager,
.section_social_happening_detail .bxslider_inside_banner_area .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: inherit;
	text-align: right;
}

.section_social_happening_detail .inside_banner {
	/*
  background-image:url(../../images/bg/white.jpg);
  */
	background-image: none;
	background-color: #f3d99f;
	padding-bottom: 20px;
}

.inside_events {
	clear: both;
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 100px;
	background-image: url(../../images/bg/yellow.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
}

.inside_events2 {
	clear: both;
	width: 100%;
}

.inside_events_container {
	max-width: 96%;
	margin: auto;
	position: relative;
	/*
    background-image:url(../../images/bubble/blue_big.png);
    background-repeat:no-repeat;
    background-position:left -1200% top 100px;
    padding-top:5%;
    min-height:1000px;
*/
}

.inside_events_top {
	width: 100%;
	padding-top: 60px;
	position: relative;
}

.inside_events_top_left {
	float: left;
	width: 70%;
	margin-left: -10%;
}

.inside_events_top_left_right {
	float: right;
	width: 80%;
}

.inside_events_top_left_container {
	display: block;
	/*
    -webkit-border-radius: 280px;
-moz-border-radius: 280px;
border-radius: 280px;
background-color:#222e43;
padding:100px 120px 100px 20%;
min-height:400px;

-webkit-border-radius: 180px;
-moz-border-radius: 180px;
border-radius: 180px;

padding:50px 5% 50px 80px;

*/
	max-width: 700px;
	-webkit-border-radius: 280px;
	-moz-border-radius: 280px;
	border-radius: 280px;
	background-color: #222e43;
	padding: 80px 140px 120px 140px;
	min-height: 280px;
	text-align: justify;
}

.inside_events_top_left_right .inside_events_top_left_container {
	float: right;
}

.inside_events_top_left .photo {
	float: right;
	width: 10%;
	margin-right: 38%;
}

.inside_events_top_left_right .photo {
	float: right;
	width: 10%;
	margin-right: 25%;
}

.inside_events_top_left .photo img {
	max-width: 120px;
}

.inside_events_top_right {
	position: absolute;
	right: 0px;
	top: 180px;
	width: 38%;
}

.inside_events_top_left .desc {
	color: #5a6281;
	padding-top: 20px;
	width: 90%;
}

.inside_events_top_left .desc_container {
	display: block;
	max-height: 280px;
	overflow: auto;
	color: #ffffff;
}

.inside_events_top_left .desc strong {
	/*
    color:#f3d99f;
    margin:0;
    padding:0;
    margin-bottom:10px;
    padding-bottom:0px;

    font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
     font-size:200%;
     line-height:90%;
     */
	font-weight: bold;
}

.inside_events_bottom {
	clear: both;
	width: 100%;
}

.inside_events_bottom_left {
	float: left;
	width: 50%;
	margin-top: -200px;
}

.inside_events_bottom_right {
	float: right;
	width: 580px;
}

.inside_events_bottom_right_left {
	float: left;
}

.inside_events_bottom_left_container {
	display: block;
	padding-left: 12%;
}

.bxslider_inside_content2_area {
	width: 100%;
}

.bxslider_inside_content2_area img {
	width: 100%;
}

.inside_events_remark {
	color: #222e43;
	padding-top: 40px;
	padding-bottom: 40px;
}

.inside_events_date_area {
	width: 100%;
	position: relative;
	text-align: center;
}

.inside_events_date_area_container {
	display: block;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	background-color: #a18f72;
	padding: 40px 80px 40px 80px;
}

.inside_events_date_area .photo {
	width: 10%;
	margin-left: 25%;
	margin-left: 26%;
	margin-top: -10px;
}

.inside_events_date_area .photo img {
	max-width: 69px;
}

.inside_events_date_area img {
	width: 100%;
}

.inside_events_date_area .content {
	margin: auto;
	color: #ffffff;
}

.inside_events_date_area .title {
	font-family: 'DIN-Black';
	padding-bottom: 5px;
	color: #f5dea8;
	font-size: 240%;
	text-transform: uppercase;
}

.inside_events_date_area .date {
	line-height: 150%;
	color: #ffffff;
	padding-top: 10px;
}

.inside_events_date_area .desc {
	line-height: 150%;
	color: #ffffff;
}

.btn_register_now {
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.btn_register_now a:link,
.btn_register_now a:visited {
	font-family: 'DIN-Black';
	color: #ffffff;
	font-size: 220%;
	text-decoration: none;
}

.btn_register_now a:hover {
	font-family: 'DIN-Black';
	color: #f5dea8;
	font-size: 220%;
	text-decoration: none;
}

.social_venue_list {
	clear: both;
	width: 100%;
	padding-top: 50px;
}

.social_venue_list .item {
	clear: both;
	width: 100%;
	margin-bottom: 50px;
	cursor: pointer;
}

.social_venue_list .item .photo {
	float: left;
	width: 46%;
}

.social_venue_list .item .photo img {
	width: 100%;
}

.social_venue_list .item .content {
	float: right;
	width: 46%;
}

.social_venue_list .item .title {
	color: #222e43;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 400%;
	line-height: 90%;
	text-transform: uppercase;
}

.social_venue_list .item .desc {
	color: #222e43;
	min-height: 150px;
	padding-top: 20px;
	line-height: 150%;
}

.social_venue_list .item .date {
	color: #222e43;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 300%;
	padding-top: 20px;
	line-height: 90%;
}

.social_venue_list .item:nth-child(even) .photo {
	float: right;
}

.social_venue_list .item:nth-child(even) .content {
	float: left;
}

.inside_social_venue {
	clear: both;
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 100px;
	background-image: url(../../images/bg/yellow.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
}

.inside_social_venue2 {
	clear: both;
	width: 100%;
}

.inside_social_venue_container {
	max-width: 96%;
	margin: auto;
	position: relative;
	/*
  background-image:url(../../images/bubble/blue_big.png);
  background-repeat:no-repeat;
  background-position:left -1200% top 100px;
  padding-top:5%;
  min-height:1000px;*/
}

.inside_social_venue_top {
	width: 100%;
	padding-top: 60px;
	position: relative;
}

.inside_social_venue_top_left {
	float: left;
	width: 80%;
	margin-left: -10%;
}

.inside_social_venue_top_left_container {
	display: block;
	/*
 -webkit-border-radius: 280px;
-moz-border-radius: 280px;
border-radius: 280px;
background-color:#222e43;
padding:100px 120px 100px 20%;
min-height:400px;

-webkit-border-radius: 180px;
-moz-border-radius: 180px;
border-radius: 180px;

padding:50px 5% 50px 80px;

*/
	max-width: 700px;
	-webkit-border-radius: 280px;
	-moz-border-radius: 280px;
	border-radius: 280px;
	background-color: #222e43;
	padding: 80px 140px 120px 140px;
	min-height: 280px;
	text-align: justify;
}

.inside_social_venue_top_left_right .inside_social_venue_top_left_container {
	float: right;
}

.inside_social_venue_top_left .photo {
	float: right;
	width: 10%;
	margin-right: 38%;
}

.inside_social_venue_top_left_right .photo {
	float: right;
	width: 10%;
	margin-right: 25%;
}

.inside_social_venue_top_left .photo img {
	max-width: 120px;
}

.inside_social_venue_top_right {
	position: absolute;
	right: 0px;
	top: 180px;
	width: 38%;
}

.inside_social_venue_top_left .desc {
	color: #5a6281;
	padding-top: 20px;
	width: 90%;
}

.inside_social_venue_top_left .desc_container {
	display: block;
	max-height: 280px;
	overflow: auto;
	color: #ffffff;
}

.inside_social_venue_top_left .desc strong {
	color: #f3d99f;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 200%;
	line-height: 90%;
}

.inside_social_venue_bottom {
	clear: both;
	width: 100%;
	padding-top: 50px;
}

.inside_social_venue_bottom_left {
	float: left;
	width: 50%;
	margin-top: -200px;
}

.inside_social_venue_bottom_right {
	float: right;
	width: 42%;
	margin-top: -200px;
}

.inside_social_venue_bottom_left_container {
	display: block;
	padding-left: 12%;
}

.bxslider_inside_content2_area {
	width: 100%;
}

.bxslider_inside_content2_area img {
	width: 100%;
}

.inside_social_venue_remark {
	color: #222e43;
	padding-top: 40px;
	padding-bottom: 40px;
}

.inside_social_venue_date_area {
	width: 100%;
	position: relative;
}

.inside_social_venue_date_area_container {
	display: block;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	background-color: #a18f72;
	padding: 40px 80px 40px 80px;
}

.inside_social_venue_date_area .photo {
	width: 10%;
	margin-left: 25%;
	margin-left: 26%;
	margin-top: -10px;
}

.inside_social_venue_date_area .photo img {
	max-width: 69px;
}

.inside_social_venue_date_area .content {
	color: #ffffff;
}

.inside_social_venue_date_area .title {
	font-weight: bold;
	padding-bottom: 5px;
}

.inside_social_venue_date_area .date {
	font-weight: bold;
	font-size: 200%;
	padding-bottom: 10px;
}

.inside_social_venue_date_area .desc {
	line-height: 150%;
}

.press_list {
	clear: both;
	max-width: 1100px;
	margin: auto;
}

.press_list .item {
	float: left;
	width: 29.33%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 50px;
}

.press_list .item .photo {
	width: 100%;
}

.press_list .item .photo img {
	width: 100%;
}

.press_list .item .content {
	width: 100%;
	padding-top: 20px;
}

.press_list .item .title {
	color: #ffffff;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 200%;
	line-height: 90%;
	text-align: center;
}

.press_list .item .title a:link,
.press_list .item .title a:visited {
	color: #ffffff;
	text-decoration: none;
}

.press_list .item .title a:hover {
	color: #ffffff;
	text-decoration: none;
}

.inside_press {
	clear: both;
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 100px;
	background-image: url(../../images/bg/yellow.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
}

.inside_press2 {
	clear: both;
	width: 100%;
}

.inside_press_container {
	max-width: 96%;
	margin: auto;
	position: relative;
	/*
  background-image:url(../../images/bubble/blue_big.png);
  background-repeat:no-repeat;
  background-position:left -1200% top 100px;
  padding-top:5%;
  min-height:1000px;*/
}

.inside_press_top {
	width: 100%;
	padding-top: 60px;
	position: relative;
}

.inside_press_top_left {
	float: left;
	width: 80%;
	margin-left: -10%;
}

.inside_press_top_left_container {
	display: block;
	-webkit-border-radius: 280px;
	-moz-border-radius: 280px;
	border-radius: 280px;
	background-color: #222e43;
	padding: 100px 120px 100px 20%;
	min-height: 400px;
	-webkit-border-radius: 180px;
	-moz-border-radius: 180px;
	border-radius: 180px;
	padding: 50px 0px 50px 80px;
}

.inside_press_top_left .photo {
	float: right;
	width: 10%;
	margin-right: 30%;
}

.inside_press_top_left .photo img {
	max-width: 137px;
}

.inside_press_top_right {
	position: absolute;
	right: 0px;
	top: 180px;
	width: 38%;
}

.inside_press_top_left .desc {
	color: #5a6281;
	padding-top: 20px;
	width: 90%;
}

.inside_press_top_left .desc_container {
	display: block;
	max-height: 280px;
	overflow: auto;
	color: #ffffff;
}

.inside_press_top_left .desc strong {
	color: #f3d99f;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 200%;
	line-height: 90%;
}

.inside_press_bottom {
	clear: both;
	width: 100%;
	padding-top: 50px;
}

.inside_press_bottom_left {
	float: left;
	width: 50%;
	margin-top: -200px;
}

.inside_press_bottom_right {
	float: right;
	width: 42%;
	margin-top: -200px;
}

.inside_press_bottom_left_container {
	display: block;
	padding-left: 12%;
}

.bxslider_inside_content2_area {
	width: 100%;
}

.bxslider_inside_content2_area img {
	width: 100%;
}

.inside_press_remark {
	color: #222e43;
	padding-top: 40px;
	padding-bottom: 40px;
}

.inside_press_date_area {
	width: 100%;
	position: relative;
}

.inside_press_date_area_container {
	display: block;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	background-color: #a18f72;
	padding: 40px 80px 40px 80px;
}

.inside_press_date_area .photo {
	width: 10%;
	margin-left: 25%;
	margin-left: 26%;
	margin-top: -10px;
}

.inside_press_date_area .photo img {
	max-width: 69px;
}

.inside_press_date_area .content {
	color: #ffffff;
}

.inside_press_date_area .title {
	font-weight: bold;
	padding-bottom: 5px;
}

.inside_press_date_area .date {
	font-weight: bold;
	font-size: 200%;
	padding-bottom: 10px;
}

.inside_press_date_area .desc {
	line-height: 150%;
}

.section_social_venue_detail .inside_banner {
	background-image: url(../../images/bg/white.jpg);
}

.section_press_detail .inside_banner {
	background-image: url(../../images/bg/white.jpg);
}

.section_what_hot {
	width: 100%;
	clear: both;
	width: 100%;
	background-repeat: repeat-x;
	background-position: top center;
	background-image: url(../../images/bg/blue6.jpg);
	background-color: #444865;
}

.section_what_hot_container {
	max-width: 1480px;
	margin: auto;
}

.highlightnews_list {
	max-width: 96%;
	margin: auto;
	padding-bottom: 100px;
	padding-top: 50px;
}

.highlightnews_item1 {
	width: 100%;
	margin-bottom: 100px;
	position: relative;
}

.highlightnews_item1 .heading {
	position: absolute;
	left: 0px;
	top: -18%;
	width: 100%;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'DIN-Black';
	font-size: 1200%;
	line-height: 80%;
	top: -10%;
	font-size: 1000%;
}

.highlightnews_item1 .photo {
	width: 96%;
	margin: auto;
	position: relative;
}

.highlightnews_item1 .photo img {
	width: 100%;
}

.highlightnews_item1 .content {
	float: right;
	width: 38%;
	margin-right: 2%;
	margin-top: -250px;
}

.highlightnews_item1 .content_container {
	display: block;
	-webkit-border-radius: 280px;
	-moz-border-radius: 280px;
	border-radius: 280px;
	padding: 300px 60px 120px 60px;
	background-color: #231f20;
	min-height: 400px;
}

.highlightnews_item1 .title {
	color: #f3d99f;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 300%;
	line-height: 90%;
	text-transform: uppercase;
}

.highlightnews_item1 .desc {
	padding-top: 20px;
	width: 100%;
}

.highlightnews_item1 .desc p {
	line-height: 200%;
}

.highlightnews_item1 .desc_container {
	display: block;
	text-align: justify;
	padding-right: 20px;
}

.highlightnews_item1 .content_footer {
	position: absolute;
	width: 20%;
	right: 2%;
	bottom: 20px;
}

.highlightnews_item1 .content_footer img {
	max-width: 74px;
	float: right;
}

.highlightnews_item2 {
	width: 62%;
	/*
  margin-bottom:100px;
  min-height:800px;
  background-repeat:no-repeat;
  background-position:right  top;
  background-image:url(../../images/whathot/img2.png?V=2);

*/
	position: relative;
	margin-top: -20%;
}

.highlightnews_item2 .photo {
	width: 70%;
	margin: auto;
	clear: both;
	margin-top: -150px;
}

.highlightnews_item2 .photo img {
	width: 100%;
}

.highlightnews_item2 .content {
	width: 100%;
}

.highlightnews_item2 .content_container {
	display: block;
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 280px;
	-webkit-border-bottom-right-radius: 280px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 280px;
	-moz-border-radius-bottomright: 280px;
	border-radius: 20px;
	border-top-right-radius: 280px;
	border-bottom-right-radius: 280px;
	padding: 80px 100px 80px 170px;
	background-color: #231f20;
}

.highlightnews_item2 .title {
	color: #f3d99f;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 300%;
	line-height: 90%;
	text-transform: uppercase;
}

.highlightnews_item2 .desc {
	padding-top: 20px;
	width: 100%;
}

.highlightnews_item2 .desc p {
	line-height: 200%;
}

.highlightnews_item2 .desc_container {
	display: block;
	padding-right: 30px;
}

.highlightnews_item2 .content_footer {
	width: 20%;
	margin-left: 5%;
}

.highlightnews_item2 .content_footer img {
	max-width: 99px;
}

.highlightnews_item3 {
	width: 100%;
	/*
  min-height:800px;
  background-repeat:no-repeat;
  background-position:right  top;
  background-image:url(../../images/whathot/img2.png?V=2);
*/
	margin-top: 50px;
	position: relative;
	margin-bottom: 100px;
}

.highlightnews_item3 .photo {
	width: 40%;
	position: absolute;
	right: 0px;
	top: -30%;
}

.highlightnews_item3 .photo img {
	width: 100%;
}

.highlightnews_item3 .content {
	width: 70%;
	margin: auto;
}

.highlightnews_item3 .content_container {
	display: block;
	-webkit-border-radius: 280px;
	-moz-border-radius: 280px;
	border-radius: 280px;
	padding: 80px 35% 80px 140px;
	background-color: #231f20;
	min-height: 300px;
}

.highlightnews_item3 .title {
	color: #f3d99f;
	text-transform: uppercase;
	font-family: 'DIN-Black', 'MYuenHK-Medium', 'MHeiHK', '微軟正黑體', Arial, Verdana, sans-serif;
	font-size: 300%;
	line-height: 90%;
}

.highlightnews_item3 .desc {
	padding-top: 20px;
	width: 100%;
}

.highlightnews_item3 .desc p {
	line-height: 200%;
}

.highlightnews_item3 .desc_container {
	display: block;
	padding-right: 30px;
}

.highlightnews_item3 .content_footer {
	width: 20%;
	margin-left: 25%;
	margin-left: 26%;
	margin-top: -10px;
}

.highlightnews_item3 .content_footer img {
	max-width: 99px;
}

.section_home_area {
	width: 100%;
	position: relative;
	height: 100%;
	overflow: hidden;
}

.section_home_area_img {
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: 30%;
	background-image: url(../../images/bg/home.png);
	background-repeat: none;
	background-position: center center;
	height: 60%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.section_home_area_img img {
	width: 100%;
}

.section_home_logo_list {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 99999;
}

.section_home_logo_list_container {
	max-width: 96%;
	margin: auto;
}

.section_home_logo_list .item {
	cursor: pointer;
}

.section_home_logo_list .item .img2 {
	display: none;
}

.section_home_logo_list .item:hover .img1 {
	display: none;
}

.section_home_logo_list .item:hover .img2 {
	display: inline;
}

.section_home_logo_list .item img {
	width: 100%;
}

.section_home_logo_list .item1 {
	float: right;
	max-width: 528px;
}

.section_home_logo_list .item2 {
	float: left;
	max-width: 528px;
	margin-top: -3%;
}

.section_home_logo_list .item3 {
	clear: both;
	margin: auto;
	max-width: 267px;
	margin-top: -5%;
}

a {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.section_what_hot_body {
	background-color: #938675;
}

.section_what_hot_body .header {
	background-color: #938675;
}

.footer_col_right {
	float: right;
	/* margin-left:20px;*/
	width: 270px;
	text-align: center;
}

.footer_logo {
	/* float:right;*/
	max-width: 200px;
	margin: auto;
}

.footer_logo img {
	width: 100%;
}

/****************/
.contact_info {
	width: 100%;
	text-align: center;
}

.contact_info p {
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.contact_info a:link,
.contact_info a:visited {
	color: #ffffff;
}

.contact_info a:hover {
	color: #ffffff;
}

.section_social_contact {
	padding-bottom: 50px;
}

.contact_form_section {
	width: 100%;
	background-color: #938675;
	padding-top: 50px;
	padding-bottom: 50px;
}

.contact_form_section_container {
	max-width: 96%;
	margin: auto;
}

.contact_form_section .heading {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	color: #f3d99f;
	font-family: 'DIN-Black';
	font-size: 600%;
}

.required {
	color: #F00;
	font-weight: bold;
}

.form_title {
	clear: both;
	font-weight: bold;
	margin-bottom: 20px;
	color: #ffc000;
	font-size: 15px;
}

.msg_form_error {
	color: #797979;
	/*font-weight:bold;*/
	text-align: left;
	clear: both;
	display: block;
	padding-top: 10px;
}

.err_msg {
	color: #ffffff;
	font-weight: bold;
	clear: both;
	display: block;
	text-align: left;
	font-size: 15px;
	padding-top: 10px;
	font-weight: normal;
	display: block;
	padding: 10px;
	background-color: #ff6c7a;
	display: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.confirm_msg_text {
	width: 100%;
	text-align: center;
	color: #000000;
}

.confirm_msg {
	clear: both;
	display: none;
}

table.confirm_msg td {}

.table_form {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.table_form .title {
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	width: 140px;
}

.table_form td {
	padding-bottom: 20px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ffffff;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ffffff;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ffffff;
}

.btn_submit {
	float: right;
	width: 200px;
}

.btn_submit img {
	width: 100%;
}

input.input_short {
	width: 280px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0px 2% 0px 2%;
	border: 1px #ffffff solid;
	font-size: 28px;
	font-weight: normal;
	background-color: #938675;
	font-family: 'DIN-Black';
	text-align: left;
	color: #ffffff;
}

input.input_middle3 {
	width: 96%;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0px 2% 0px 2%;
	border: 1px #ffffff solid;
	font-size: 28px;
	font-weight: normal;
	background-color: #938675;
	font-family: 'DIN-Black';
	text-align: left;
	color: #ffffff;
}

textarea.input_middle3 {
	width: 96%;
	height: 200px;
	line-height: 120%;
	margin: 0;
	padding: 10px 2% 10px 2%;
	border: 1px #ffffff solid;
	font-size: 28px;
	font-weight: normal;
	background-color: #938675;
	font-family: 'DIN-Black';
	text-align: left;
	color: #ffffff;
}

.btn_refresh_code {
	margin-left: 20px;
}

.security_code_img {
	margin-left: 20px;
}

.section_social_story1_bottom_photo_area {
	width: 90%;
	padding-top: 20px;
}

.section_social_story1_bottom_photo_list .item {
	float: inherit;
	clear: both;
	width: 100%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 10px;
}

.bxslider_about_highlightnews_area {
	background-color: #000000;
}

.contact_form_area {
	width: 100%;
	position: relative;
}

.contact_thank_popup {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}

.contact_thank_popup_container {
	max-width: 600px;
	margin: auto;
	padding-top: 5%;
}

.contact_thank_popup_container img {
	width: 100%;
}

.contact_thank_popup_box {
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	background: rgba(255, 255, 255, 0.95);
	position: relative;
}

.contact_thank_popup_box_container {
	display: block;
	padding: 10% 10% 10% 10%;
	color: #222e43;
	font-size: 190%;
	line-height: 140%;
	text-align: center;
}

.contact_thank_popup_box_footer {
	position: absolute;
	right: 20%;
	bottom: -67px;
	width: 70px;
}

.contact_thank_popup_box_footer img {
	width: 100%;
}

.inside_events {
	position: relative;
}

.btn_event_register {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 308px;
}

.btn_event_register_left {
	position: absolute;
	right: inherit;
	left: 0px;
	bottom: 0px;
	width: 308px;
}

.btn_event_register img {
	width: 100%;
}

.btn_event_register_left img {
	width: 100%;
}

.events_register_form {
	width: 100%;
	background-color: #f3d99f;
	padding-top: 50px;
	padding-bottom: 50px;
}

.events_register_form_container {
	max-width: 96%;
	margin: auto;
}

.events_register_form .heading {
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
	color: #222e43;
	font-family: 'DIN-Black';
	font-size: 400%;
}

.table_form2 {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

.table_form2 .title {
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	width: 140px;
}

.table_form2 td {
	padding-bottom: 20px;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	width: 49%;
}

.table_form2 td.content_left {
	padding-right: 1%;
}

.table_form2 td.content_right {
	padding-left: 1%;
}

select.input_middle4 {
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0px 0% 0px 1%;
	border: 1px #000000 solid;
	font-size: 28px;
	font-weight: normal;
	background-color: #f3d99f;
	font-family: 'DIN-Black';
	text-align: left;
	color: #000000;
}

.table_form2_group1 td {
	padding: 0px 0px 0px 0px;
}

.event_form_input_group1 {
	width: 100%;
}

.table_form2_group1 td.event_form_input_group1_left {
	width: 40%;
	border: 1px #000000 solid;
	border-right: none;
	font-size: 28px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	font-family: 'DIN-Black';
	padding-left: 1%;
}

.table_form2_group1 td.event_form_input_group1_right {
	width: 60%;
}

.table_form2_group1 td.event_form_input_group1_right select.input_middle4 {
	border-left: none;
}

.table_form2_group2 td {
	padding: 0px 0px 0px 0px;
}

.table_form2_group2 td.event_form_input_group2_left {
	width: 40%;
	border: 1px #000000 solid;
	border-right: none;
	font-size: 28px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	font-family: 'DIN-Black';
	padding-left: 2%;
}

.table_form2_group2 td.event_form_input_group2_right {
	width: 60%;
}

.table_form2_group2 td.event_form_input_group2_right select.input_middle4 {
	border-left: none;
}

select:focus {
	outline: none;
}

select.input_middle4 {
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0px 0% 0px 1%;
	border: 1px #000000 solid;
	font-size: 28px;
	font-weight: normal;
	background-color: #f3d99f;
	font-family: 'DIN-Black';
	text-align: left;
	color: #000000;
}

input.input_middle4 {
	width: 96%;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0px 2% 0px 2%;
	border: 1px #000000 solid;
	font-size: 28px;
	font-weight: normal;
	background-color: #f3d99f;
	font-family: 'DIN-Black';
	text-align: left;
	color: #000000;
}

input.input_short4 {
	width: 280px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0px 2% 0px 2%;
	border: 1px #000000 solid;
	font-size: 28px;
	font-weight: normal;
	background-color: #f3d99f;
	font-family: 'DIN-Black';
	text-align: left;
	color: #000000;
}

.table_form2 ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000000;
	opacity: 1;
	/* Firefox */
}

.table_form2 :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000000;
}

.table_form2 ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000000;
}

.loading {
	clear: both;
	width: 30px;
	height: 30px;
	margin: auto;
	background-image: url(../../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}

.section_heading_img {
	max-width: 560px;
}

.section_heading_img img {
	width: 100%;
	max-width: 100% !important;
}

.section_heading_img2 {
	max-width: 560px;
}

.section_heading_img2 img {
	width: 100%;
	max-width: 100% !important;
}

.footer_logo2 {
	width: 120px;
}

.footer_logo2 img {
	width: 100%;
}

.section_social_happening_body .topmenu ul li {
	background-image: url(../../images/topmenu2.png);
}

.section_social_happening_body .topmenu ul li:first-child {
	background-image: none;
}

.section_33ws_body .topmenu ul li {
	background-image: url(../../images/topmenu2.png);
}

.section_33ws_body .topmenu ul li:first-child {
	background-image: none;
}

.section_33ws_body {
	background-color: #d8cfc5;
}

.section_33ws_body .header {
	background-color: #d8cfc5;
}

.section_33ws_body .topmenu ul li a:link,
.section_33ws_body .topmenu ul li a:visited {
	color: #222e43;
}

.section_33ws_body .topmenu ul li a:hover,
.section_33ws_body .topmenu ul li a.current:link,
.section_33ws_body .topmenu ul li a.current:visited {
	color: #938675;
}

.section_33ws_body .global_nav ul li a:link,
.section_33ws_body .global_nav ul li a:visited {
	color: #222e43;
}

.section_33ws_body .global_nav ul li a:hover,
.section_33ws_body .global_nav ul li a.current:link,
.section_33ws_body .global_nav ul li a.current:visited {
	color: #938675;
}

.section_33ws_body .global_nav ul li {
	background-image: url(../../images/lang_nav3.png);
}

.section_33ws_body .global_nav ul li:first-child {
	background-image: none;
}

.section_33ws_body .lang_nav ul li a:link,
.section_33ws_body .lang_nav ul li a:visited {
	color: #222e43;
}

.section_33ws_body .lang_nav ul li a:hover,
.section_33ws_body .lang_nav ul li a.current:link,
.section_33ws_body .lang_nav ul li a.current:visited {
	color: #938675;
}

.section_33ws_body .lang_nav ul li {
	background-image: url(../../images/lang_nav3.png);
}

.section_33ws_body .lang_nav ul li:first-child {
	background-image: none;
}

.banner10 .title {
	color: #ffffff;
}

.section_33ws1 {
	width: 100%;
	background-color: #113f5e;
	padding-top: 400px;
	padding-bottom: 50px;
	padding-bottom: 80px;
	margin-top: -350px;
	-webkit-border-bottom-left-radius: 200px;
	-moz-border-radius-bottomleft: 200px;
	border-bottom-left-radius: 200px;
}

.section_33ws1_container {
	max-width: 96%;
	margin: auto;
}

.section_33ws1_top {
	width: 100%;
}

.section_33ws1_top_left {
	float: left;
	width: 48%;
	text-align: right;
}

.section_33ws1_top_left .section_heading_img {
	max-width: 300px;
	float: right;
}

.section_33ws1_top_right {
	float: right;
	width: 49%;
}

.section_33ws1_top_right .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #d8cfc5;
	font-size: 400%;
	margin-bottom: 40px;
	/*
  font-weight:bold;
*/
}

.section_33ws1_top_right .desc {
	color: #ffffff;
}

.section_33ws1_top_right .desc_container {
	display: block;
	max-height: 280px;
	overflow: auto;
}

.section_33ws1_bottom {
	width: 100%;
	clear: both;
	margin-top: -50px;
	margin-bottom: 100px;
}

.section_33ws1_bottom_photo_list {
	width: 100%;
}

.section_33ws1_bottom_photo_list .item {
	float: left;
	width: 50%;
	text-align: right;
}

.section_33ws1_bottom_photo_list .item:nth-child(even) {
	float: right;
	width: 49%;
	text-align: left;
	-webkit-border-top-right-radius: 200px;
	-webkit-border-bottom-right-radius: 200px;
	-moz-border-radius-topright: 200px;
	-moz-border-radius-bottomright: 200px;
	border-top-right-radius: 200px;
	border-bottom-right-radius: 200px;
}

.section_33ws1_bottom_photo_list .item img {
	max-height: 300px;
	max-width: 480px;
}

.section_33ws1_bottom_photo_list .item:nth-child(even) img {
	width: 100%;
	-webkit-border-top-right-radius: 200px;
	-webkit-border-bottom-right-radius: 200px;
	-moz-border-radius-topright: 200px;
	-moz-border-radius-bottomright: 200px;
	border-top-right-radius: 200px;
	border-bottom-right-radius: 200px;
}

.section_dinning2_bg {
	position: absolute;
	left: 0px;
	top: -100px;
	width: 100%;
}

.section_dinning2_bg_container {
	width: 100%;
	height: 700px;
	background-color: #d8cfc5;
	-webkit-border-top-right-radius: 200px;
	-webkit-border-bottom-right-radius: 200px;
	-moz-border-radius-topright: 200px;
	-moz-border-radius-bottomright: 200px;
	border-top-right-radius: 200px;
	border-bottom-right-radius: 200px;
}

.what_hot_title {
	width: 100%;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'DIN-Black';
	font-size: 1200%;
	line-height: 80%;
	font-size: 800%;
}

.highlightnews_list2 {
	clear: both;
	width: 100%;
}

.highlightnews_list2 .item {
	clear: both;
	width: 100%;
	margin-top: 70px;
}

.highlightnews_list2 .item1 {
	clear: both;
	width: 100%;
	position: relative;
	height: 500px;
}

.highlightnews_list2 .item1 .content {
	width: 34%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #d8cfc5;
}

.highlightnews_list2 .item1 .content_container {
	display: block;
	padding: 60px 50px 30px 50px;
}

.highlightnews_list2 .item1 .photo {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-border-bottom-right-radius: 200px;
	-moz-border-radius-bottomright: 200px;
	border-bottom-right-radius: 200px;
	z-index: 0;
}

.highlightnews_list2 .item1 .photo img {
	display: none;
}

.highlightnews_list2 .item1 .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #222e43;
	font-size: 400%;
}

.highlightnews_list2 .item1 .desc {
	color: #222e43;
	padding-top: 40px;
}

.highlightnews_list2 .item2 {
	clear: both;
	width: 100%;
	position: relative;
}

.highlightnews_list2 .item2 .content {
	float: right;
	width: 48%;
}

.highlightnews_list2 .item2 .content_container {
	display: block;
	padding: 60px 0px 0px 0px;
}

.highlightnews_list2 .item2 .photo {
	float: left;
	width: 48%;
}

.highlightnews_list2 .item2 .photo img {
	width: 100%;
}

.highlightnews_list2 .item2 .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #ffffff;
	font-size: 400%;
}

.highlightnews_list2 .item2 .desc {
	color: #ffffff;
	padding-top: 40px;
}

.highlightnews_list2 .item3 {
	clear: both;
	width: 100%;
	position: relative;
}

.highlightnews_list2 .item3 .item_container {
	padding: 50px 50px 50px 50px;
	-webkit-border-top-left-radius: 200px;
	-moz-border-radius-topleft: 200px;
	border-top-left-radius: 200px;
	background-color: #f3d99f;
}

.highlightnews_list2 .item3 .content {
	float: left;
	width: 48%;
}

.highlightnews_list2 .item3 .content_container {
	display: block;
	padding: 60px 0px 0px 50px;
}

.highlightnews_list2 .item3 .photo {
	float: right;
	width: 48%;
}

.highlightnews_list2 .item3 .photo img {
	width: 100%;
}

.highlightnews_list2 .item3 .title {
	font-family: 'DIN-Black';
	line-height: 90%;
	color: #222e43;
	font-size: 400%;
}

.highlightnews_list2 .item3 .desc {
	color: #222e43;
	padding-top: 40px;
}

.press_title {
	width: 100%;
	text-align: center;
	color: #f5dea8;
	text-transform: uppercase;
	font-family: 'DIN-Black';
	font-size: 1200%;
	line-height: 80%;
	font-size: 800%;
	margin-bottom: 70px;
}

.section_press_body {
	background-image: url(../../images/bg/press.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #222e43;
}

.section_press {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.section_press_container {
	max-width: 96%;
	margin: auto;
}

.section_home_banner {
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}

.section_home_banner_container {
	clear: both;
	width: 100%;
}

.section_home_promotion {
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}

.section_home_promotion_container {
	clear: both;
	max-width: 96%;
	margin: auto;
}

.home_promotion_list {
	width: 100%;
}

.home_promotion_list .item {
	width: 100%;
	margin-bottom: 30px;
}

.home_promotion_list .item img {
	width: 100%;
}

.section_home_social_story {
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}

.section_home_social_story_container {
	clear: both;
	max-width: 96%;
	margin: auto;
}

.home_social_story_list {
	width: 100%;
}

.home_social_story_list .item {
	width: 100%;
	margin-top: 50px;
}

.home_social_story_list .photo {
	float: left;
	width: 60%;
}

.home_social_story_list .content {
	float: right;
	width: 36%;
	color: #ffffff;
	position: relative;
}

.home_social_story_list .photo img {
	width: 100%;
}

.home_social_story_list .label {
	margin-left: -150px;
	margin-top: -50px;
	width: 90%;
}

.home_social_story_list .label img {
	width: 100%;
}

.home_social_story_list .desc {
	padding-top: 20px;
}

.section_home_dining {
	clear: both;
	width: 100%;
	margin-bottom: 30px;
}

.section_home_dining_container {
	clear: both;
	max-width: 96%;
	margin: auto;
}

.home_dining_list {
	width: 100%;
}

.home_dining_list .item {
	width: 100%;
	margin-top: 120px;
	margin-bottom: 30px;
}

.home_dining_list .photo img {
	display: none;
}

.home_dining_list .photo {
	float: right;
	width: 65%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 500px;
}

.home_dining_list .content {
	float: left;
	width: 35%;
	height: 500px;
	background-color: #d8cfc5;
	-webkit-border-bottom-left-radius: 200px;
	-moz-border-radius-bottomleft: 200px;
	border-bottom-left-radius: 200px;
	color: #113f5e;
}

.home_dining_list .content_container {
	padding: 0px 40px 40px 40px
}

.home_dining_list .desc {
	padding-top: 20px;
}

.home_dining_list .label {
	margin-top: -60px;
	width: 75%;
}

.home_dining_list .label img {
	width: 100%;
}

.inside_banner_dining {
	background-image: url(../../images/bg/dining.jpg);
}

.inside_restaurant_dining {
	background-color: #d8cfc5;
}

.inside_content_align2 .bxslider_inside_banner_area_dining img {
	width: 100% !important;
	-webkit-border-top-right-radius: 400px;
	-webkit-border-bottom-right-radius: 400px;
	-moz-border-radius-topright: 400px;
	-moz-border-radius-bottomright: 400px;
	border-top-right-radius: 400px;
	border-bottom-right-radius: 400px;
}

.inside_content_align1 .bxslider_inside_banner_area_dining img {
	width: 100% !important;
	-webkit-border-top-left-radius: 400px;
	-webkit-border-bottom-left-radius: 400px;
	-moz-border-radius-topleft: 400px;
	-moz-border-radius-bottomleft: 400px;
	border-top-left-radius: 400px;
	border-bottom-left-radius: 400px;
}

.home_logo_popup {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-color: #222e43;
}

.home_logo_anim_area {
	width: 400px;
	margin: auto;
	margin-top: 20%;
}

.home_logo_anim_area_container {
	width: 100%;
	position: relative;
}

.home_logo1 {
	width: 100%;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

.home_logo1 img {
	width: 100%;
}

.home_logo2 {
	width: 100%;
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
}

.home_logo2 img {
	width: 90%;
	margin: auto;
}

.home_logo2_container {
	position: relative;
}

.home_logo2 .mask1 {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 60%;
	height: 200px;
	background-color: #222e43;
}

.home_logo2 .mask2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	background-color: #222e43;
}

.section_home_body #main_container {
	margin-top: 150px;
}

.events_photo_bg {
	background-position: top -99999px left -99999px !important;
}

.btn_button {
	clear: both;
	padding-top: 30px;
}

.btn_button a:link,
.btn_button a:visited {
	float: left;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-size: 18px;
	color: #ffffff;
	background-color: #a18f72;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	text-transform: uppercase;
}

.btn_button a:hover {
	float: left;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-size: 18px;
	color: #ffffff;
	background-color: #5a4f3d;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	text-transform: uppercase;
}

p strong,
p b {
	font-weight: bold;
}

.top_global_nav {
	position: absolute;
	right: 134px;
	top: 50px;
}

.top_global_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.top_global_nav ul li {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 10px 0px 10px;
	position: relative;
	line-height: 100%;
}

.top_global_nav ul li:first-child {
	padding: 0 10px 0px 0px;
	background-image: none;
}

.top_global_nav ul li:last-child {
	padding-right: 0px;
}

.top_global_nav ul li a:link,
.top_global_nav ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.top_global_nav ul li a:hover,
.top_global_nav ul li a.current:link,
.top_global_nav ul li a.current:visited {
	color: #f5dea8;
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.section_dinning_body .top_global_nav ul li a:link,
.section_dinning_body .top_global_nav ul li a:visited {
	color: #ffffff;
}

.section_dinning_body .top_global_nav ul li a:hover,
.section_dinning_body .top_global_nav ul li a.current:link,
.section_dinning_body .top_global_nav ul li a.current:visited {
	color: #938675;
}

.section_social_happening_body .top_global_nav ul li a:link,
.section_social_happening_body .top_global_nav ul li a:visited {
	color: #5a6281;
}

.section_social_happening_body .top_global_nav ul li a:hover,
.section_social_happening_body .top_global_nav ul li a.current:link,
.section_social_happening_body .top_global_nav ul li a.current:visited {
	color: #938675;
}

.section_33ws_body .top_global_nav ul li a:link,
.section_33ws_body .top_global_nav ul li a:visited {
	color: #222e43;
}

.section_33ws_body .top_global_nav ul li a:hover,
.section_33ws_body .top_global_nav ul li a.current:link,
.section_33ws_body .top_global_nav ul li a.current:visited {
	color: #938675;
}

.table_form2_group1 td.event_form_input_group1_left_short1 {
	width: 19%;
}

.table_form2_group1 td.event_form_input_group1_right_long1 {
	width: 81%;
}

.footer_left {
	float: left;
	width: 10%;
}

.footer_middle {
	float: left;
	width: 60%;
	margin-left: 2%;
	margin-right: 1%;
	padding-top: 20px;
}

.footer_right {
	float: right;
	width: 27%;
	padding-top: 20px;
}

.footer_logo2 {
	max-width: 84px;
}

.footer_logo2 img {
	width: 100%;
}

.footer_logo {
	max-width: 200px;
	float: right;
}

.footer_logo img {
	width: 100%;
}

.footer_nav {}

.footer_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
}

.footer_nav ul li {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding: 0 20px 0px 20px;
	position: relative;
	line-height: 100%;
	background-image: url(../../images/footer_nav.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.footer_nav ul li:first-child {
	padding: 0 20px 0px 0px;
	background-image: none;
}

.footer_nav ul li a:link,
.footer_nav ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.footer_nav ul li a:hover,
.footer_nav ul li a.current:link,
.footer_nav ul li a.current:visited {
	color: #ffffff;
	text-decoration: underline;
	font-size: 15px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
}

.home_banner_area {
	margin-bottom: 40px;
}

.home_banner_area .bx-wrapper .bx-pager,
.home_banner_area .bx-wrapper .bx-controls {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: inherit;
	text-align: right;
	width: 70%;
	padding-top: 0px;
}

.home_banner_area .slide .home_banner_inside {
	position: relative;
	width: 100%;
	height: 100%;

	text-shadow: 1px 1px 2px #000000;
}

.home_banner_area .slide .content {
	position: absolute;
	left: 2%;
	bottom: -56px;
	color: #ffffff;
	width: 70%;
}

.home_banner_area .slide .content .title {
	color: #ffffff;
	font-family: 'DIN-Black';
	font-size: 50px;
	line-height: 120%;
}

.home_banner_area .bx-viewport {
	overflow-x: hidden !important;
	overflow-y: inherit !important;
	padding-bottom: 70px !important;
}

.clear {
	clear: both;
}

.home_about_section {
	width: 100%;
	margin-bottom: 70px;
}

.home_about_section_container {
	max-width: 80%;
	margin: auto;
}

.home_about_section p {
	line-height: 280%;
}

.home_product_category_section {
	width: 100%;
	margin-bottom: 0px;
}

.home_product_category_section_container {}

.home_product_category_list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
	justify-content: center;
	gap: 0px;
	padding: 0px;
	max-width: 100%;
	margin: 0 auto;
}

.home_product_category_list .item {
	position: relative;
	overflow: hidden;
	/*
  aspect-ratio: 1 / 1;
*/
}

.home_product_category_list .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease-out;
	/* Ensure smooth transitions for all properties */
	will-change: transform;
}

.home_product_category_list .item:hover img {
	transform: scale(1.2);
}

.home_product_category_list .item .title {
	position: absolute;
	left: 8%;
	bottom: 4%;
	font-family: 'DIN-Black';
	font-size: 28px;
	line-height: 120%;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	text-transform: uppercase;
}

.home_product_category_list .item:hover .title {
	bottom: 10%;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.home_service_section {
	width: 100%;
	background-color: #816b56;
	padding-top: 80px;
	padding-bottom: 80px;
}

.home_service_section_container {
	max-width: 90%;
	margin: auto;
}

.home_service_section .heading {
	text-align: center;
	color: #ffffff;
	margin-bottom: 60px;
	font-family: 'DIN-Black';
	font-size: 38px;
	text-transform: uppercase;
}

.home_service_list {
	width: 100%;
	display: grid;
	column-gap: 10px;
	row-gap: 10px;
	grid-template-columns: auto auto auto auto auto auto;
	justify-content: center;
}

.home_service_list .item {
	width: 200px;
	background-color: #ffffff;
	float: left;
	/*flex: 1; //if want auto spread*/
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.home_service_list .item:hover {
	/*
	background-color: #fff2e6;
  -webkit-box-shadow: 0px 0px 11px 2px #FFFFFF; 
  box-shadow: 0px 0px 11px 2px #FFFFFF;
  scale:1.05;

  -webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	*/
}

.home_service_list .item:hover img {



	scale:1.05;
  
	-webkit-transition: all 500ms ease-out 0s;
	  -moz-transition: all 500ms ease-out 0s;
	  -o-transition: all 500ms ease-out 0s;
	  transition: all 500ms ease-out 0s;
  
  
  
  
  }
  


.home_service_list .item_container {
	padding: 40px 20px 30px 20px;
}

.home_service_list .item .photo {
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home_service_list .item img {
	max-width: 100px;
	max-height: 100px;
	margin: auto;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.home_service_list .item:hover  img {
  -webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
  scale:1.1;


}


.home_service_list .item .content {
	clear: both;
	padding-top: 40px;
}

.home_service_list .item .title {
	font-size: 15px;
	text-align: center;
	line-height: 150%;
	color: #000000;
}

.service_section {
	width: 100%;
	background-color: #816b56;
	padding-top: 80px;
	padding-bottom: 80px;
}

.service_section_container {
	max-width: 90%;
	margin: auto;
}

.service_section .heading {
	text-align: center;
	color: #ffffff;
	margin-bottom: 30px;
	font-family: 'DIN-Black';
	font-size: 38px;
	text-transform: uppercase;
}

.service_list {
	display: grid;
	column-gap: 20px;
	row-gap: 20px;
	grid-template-columns: auto auto auto;
	justify-content: center;
}

.service_list .item {
	width: 260px;
	background-color: #ffffff;
	float: left;
	display: flex;
	/*flex: 1; //if want auto spread*/

	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;

}

.service_list .item:hover {

	/*
	background-color: #fff2e6;
	background-color: #fff2e6;
  -webkit-box-shadow: 0px 0px 11px 2px #FFFFFF; 
  box-shadow: 0px 0px 11px 2px #FFFFFF;


  scale:1.05;

  -webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;

*/


}
.service_list .item:hover img {



  scale:1.05;

  -webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;




}


.service_list .item_container {
	padding: 40px 30px 40px 30px;
}

.service_list .item .photo {
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service_list .item img {
	max-width: 100px;
	max-height: 100px;
	margin: auto;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.service_list .item:hover  img {
  -webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
  scale:1.1;


}

.service_list .item .content {
	clear: both;
	padding-top: 20px;
}

.service_list .item .title {
	font-size: 15px;
	text-align: center;
	line-height: 150%;
	color: #000000;
	min-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service_list .item .desc {
	clear: both;
	font-size: 13px;
	text-align: left;
	line-height: 150%;
	color: #000000;
	padding-top: 20px;
	text-align: justify;
}

.intro_content {
	width: 100%;
	margin-bottom: 30px;
}

.intro_content_container {
	max-width: 96%;
	margin: auto;
}

.intro_content p {
	line-height: 180%;
}

.sustainability_section {
	width: 100%;
	background-color: #816b56;
	padding-top: 80px;
	padding-bottom: 80px;
}

.sustainability_section_container {
	max-width: 92%;
	margin: auto;
	padding-bottom: 100px;

}

.sustainability_section .heading {
	text-align: center;
	color: #ffffff;
	margin-bottom: 30px;
	font-family: 'DIN-Black';
	font-size: 38px;
	text-transform: uppercase;
}
.sustainability_list {
	

	display: flex;
  flex-wrap: wrap; 
  justify-content: center; 

}

.sustainability_list .item {
	
	flex: 1 1 calc(33.33% - 30px); 
  max-width: calc(33.33% - 30px);
  margin: 15px; 
  box-sizing: border-box; 


	background-color: #ffffff;

	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	cursor: pointer;

}

.sustainability_list .item:hover {

	background-color: #fff2e6;
	
	background-color: #fff2e6;
	-webkit-box-shadow: 0px 0px 11px 2px #FFFFFF; 
	box-shadow: 0px 0px 11px 2px #FFFFFF;
	scale:1.05;
  
	-webkit-transition: all 500ms ease-out 0s;
	  -moz-transition: all 500ms ease-out 0s;
	  -o-transition: all 500ms ease-out 0s;
	  transition: all 500ms ease-out 0s;
}



.sustainability_list .item_container {
	padding: 60px 70px 60px 70px;
}

.sustainability_list .item .photo {
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sustainability_list .item img {
	max-width: 100px;
	max-height: 100px;
	margin: auto;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.sustainability_list .item:hover  img {
  -webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
  scale:1.1;


}


.sustainability_list .item .content {
	clear: both;
	padding-top: 20px;
}

.sustainability_list .item .title {
	font-size: 15px;
	text-align: center;
	line-height: 150%;
	color: #000000;
	min-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sustainability_list .item .desc {
	clear: both;
	font-size: 13px;
	text-align: left;
	line-height: 150%;
	color: #000000;
	padding-top: 20px;
	text-align: justify;
}

.content_banner {
	clear: both;
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #ffffff;
	padding-top: 80px;
	padding-bottom: 80px;
}

.content_banner_container {
	max-width: 84%;
	margin: auto;
	background: rgba(0, 0, 0, 0.8);
}

.content_banner_container2 {
	max-width: 90%;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

.content_banner .heading {
	text-align: left;
	color: #ffffff;
	margin-bottom: 30px;
	font-family: 'DIN-Black';
	font-size: 38px;
	text-transform: uppercase;
}

.content_banner p {
	line-height: 180%;
	color: #ffffff;
}

.contact_content_banner {
	clear: both;
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #ffffff;
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact_content_banner_container3{
	max-width: 98%;
	margin: auto;
	min-height:300px;

	display: flex;
  align-items: flex-end;
  justify-content: center;
}

.contact_content_banner_left{
	float:left;
	width:30%;
	
}

.contact_content_banner_right{
	float:right;
	width:66%;
	background: rgba(129,107, 86, 0.9);
}


.contact_content_banner_container {
	float:right;
	width:100%;
	
}

.contact_content_banner_container2 {
	display:block;
	margin: auto;
	padding:20px 40px 20px 40px;

}

.contact_content_banner .heading {
	text-align: left;
	color: #ffffff;
	margin-bottom: 30px;
	font-family: 'DIN-Black';
	font-size: 38px;
	text-transform: capitalize;
	line-height: 120%;
	font-weight:normal;
}

.contact_content_banner p {
	line-height: 150%;
	color: #ffffff;
}

.office_list {
	width: 100%;

	/*
	display: grid;
	column-gap: 20px;
	row-gap: 20px;

	grid-template-columns: auto auto auto;
	justify-content: left;*/
}

.office_list .item {
	/*
	width: 280px;
	float: left;
*/
clear:both;
margin-top:20px;

}

.office_list .item .title {
	font-family: 'Roboto-Bold';
	margin-bottom: 5px;
	color:#333333;
	line-height:120%;
}

.office_list .item .detail {
	font-size: 15px;
	line-height: 150%;

	color:#333333;
}

.office_list .item .email {
	font-size: 15px;
	clear: both;
	padding-top: 5px;
}

.office_list .item a:link,
.office_list .item a:visited {
	color: #333333;
	text-decoration: none;
}

.office_list .item a:hover {
	color: #333333;
	text-decoration: underline;
}

.product_section {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 240px;
}

.product_section_container {
	max-width: 90%;
	margin: auto;
}

.product_section .heading {
	text-align: center;
	color: #ffffff;
	margin-bottom: 30px;
	font-family: 'DIN-Black';
	font-size: 38px;
	text-transform: uppercase;
}

.product_list_section {
	width: 100%;
	background-color: #816b56;
	padding-top: 80px;
	padding-bottom: 80px;
}

.product_list_section_container {
	max-width: 80%;
	margin: auto;
	margin-top: -260px;
}

.product_category_list {
	clear: both;
}

.product_category_list .item {
	clear: both;
	width: 100%;
	margin-bottom: 40px;
}

.product_category_list .photo {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	overflow:hidden;
	position:relative;
}

.product_category_list .photo img {
	width: 100%;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.product_category_list .item:hover .photo img {
	scale:1.1;
  -webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}

.product_category_list .title {
	text-align: center;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: 'DIN-Black';
	font-size: 28px;
	text-transform: uppercase;
}

.product_category_list .title br {
	display: none;
}

.product_list {
	width: 100%;
}

.product_list ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0;
	display: grid;
	column-gap: 0px;
	row-gap: 25px;
	grid-template-columns: auto auto auto auto auto auto;
	justify-content: center;
}

.product_list ul li {
	float: left;
	position: relative;
	line-height: 100%;
	background-image: url(../../images/topmenu.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-right: 25px;
}

.product_list ul li:first-child {
	background-image: none;
	padding-left: 0px;
}

.product_list ul li:last-child {
	padding-right: 0px;
}

.product_list ul li a:link,
.product_list ul li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
	font-family: 'Roboto-Bold';
}

.product_list ul li a:hover,
.product_list ul li a.current:link,
.product_list ul li a.current:visited {
	color: #f5dea8;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	float: left;
	font-family: 'Roboto-Bold';
}

.other_product_category_list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
	
	
	justify-content: center;
	column-gap: 15px;
	row-gap: 25px;
	padding: 0px;
	max-width: 90%;
	margin: 0 auto;
}

.other_product_category_list .item {
	flex: 1;
	position: relative;
	width: 100%;
}

.other_product_category_list .item .photo {
	position: relative;
	overflow: hidden;
	/*
	aspect-ratio: 0.7 / 1;*/
}

.other_product_category_list .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease-out;
	/* Ensure smooth transitions for all properties */
	will-change: transform;
}

.other_product_category_list .item:hover img {
	transform: scale(1.2);
}

.other_product_category_list .item .title {
	clear: both;
	padding-top: 20px;
	font-family: 'DIN-Black';
	font-size: 28px;
	line-height: 120%;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	text-align: center;
	;
}

.other_product_category_list .item .title br {
	display: none;
}

/*
@media only screen and (max-width: 1300px) {
	.contact_content_banner_container {
		max-width: 80%;
	}

	.contact_content_banner_container2 {
		max-width: 90%;
	}
}
*/
@media only screen and (max-width: 1300px) {
	.home_service_list .item {
		width: 164px;
	}

	.home_service_list .item .photo {
		height: 60px;
	}

	.home_service_list .item img {
		max-width: 60px;
		max-height: 60px;
	}

	.home_service_list .item .title {
		font-size: 14px;
	}
}




@media only screen and (max-width: 1140px) {
	/*
	.contact_content_banner_container {
		max-width: 90%;
	}

	.contact_content_banner_container2 {
		max-width: 90%;
	}
*/
	.footer_nav ul li {
		padding: 0 10px 0px 10px;
	}
}

@media only screen and (max-width: 1070px) {


	

	.home_service_list {
		grid-template-columns: auto auto auto;
	}

	.home_service_list .item {
		width: 200px;
	}

	.home_service_list .item .photo {
		height: 100px;
	}

	.home_service_list .item img {
		max-width: 100px;
		max-height: 100px;
	}

	.lang_nav {
		top: 20px;
	}

	.topmenu ul li {
		padding-left: 15px;
		padding-right: 15px;
	}

	.topmenu {
		left: 230px;
	}

	.office_list {
		grid-template-columns: auto auto;
	}

	.home_product_category_list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
		justify-content: center;
	}

	.home_product_category_list .item .title {
		font-size: 20px;
	}
}

.section_product_detail .header{
	display:none;
  }
  
  .section_product_detail #main_container {
	margin-top:0px;
  }
  
  .section_product_detail #main_content_container {
	  max-width: 100%;
  }
  

.product_detail_popup{
	width:100%;
	min-height:700px;
	background-color:#000000;
	padding-top:40px;
	padding-bottom:40px;
  }
  
  .product_detail_popup_container{
	max-width: 96%;
	margin:auto;
  
	
  
	
	position:relative;
	
  }
  .btn_close_product_detail_popup{
	position:absolute;
	right:0px;
	top:0px;
	width:30px;
	  z-index: 9999;
  }
  .btn_close_product_detail_popup img{
	width:100%;
	-webkit-transition: all 500ms ease-out 0s;
	  -moz-transition: all 500ms ease-out 0s;
	  -o-transition: all 500ms ease-out 0s;
	  transition: all 500ms ease-out 0s;
  }
  .btn_close_product_detail_popup img:hover{
	-webkit-transition: all 500ms ease-out 0s;
	  -moz-transition: all 500ms ease-out 0s;
	  -o-transition: all 500ms ease-out 0s;
	  transition: all 500ms ease-out 0s;
	scale:1.1;
  }
  .product_detail_popup .heading {
	  text-align: left;
	  color: #ffffff;
	  margin-bottom: 30px;
	font-family: 'DIN-Black';
  
	  font-size: 38px;
  
  }
  
  .product_detail_popup .heading span{
	  
	  text-transform: uppercase;
  }
  .product_detail_popup .heading span.line{
	  margin-left:10px;
	margin-right:10px;
	font-family: 'Roboto-Regular';
  
  }
  .product_detail_popup .subheading {
	  text-align: left;
	  color: #ffffff;
	  margin-bottom: 10px;
	  font-family: 'Roboto-Bold';
	  font-size: 15px;
  
	
  
  }
  .product_detail_popup .detail{
	  max-width:860px;
  }
  .product_detail_popup p {
	  line-height: 180%;
	  color: #ffffff;
	font-size:15px;
	text-align: justify;
  }

  
.product_photo_list{
	width:100%;
	clear:both;
}

.product_photo_list .row{
	display: flex;
	column-gap: 10px;
	row-gap: 10px;


	justify-content: center;
	margin-bottom:10px;

}

.product_photo_list .col{

	flex-grow: 1;
	position:relative;
	overflow:hidden;

}

.product_photo_list .col img {
	
	vertical-align: middle;

}

.product_photo_list  img {
	width:100%;
	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	object-fit: cover;
	transition: transform 0.4s ease-out;
	/* Ensure smooth transitions for all properties */
	will-change: transform;
}




.product_photo_list  img:hover {
	width:100%;

	-webkit-transition: all 500ms ease-out 0s;
	-moz-transition: all 500ms ease-out 0s;
	-o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
	transform: scale(1.05);
	
	
}


.product_photo_list .col60{

	flex-grow: 1.2;

}


.product_photo_list .col40{

	flex-grow: 0.8;

}



.section_product_detail{
	overflow-x:hidden;
}



.about_banner .heading {

	text-transform: capitalize;
}


.about_banner  .content_banner_container {
	background: rgba(129, 107,86, 0.9);
}



.sustainability_section {

	position:relative;
  
  }
.sustainability_section_container {

  position:relative;

}

.sustainability_popup_detail {

	position:absolute;
	left:0px;
	top:0px;
	background:rgba(0,0,0,0.9);
	z-index:99;
	width: 100%;
	height:100%;
	display:none;
  
}
  

.sustainability_popup_detail_container {
max-width:90%;
margin:auto;

margin-top:90px;

margin-bottom:30px;

max-height:80%;
overflow:auto;



}
  


/* Hide the scrollbar track */
.sustainability_popup_detail_container::-webkit-scrollbar {
	width: 10px; /* Set width for vertical scrollbar */
  }
  
  .sustainability_popup_detail_container::-webkit-scrollbar-track {
	background: transparent; /* Makes the track invisible */
  }
  
  /* Show only the scrollbar thumb */
  .sustainability_popup_detail_container::-webkit-scrollbar-thumb {
	background: #888; /* Scrollbar thumb color */
	border-radius: 6px; /* Rounded edges for the thumb */
  }
  
  /* Thumb hover effect */
  .sustainability_popup_detail_container::-webkit-scrollbar-thumb:hover {
	background: #555;
  }
  
  /* For Firefox */
  .sustainability_popup_detail_container {
	scrollbar-width: thin; /* Reduces width of the scrollbar */
	scrollbar-color: #888 transparent; /* Thumb color and hides the track */
  }
  


.btn_close_sustainability_popup_detail{
	position:absolute;
	right:20px;
	top:20px;
	width:40px;
	z-index: 9999;
  }
  .btn_close_sustainability_popup_detail img{
	width:100%;
	-webkit-transition: all 500ms ease-out 0s;
	  -moz-transition: all 500ms ease-out 0s;
	  -o-transition: all 500ms ease-out 0s;
	  transition: all 500ms ease-out 0s;
  }
  .btn_close_sustainability_popup_detail img:hover{
	-webkit-transition: all 500ms ease-out 0s;
	  -moz-transition: all 500ms ease-out 0s;
	  -o-transition: all 500ms ease-out 0s;
	  transition: all 500ms ease-out 0s;
	scale:1.1;
  }




  
.sustainability_popup_detail .heading2{
text-align:center;
margin-bottom:20px;
font-family: 'Roboto-Bold';
  font-size:22px;
}
  
  
.sustainability_popup_detail img{
	max-width:100%;
}


.table_s_popup_3row{
    width:90%;
	margin:auto;
}


.table_s_popup_3row td{
    width:29.33%;
    padding:0px 2% 20px 2%;
    vertical-align: top;
	

 
}
.table_s_popup_3row td img{
    max-width:200px;
	margin:auto;
	margin-bottom:15px;
}


.table_s_popup_3row td p{
    margin: 0 !important;
    padding:0  !important;
    margin-bottom:10px  !important;
	line-height:150%;
}







.table_contact_form{
	width:100%;
}

.table_contact_form td{
	vertical-align: top;
	font-family: 'Avenir-Book', 'Roboto-Regular';
}

.table_contact_form td.col1{
	width:50%;
	padding-right:5%;
}

.table_contact_form .title{
	margin-bottom:10px;
	
	font-size:15px;
}
.table_contact_form .content{
	margin-bottom:20px;
}

input.input_middle {
	width: 96%;
	height:28px;
	line-height: 28px;
	margin: 0;
	padding: 0px 2% 0px 2%;
	border:none;
	font-size:15px;
	font-weight: normal;
	background-color: #ffffff;
	font-family: 'Avenir-Book', 'Roboto-Regular';
	text-align: left;
	color: #333333;
}


textarea.input_middle {
	width: 96%;
	height:100px;
	line-height: 120%;
	margin: 0;
	padding: 10px 2% 10px 2%;
	border:none;
	font-size:15px;
	font-weight: normal;
	background-color: #ffffff;
	font-family: 'Avenir-Book', 'Roboto-Regular';
	text-align: left;
	color: #333333;
}


.btn_submit_enquiry {
	float:right;
}

.btn_submit_enquiry a:link,
.btn_submit_enquiry a:visited {
	font-family: 'Avenir-Book', 'Roboto-Regular';
	color: #ffffff;
	font-size: 15px;
	text-decoration: none;
	float:left;
	padding:10px 10px 10px 10px;
	min-width:160px;
	background-color: #816b56;
	border:2px solid #ffffff;
	text-align:center;
}

.btn_submit_enquiry a:hover {
	font-family: 'Avenir-Book', 'Roboto-Regular';
	color: #816b56;
	font-size: 15px;
	text-decoration: none;
	float:left;
	padding:10px 10px 10px 10px;
	min-width:160px;
	background-color: #ffffff;
	border:2px solid #ffffff;
	text-align:center;
}


.contact_content_banner .desc a:link,.contact_content_banner .desc a:visited{
	color:#ffffff;
	text-decoration: none;
}
.contact_content_banner .desc a:hover{
	color:#ffffff;
	text-decoration: underline;
}




/************/

.warn_icon {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
    text-align: right;
}

.warn_icon img {
    max-width: 100%;
}

.warn_msg {
    clear: both;
    padding-top: 5px;
    width: 100%;
}

.warn_msg_container {
    display: block;
    color: #E20C0C;
    font-size: 12px;
    line-height: 120%;
    background-color: #F3D54E;
    padding: 5px 10px 5px 10px;
	position:relative;
}

.loading_form {
    width: 100%;
    height: 200px;
    background-image: url(../../images/loading2.gif);
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}

.form_submit_msg {
    width: 100%;
    display: none;
	min-height: 300px;
}

.form_submit_msg img {
    height: 50px;
}

.form_submit_msg .title {
    font-size:20px;
	font-family: 'DIN-Black';
    padding-bottom: 30px;
}


.form_submit_msg .desc {
    line-height:150%;
}




.home_video{

	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow:hidden;
}

.home_banner_content_container{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  overflow:hidden;
}

.home_about_section {
	clear:both;
		margin-top: 150px;
	}