@media screen and (max-width: 1279px){
	#header{
		width:100%;
		position:relative;
		z-index:9;
	}
	
	#header .topA{
		width:100%;
		border-bottom:1px solid #999;
		padding:20px 3%;
		box-sizing:Border-box;
		display:inline-block;
		display:none;
	}
	
	#header .topA .logo{
		width:102px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#header .topA .menuA{
		display:inline-block;
		vertical-align:middle;
		float:right;
		margin-top:10px;
	}
	
	#header .topA .menuA .menu{
		display:inline-block;
		vertical-align:middle;
		display:none;
	}
	
	#header .topA .menuA .menu li{
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		color:#fff;
		font-family:'Lora';
		margin-left:60px;
	}
	
	#header .topA .menuA .menu li a{
		color:#fff;
	}
	
	
	#header .topA .menuA .moreMenu{
		display:inline-block;
		vertical-align:middle;
		width:40px;
		margin-left:30px;
		display:none;
	}
	
	#header .topA .menuA .moreMenu img{
		width:100%;
	}
	
	
	#header .bottom{
		width:100%;
		padding:0px;
		text-align:Right;
		display:none;
	}
	
	
	#header .bottom .memMenu{
		display:inline-block;
		vertical-align:Middle;
		margin-right:10px;
	}
	
	#header .bottom .memMenu li{
		display:inline-block;
		padding:0px 10px;
		border-left:1px solid #fff;
		font-size:15px;
		line-height:15px;
	}
	
	#header .bottom .memMenu li:first-child{
		border-left:0px solid #fff;
	}
	
	#header .bottom .memMenu li a{
		color:#fff;
		font-family:'lora'
	}
	
	
	#header .bottom .buttonMenu{
		display:inline-block;
		vertical-align:Middle;
	}
	
	
	#header .bottom .buttonMenu li{
		display:inline-block;
		padding:20px 40px;
		box-sizing:border-box;
	}
	
	#header .bottom .buttonMenu li .ico{
		width:21px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#header .bottom .buttonMenu li .tx{
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		margin-left:5px;
	}
	
	
	#header .moHeader{
		width:100%;
		display:inline-block;
		padding:20px 3%;
		box-sizing:border-box;
	}
	
	
	
	#header .moHeader .moMenu{
		display:inline-block;
		width:40px;
	}
	
	
	#header .moHeader .moMenu img{
		width:100%;
	}
	#header .moHeader .rtMenu{
		display:inline-block;
		float:right;
	}
	
	#header .moHeader .rtMenu li{
		display:inline-block;
		margin-left:15px;
	}
	
	
	
	
	#header .moSlideMenu{
		display:block;
		background:#fff;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:-100%;
		transition:all 1s;
		z-index:999;
	}
	
	
	#header .moSlideMenu::-webkit-scrollbar {
		width: 3px;
	}
	#header .moSlideMenu::-webkit-scrollbar-track {
		background-color: #f7f7f7;
	}
	
	#header .moSlideMenu::-webkit-scrollbar-thumb{
		background: #e5e5e5;
	}
	
	#header .moSlideMenu::-webkit-scrollbar-button{
		display: none;
	}


	
	#header .moSlideMenu .top{
		width:100%;
		padding:15px 6%;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#header .moSlideMenu .top .logo{
		width:100px;
		display:inline-block;
	}
	
	#header .moSlideMenu .top .logo img{
		width:100%;
	}
	
	#header .moSlideMenu .top .moMenuClose{
		width:40px;
		display:inline-block;
		float:right;
	}
	
	#header .moSlideMenu .top .moMenuClose img{
		width:100%;
	}
	
	#header .moSlideMenu .top .moMenuClose{
		width:40px;
		display:inline-block;
		float:right;
	}
	
	
	#header .moSlideMenu .bookingmenu{
		width:100%;
		display:flex;
	}
	
	#header .moSlideMenu .bookingmenu li{
		width:100%;
		text-align:center;
		padding:20px 0px;
	}
	
	#header .moSlideMenu .bookingmenu li .ico{
		width:20px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#header .moSlideMenu .bookingmenu li .ico img{
		width:100%;
	}
	
	
	#header .moSlideMenu .bookingmenu li .tx{
		font-size:14px;
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		margin-left:5px;
	}
	
	
	
	#header .moSlideMenu .moMenuList{
		width:100%;
		padding:0px 6%;
		margin-top:30px;
		box-sizing:border-box;
	}
	
	#header .moSlideMenu .moMenuList li{
		width:100%;
		text-align:center;
		font-size:15px;
		font-family:'lora';
		margin-top:10px;
	}
	
	#header .moSlideMenu .memM{
		width:100%;
		text-align:center;
		position:absolute;
		bottom:30px;
	}
	
	#header .moSlideMenu .memM li{
		display:inline-block;
		font-size:14px;
		font-family:'lora';
		margin:0px 10px;
	}
	
	#header .moSlideMenu .memM li a{
		color:#999
	}
	
	
	#footer{
		width:100%;
		padding:50px 3%;
		border-top:1px solid #e5e5e5;
		font-size:15px;
		color:#999;
		word-break:keep-all;
		box-sizing:border-box;
	}

}




