/* menu */
nav {position: relative; z-index: 999; width: 100%; height: auto; text-align: center; background: none;}
#logo {display: block; position: absolute; top: 12px; width: 100%; text-align: center; transition: all 0.5s;}
.mbreser {position: fixed; right: 68px; z-index: 999; text-align: center; background: #ac8b5c; padding: 19px 20px; transition: all .5s ease; }
.mbreser2 {position: fixed; right: 137px; z-index: 999; text-align: center; background: #01c73c; padding: 19px 20px; transition: all .5s ease;}
.ham {position: fixed; top: 0; right: 0px; width: 68px; height: 67px; background: #252b31; padding: 19px 18px; cursor: pointer;}
.ham span {display: block; width: 31px; height: 1px; background: #fff; transition: margin 0.25s  0.25s, 0.25s transform;}
.ham .bar1 {margin-bottom: 12px;}
.ham .bar2 {}
.ham .bar3 {margin-top: 12px;}

.ham.active.btn-close {background: #152237;}
.ham.active.btn-close span {position: absolute; top: 50%; transition: 0.25s margin, 0.25s transform 0.25s;}
.ham.active.btn-close .bar1 {margin-bottom: -1px; transform: rotate(45deg);}
.ham.active.btn-close .bar2 {display: none;}
.ham.active.btn-close .bar3 {margin-top: -1px; transform: rotate(-45deg);}

@media screen and ( max-width: 1240px ) {
	#logo {top: 0px !important; transform: scale(0.6);}
	#logo.logow {top: 0px !important; transform: scale(0.5);}
}

@media screen and ( max-width: 48em ) {
	.mbreser {padding: 9px 10px; right: 49px;}
	.mbreser img {transform: scale(0.6);}
	.mbreser2 {padding: 9px 10px; right: 98px;}
	.mbreser2 img {transform: scale(0.6);}
	.ham {width: 49px; height: 47px; padding: 12px 8px; /* right:98px; */}
	.ham span {transform: scale(0.6);}
	.ham .bar1 {margin-bottom: 8px;}
	.ham .bar3 {margin-top: 8px;}
}

@media screen and ( max-width: 767px ) {
	nav {height: 47px;}
	#logo {top: -14px !important; transform: scale(0.55); right: 110px;}
	#logo.logow {top: 0px !important; transform: scale(0.6);}
}

/*overlay*/
.overlay {display: none; position: fixed; top: 0; z-index: 998; width: 100%; height: 100%; overflow: auto; background: url('../img/common/menubg.jpg') no-repeat top center;}

.wrap {max-width: 90%; text-align: left; color: #e9e9e9; margin: 0 auto;}
.wrap ul.wrap-nav {padding: 290px 0px 0 340px;}
.wrap ul.wrap-nav > li {display: inline-block; position: relative; font-size: 20px; vertical-align: top; padding:0 40px;}
.wrap ul.wrap-nav > li.bottom {margin:220px 0 0 -240px;}/*Ŀ�´�Ƽ�޴���ġ����*/
.wrap ul.wrap-nav > li > a {display: block; font-size: 24px; width: 100%; font-weight: normal; line-height: 70px; text-transform: uppercase; color: #d0a568; border-bottom: 1px solid #d0a568; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s;}
.wrap ul.wrap-nav ul {padding: 20px 0;}
.wrap ul.wrap-nav ul li {display: block; width: 100%; font-size: 13px; color: #e9e9e9;}
.wrap ul.wrap-nav ul li a {font-size: 18px; font-weight: normal; line-height: 40px; text-transform: capitalize; color: #d2d2d2;}
.wrap ul.wrap-nav ul li.menu_line {position: relative; width:215px; height:1px; background: #d0a568; margin: 20px 0;}
.wrap ul.wrap-nav ul li a:hover {color: #d0a568;}
.wrap ul.wrap-nav ul li .sns {position: relative;}
.wrap ul.wrap-nav ul li .sns a {float:left; margin: 20px 15px 0 0; opacity: 0.7;}
.wrap ul.wrap-nav ul li .sns a:hover {opacity: 0.9;}

@media screen and ( min-width: 1241px ) {
	.overlay {height: 100%;}
	/*.overlay:before {content: ''; display: block; position: absolute; top: 210px; z-index: 1; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2);}*/
}

@media screen and ( max-width: 1240px ) {
	#logo {display: block;}
	.wrap {width: 95%;}
	.wrap ul.wrap-nav {padding: 70px 0px 50px;}
	.wrap ul.wrap-nav > li {width: 100%; padding: 20px 0;}
	.wrap ul.wrap-nav > li.bottom {margin:0;}
	.wrap ul.wrap-nav > li:last-child {border-bottom: none;}
	.wrap ul.wrap-nav > li > a {line-height: 45px;}
	.wrap ul.wrap-nav ul {padding-top: 30px;}
	.wrap ul.wrap-nav ul li a {line-height: 28px; font-size: 15px;}
}

@media screen and ( max-width: 48em ) {
	
}