@media screen and (max-width: 767px){
	#header{
		width:100%;
		position:relative;
		z-index:9;
	}
	
	
	#header .topA{
		width:100%;
		border-bottom:1px solid #999;
		padding:20px 3%;
		box-sizing:Border-box;
		display:inline-block;
		display:none;
	}
	
	#header .topA .logo{
		width:102px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#header .topA .menuA{
		display:inline-block;
		vertical-align:middle;
		float:right;
		margin-top:10px;
	}
	
	#header .topA .menuA .menu{
		display:inline-block;
		vertical-align:middle;
		display:none;
	}
	
	#header .topA .menuA .menu li{
		display:inline-block;
		vertical-align:middle;
		font-size:18px;
		color:#fff;
		font-family:'Lora';
		margin-left:60px;
	}
	
	#header .topA .menuA .menu li a{
		color:#fff;
	}
	
	
	#header .topA .menuA .moreMenu{
		display:inline-block;
		vertical-align:middle;
		width:40px;
		margin-left:30px;
		display:none;
	}
	
	#header .topA .menuA .moreMenu img{
		width:100%;
	}
	
	
	#header .bottom{
		width:100%;
		padding:0px;
		text-align:Right;
		display:none;
	}
	
	
	#header .bottom .memMenu{
		display:inline-block;
		vertical-align:Middle;
		margin-right:10px;
	}
	
	#header .bottom .memMenu li{
		display:inline-block;
		padding:0px 10px;
		border-left:1px solid #fff;
		font-size:15px;
		line-height:15px;
	}
	
	#header .bottom .memMenu li:first-child{
		border-left:0px solid #fff;
	}
	
	#header .bottom .memMenu li a{
		color:#fff;
		font-family:'lora'
	}
	
	
	#header .bottom .buttonMenu{
		display:inline-block;
		vertical-align:Middle;
	}
	
	
	#header .bottom .buttonMenu li{
		display:inline-block;
		padding:20px 40px;
		box-sizing:border-box;
	}
	
	#header .bottom .buttonMenu li .ico{
		width:21px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#header .bottom .buttonMenu li .tx{
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		font-size:16px;
		margin-left:5px;
	}
	
	
	#header .moHeader{
		width:100%;
		display:inline-block;
		padding:20px 3%;
		box-sizing:border-box;
	}
	
	
	
	#header .moHeader .moMenu{
		display:inline-block;
		width:25px;
	}
	
	
	#header .moHeader .moMenu img{
		width:100%;
	}
	#header .moHeader .rtMenu{
		display:inline-block;
		float:right;
	}
	
	#header .moHeader .rtMenu li{
		display:inline-block;
		margin-left:15px;
	}
	
	#header .moHeader .rtMenu li img{
		height:20px
	}
	
	
	
	
	#header .moSlideMenu{
		display:block;
		background:#fff;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:-100%;
		transition:all 1s;
		z-index:999;
	}
	
	
	#header .moSlideMenu::-webkit-scrollbar {
		width: 3px;
	}
	#header .moSlideMenu::-webkit-scrollbar-track {
		background-color: #f7f7f7;
	}
	
	#header .moSlideMenu::-webkit-scrollbar-thumb{
		background: #e5e5e5;
	}
	
	#header .moSlideMenu::-webkit-scrollbar-button{
		display: none;
	}


	
	#header .moSlideMenu .top{
		width:100%;
		padding:15px 6%;
		box-sizing:border-box;
		display:inline-block;
	}
	
	#header .moSlideMenu .top .logo{
		width:100px;
		display:inline-block;
	}
	
	#header .moSlideMenu .top .logo img{
		width:100%;
	}
	
	#header .moSlideMenu .top .moMenuClose{
		width:40px;
		display:inline-block;
		float:right;
	}
	
	#header .moSlideMenu .top .moMenuClose img{
		width:100%;
	}
	
	#header .moSlideMenu .top .moMenuClose{
		width:40px;
		display:inline-block;
		float:right;
	}
	
	
	#header .moSlideMenu .bookingmenu{
		width:100%;
		display:flex;
	}
	
	#header .moSlideMenu .bookingmenu li{
		width:100%;
		text-align:center;
		padding:20px 0px;
	}
	
	#header .moSlideMenu .bookingmenu li .ico{
		width:20px;
		display:inline-block;
		vertical-align:middle;
	}
	
	#header .moSlideMenu .bookingmenu li .ico img{
		width:100%;
	}
	
	
	#header .moSlideMenu .bookingmenu li .tx{
		font-size:14px;
		color:#fff;
		display:inline-block;
		vertical-align:middle;
		margin-left:5px;
	}
	
	
	
	#header .moSlideMenu .moMenuList{
		width:100%;
		padding:0px 3%;
		margin-top:30px;
		box-sizing:border-box;
	}
	
	#header .moSlideMenu .moMenuList li{
		width:100%;
		text-align:center;
		font-size:15px;
		font-family:'lora';
		margin-top:10px;
	}
	
	#header .moSlideMenu .memM{
		width:100%;
		text-align:center;
		position:absolute;
		bottom:30px;
	}
	
	#header .moSlideMenu .memM li{
		display:inline-block;
		font-size:14px;
		font-family:'lora';
		margin:0px 10px;
	}
	
	#header .moSlideMenu .memM li a{
		color:#999
	}
	
	
	
	
	
	
	#footer{
		width:100%;
		padding:50px 3%;
		border-top:1px solid #e5e5e5;
		font-size:15px;
		color:#999;
		word-break:keep-all;
		box-sizing:border-box;
	}

}