<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{

	background-color:#ffe64e;

	background-repeat:no-repeat;

	background-position:center;

	background-size:100% auto;

	font-family: 'Source Sans Pro', sans-serif,'Microsoft JhengHei';

}

body a{

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-o-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

}
.scroll-up {
	position: fixed;
	display: none;
	z-index: 999;
	bottom: 2em;
	right: 2em;
}

.scroll-up a {
	background-color: rgba(254, 141, 182, 0.9);
	display: block;
	width: 35px;
	height: 35px;
	border-radius:50%;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
}

.scroll-up a:hover,
.scroll-up a:active {
	background-color: rgba(180, 180, 180, 0.5);
	color: #fff !important;
}
 ul{

	padding: 0;

	margin: 0;

	

}

h1,h2,h3,h4,h5,h6,p,label{

	margin:0;

}

.header{

	min-height: 800px;

	background-size:100%;

}

.header-logo{

	display:none;

}

/*----*/

.top-menu ul li a {

    display: inline-block;

    outline: none;

    color: #fff;

    text-decoration: none; 

    vertical-align: middle;   

}

.top-menu ul li a:hover,

.top-menu ul li  a:focus {

	outline: none;

}

/* Effect 15: scale down, reveal */



/*----*/

.menu_bg{

	background-image:url(../img/menubg.png);

	background-position:top;

	min-height:205px;

	z-index:100;

	position:absolute;

	width:100%;

}



.top-menu{

	width:100%;

	text-align: center;

	min-height:60px;

	position:relative;

	z-index:100;

}

.top-menu ul li{

	display: inline-block;

	margin:0 24px;

	margin-top:-2%;

}



.top-menu ul li  a:hover{

	color:#ff5f8a;

}

.top-menu ul li a.active{

    color:#ff5f8a;

}

.logo img{

	position:relative;

	margin-top:20%;

}

/*----*/

.top-nav span.menu:before{

	content: url(../images/menu.png)no-repeat 0px 0px;

	cursor:pointer;	

	width:100%;

}

.top-nav span.menu{

	display: none;

}

/*--banner--*/

.enter_c{

	position:absolute;

	z-index:2;

	top:48.5%;

	left:16.5%;

}

.enter_k{

	position:absolute;

	z-index:2;

	top:59%;

	left:66.2%;

}

.banner{

position:relative;

margin-top:0px;

z-index:1;

}

.banner1{

margin-top:0px;



}

.ban-top {

    margin:0;

    width: 32%;

	text-align:left;

}

.standard-top1 {

    background-color: #ff5f8a;

    padding: 2em 2em;

}

.ban-top h4 {

    font-size: 2em;

    color: #fff;

    margin: 0;

}

.ban-top h5 {

    font-size: 2em;

    color: #fff;

    margin: 0.5em 0;

	font-family: 'Ubuntu', sans-serif;

}

.ban-top h6 {

    font-size: 2em;

    line-height: 1.4em;

    color: #fff;

	font-family: 'Ubuntu', sans-serif;

}

.soc {

    margin-top: 2em;

}

.soc ul li{

  padding: 0em;

  list-style:none;

  display:inline-block;

}

.soc ul li a span.fa {

  background-position: 0px -2px;

}

.soc ul li a span.tw {

  background-position: -41px -3px;

}

.soc ul li a span.g {

  background-position:-86px -4px;

}

.soc ul li a  span.fa:hover {

  opacity:0.5;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.soc ul li a span.tw:hover {

  opacity:0.5;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.soc ul li a span.g:hover {

  opacity:0.5;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.soc ul li span{

  background:url(../images/ftr-icons.png)no-repeat;

  width:34px;

  height:36px;

  display:block;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.com {

    margin-top:1em;

}

.com ul li{

  padding: 0em;

  list-style:none;

  display:inline-block;

}

.com ul li a span.fa {

  background-position: 0px -2px;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.com ul li a span.tw {

  background-position: -41px -3px;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.com ul li a span.g {

  background-position:-86px -4px;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.com ul li a  span.fa:hover {

   opacity:0.5;

      transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.com ul li a span.tw:hover {

   opacity:0.5;

      transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.com ul li a span.g:hover {

  opacity:0.5;

      transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}



.com ul li span{

  background:url(../images/com-icons.png)no-repeat;

  width:34px;

  height:36px;

  display:block;

}

.banner-matter{

	width:100%;

	text-align:center;

	z-index:1;

}

.banner-matter h1 {

    font-size: 6.5em;

    margin: 0;

    font-style: italic;

    line-height: 1.3em;

    font-family: 'Ubuntu', sans-serif;

    padding: 0.2em 1em;

}

/*---about---*/

.stit{

	position:absolute;

	top:39.8%;

	width:100%;

	z-index:5;

}

.stit img{

	margin:auto;

}

.about_pic1{

	background-repeat:repeat-x;

	background-position:top;

	z-index:1;

	padding-bottom:2%;

	background-image: url(../img/about/about_bg.jpg);

}

.about_l{

	position: relative;

	width:15%;

	float: left;

}

.about_wow{

	position: relative;

	width:36%;

	float: left;

}

.about_pic2{

	position: relative;

	width:40%;

	float: left;

}

.about_txt1 img{

	float:left;

	position: static;

	margin:1%;

}

.about_txt1 p{

	position: static;

	margin-top:5%;

	color:#462916;

	font-size:16px;

	font-weight:bold;

	line-height:36px;

	text-align:left;

}

.about_txt1{	

	z-index:5;

	margin-top: -59%;

	position: absolute;

	margin-left: 7%;

}

.about_pics{

	margin-top:2%;

} 

.pic2_l img{

	float:right;

}

.about_pic3{

	margin-bottom:6%;

}

.pic3_txt p{

	margin:12% 0 0 20%;

	color:#462916;

	font-size:16px;

	font-weight:bold;

	line-height:36px;

	text-align:left;

}

.bottom_pic{

	position:absolute;

	width:100%;

	bottom:0;

	z-index:3;

	overflow:hidden;

	margin:0;

}



/*-- w3layouts --*/

.banner-matter h2 {

    font-size: 2em;

    line-height: 1.8em;

    width: 62%;

    margin: 0;

    color: #fff;

    background-color:rgba(183, 193, 216, 0.75);

    padding: 0.5em 2em;

    text-align: left;

}

/*--news--*/

.news_pic{

	z-index:3;

	margin-top:0px;

	

}

.news_bg{

	background:url(../img/news_bg.jpg);

	background-repeat:no-repeat;

	min-height:645px;

	width:100%;

	margin-top:150px;

	z-index:1;

	background-position:center;

}

.news_box{

	padding-left:450px;

	

}

/*--rooms--*/

.stit_pic2{

	margin-top:40px;

}

.rooms_bg{

	background-image:url(../img/rooms_top.png);

	background-repeat:repeat-x;

	min-height:15px;

	z-index:5;	

}

.rooms_menu{

	background-repeat:no-repeat;

	background-color:#FFD3D4;

	background-size:100%;

	background-image:url(../img/rooms_bg.jpg);

	padding-top:15%;

}

.bg_room{

	background-image:url(../img/bgpic_room.jpg);

	min-height:510px;

}

.bg_other{

	background-image:url(../img/bg_other.jpg);

	background-repeat:no-repeat;

}



/*--room--*/

.room_btn_all_2{

	margin-top:12%;

}

.rooms_tit{

	margin:6% 0 2.6%;

	position:relative;

}

.room_bg{

	background-image:url(../img/bgpic_about.jpg);

	background-repeat:repeat-y;

	background-size:100% auto;

	min-height:755px;

	width:100%;

	z-index:1;



}

.rooms_pic{

margin-top:-6%;

padding-bottom:100px;



}

.room_btn img{

	margin-top:50px;

}

.room_btn a:hover{

	position:relative;

	top:1px;

	left:1px;

}

.banner-room{

	margin:0px auto;	

}

.room_name{

	margin-top:0%;

}

.room_name img{

	margin:0 auto;

	padding-bottom:25px;

}

.room_name p{

	font-size:16px;

	color:#444444;

	text-align:left;

	line-height:26pt;

	width: 90%;

	margin: 0 15%;

}

.booking_btn a:hover{

	position:relative;

	top:1px;

	left:1px;

}

.room_price {

	font-size:16px;

	text-align:center;

}

.room_price  table, tr, td {

  

   padding:5px 0;

   color:#444444;

}

.room_price table{



}

.room_price p{

	font-size:16px;

	color:#444444;

	text-align:left;

	line-height:26pt;

}



.room_art{

	margin-bottom:50px;	

}





.room_txt1{

	font-size:14px;

	margin-left:100px;

	color:#ff6000;

	margin-top:15px;

	line-height:30px;

}



.room_h1{

	font-size:18px;

	color:#98530a;

	padding:10px 0;

	font-weight:bold;

}

.room_h2{

	font-family:Microsoft JhengHei;

	font-size:15px;

	color:#4eb2b2;

	margin-top:15px;

	line-height:30px;

	font-weight:bold;

}

.room_txt2{

	font-family:Microsoft JhengHei;

	font-size:14px;

	margin-left:100px;

	color:#555555;

	line-height:30px;

}

.room_whole{

	font-family:Microsoft JhengHei;

	font-size:14px;

	margin-left:100px;

	margin-top:10px;

}

.room_allprice{

	font-family:Microsoft JhengHei;

	font-size:14px;

	margin-left:3%;

	padding-right:3%;

	margin-top:10px;

	margin-bottom:30px;

}

.room_allprice table{

	width:100%;

}

.room_tit2{

	margin-left:150px;

	margin-bottom:10px;	

	margin-top:15px;

}

.room_fac{

	font-size:14px;

	line-height:20pt;

	color:#FFFFFF;

	margin-bottom:50px;

}

.other_btn{

	margin-top:20px;

	float:left;

}

.room_other{

	margin-top:30px;

	margin-left:0px;

	float: right;

}

.room_other a:hover{

	position: relative; /* 當滑鼠經過超連結時，超連結往右下位移1像素 */

	top: 1px;

	left: 1px;

}

.message_box{

	margin-left:auto;

	margin-right:auto;

	width:100%;

	margin-top:20px;

}

/*--notice--*/

.info{

padding:0 0 3%;

}

.info_bg {

	background-image:url(../img/bgpic_info.png);

	background-repeat:no-repeat;

	background-size:100% auto;

	min-height:755px;

	width:100%;

	z-index:1;

}



.info_tit{

margin:20px 0;



}

.info_txt{

	left:50px;

	margin: 20px 0;

}

.info_txt p{

	color:#333333;

	font-size:14px;

	line-height:24px;

	list-style:circle;



}

/*--farm--*/

.farm_pic2{

	background:#fbd9a8;

}

.farm_pic3{

	background:#fbd9a8;

}

.farm_txt{

	width:80%;

	margin:30px auto 0;

	font-size:16px;

	line-height:28px;

	color:#693535;

	font-weight:300;

}

.farm_bottom{

	margin:30px 0 30px 220px;

}



/*--scenic--*/



.scenic_box{

	margin:auto;

}

/*-- w3ls --*/

.w3ls {

    padding: 5em 0;

	background:#ECECEC;

}

.w3ls h2,.w3ls h3 {

    color:#131A2C;

    font-family: 'Ubuntu', sans-;

    font-size:2em;

	margin-bottom:1em;

}

/*-- w3layouts --*/

.w3ls h4 {

    color:#fff;

    font-family: 'Ubuntu', sans-;

    font-size: 1.8em;

    margin-bottom: 1em;

}

.w3ls h5 {

    color:#fff;

    font-family: 'Ubuntu', sans-;

    font-size: 1.9em;

    margin-bottom: 1em;

	line-height: 1.5em;

}

.w3ls h6 {

    color:#fff;

    font-family: 'Ubuntu', sans-;

    font-size: 1.9em;

	line-height: 1.5em;

}

.standard-top span {

    color: #131A2C;

    font-size: 1.5em;

}

.w3ls p {

    font-size: 1.2em;

    line-height: 1.7em;

    margin: 1em 0;

    color: #6D758A;

}

.standard-top {

    background-color:#ff5f8a;

    padding: 2em;

}

.w3ls ul li a,.quality ul li a {

    color:#6D758A;

    font-size: 1.2em;

}

.w3ls ul li,.quality ul li {

    display: block;

    background: url(../images/dot.png)no-repeat 0px 5px;

    padding-left: 2em;

    margin: 1em 0 0;

}

.w3ls ul li a:hover,.quality ul li a:hover {

    color: #FF5F8A;

    padding-left: 10px;

}



/*--location-starts--*/

.map_bg {

	background-image:url(../img/bgpic_map.png);

	background-repeat:no-repeat;

	background-size:100% auto;

	min-height:755px;

	width:100%;

	z-index:1;

}

#map {

    min-height: 500px

}

.map{

	padding:3% 0;

}

.map_txt{

	margin:auto;

	font-family:Microsoft JhengHei;

	font-size:16px;

	line-height:32px;

	color:#333333;

	text-align:center;

	padding-left:10px;

	padding-right:10px;

	background-image:url(../img/info_txtbg_s.png);

	background-repeat:repeat;

	padding-bottom:40px;

}

.map p{

	font-size:16px;

	text-align:left;

	line-height:22pt;



}

.map_h1{

	font-size:18px;

	margin:15px 0;

	text-align: center;



}

.c-left input[type="text"],.c-left textarea {

    width: 100%;

    margin-bottom: 10px;

    color: #999;

    background: none;

    padding: 10px 10px;

    outline: none;

    border: 1px solid #C7C5C5;

    font-size: 14px;

}

.c-left textarea {

    resize: none;

    height: 10.4em;

}

.contact-right{

	padding:0;

}

.submit-btn input[type=submit] {

    color: #fff;

    padding: 7px 0px;

    font-size: 16px;

    cursor: pointer;

    font-weight: 400;

    margin-top: 10px;

	background: #131A2C;

    outline: none;

    width: 98%;

	border:none;

}

.submit-btn input[type=submit]:hover {

    background: #ff5f8a;

    color: #fff;

    transition: 0.5s all ease;

    -webkit-transition: 0.5s all ease;

    -moz-transition: 0.5s all ease;

    -o-transition: 0.5s all ease;

    -ms-transition: 0.5s all ease;

}

.add {

    margin-top: 11px;

}

.add h5 {

    color: #131A2C;

    font-size: 1.8em;

    margin: 0 0 0.5em;

}

.add address {

    border-bottom: none;

}

/*--contact-end--*/

/*-- /w3ls --*/

/*-- agile --*/

/*-- agileits --*/

/* SECOND EFFECTS */

.second-effect .mask2{

	opacity: 1;

	cursor: pointer;

}

.second-effect .mask1,.second-effect .mask{

   opacity: 0;

   overflow:visible;

   border:0px solid rgba(75, 178, 193, 0.61);

   -moz-box-sizing:border-box;

   -webkit-box-sizing:border-box;

   box-sizing:border-box;

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

   cursor: pointer;

}

.second-effect a.info {

	position: relative;

	top: 45%;

	left: -10px;

	opacity: 0;

   -moz-transform:scale(0,0);

   -webkit-transform:scale(0,0);

   -o-transform:scale(0,0);

   -ms-transform:scale(0,0);

   transform:scale(0,0);

   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

}

.second-effect:hover .mask1,.second-effect2:hover .mask {

   	 opacity: 1;

     background:rgba(75, 178, 193, 0.65);

     cursor: pointer;

}

.second-effect:hover a.info,.second-effect2:hover a.info{

	opacity:1;

	-moz-transform:scale(1,1);

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	-moz-transition-delay:0.3s;

	-webkit-transition-delay:0.3s;

	-o-transition-delay:0.3s;

	-ms-transition-delay:0.3s;

	transition-delay:0.3s;

}

/****end-CSS3 EFFECTS *****/

/* FIFTH EFFECTS */

.fifth-effect img {

	-moz-transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-o-transition: all 0.3s ease-in;

	-ms-transition: all 0.3s ease-in;

	transition: all 0.3s ease-in;

}

.fifth-effect .mask1 {

   cursor:pointer;

   opacity:1;

   visibility:visible;

   border:20px solid rgba(200, 203, 209, 0.61);

   -moz-box-sizing:border-box;

   -webkit-box-sizing:border-box;

   box-sizing:border-box;

   -moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

   -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

   -o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

   -ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

   transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620);

}

.fifth-effect:hover .mask1 {

	border:0px double rgba(0,0,0,0.7);

	opacity:0;

	visibility:hidden;

}

.fifth-effect:hover img {

	opacity:1;

}

/* CSS3 STYLE GENERIC */

.view1{

	width:300px;

	height:

	float: left;

   overflow: hidden;

   position: relative;

   text-align: center;

   cursor: default;

   margin: 10px 10px;

}

.view1 .mask1,.view1 .content1{

   width: 100%;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

   height: 100%;



}

.view1 img {

	display: block;

   position: relative;

}

.view1 a.info {

	background:url(../images/caption.png) center no-repeat;/*景點點選圖*/

   display: inline-block;

   text-decoration: none;

   padding:0;

   text-indent:-9999px;

   width:298px;

   height:65px;

}

.agile h4 {

	color: #052a88;

	font-family:Microsoft JhengHei;

	font-size: 1.7em;

	padding-top: 30px;

	font-weight:bold;

}

.agile p {

	font-family:Microsoft JhengHei;

    font-size: 1.2em;

    line-height: 1.5em;

    margin: 1em 0.7em;

    color: #ffffff;

	text-align:left;

}

.agile {

    padding: 5em 0;

}

.s-btm{

	text-align:center;

}

/*-- /agile --*/

.c-left{

	padding-left:0;

}

.contact-left {

    padding-right: 0;

}

abbr[title], abbr[data-original-title] {

    cursor: help;

    border-bottom: none ! important;

}

/*-- footer --*/

.footer {

	padding:0;

	width:100%;

	margin:auto;	

}



.footer1{	

	margin-top:-3%;

	width:100%;

	position:relative;

	z-index:10;	

}

.f_bg{	

	width:100%;

	height:65px;

	z-index:5;

}

.message_btn{

	padding-left:150px;

	display:inline;

}

.FB_btn{

	display:inline;

}

.location p {

    font-size: 1.3em;

    vertical-align: middle;

    display: inline-block;

    color: #C5C5C5;

}

address {

    font-style: normal;

    line-height: 1.8em;

    color:#C5C5C5;

    font-size: 1.2em;

    margin: 0em 0 2em;

    padding: 0 0 2em;

    border-bottom: 1px solid #797777;

}

span.glyphicon.glyphicon-earphone,span.glyphicon.glyphicon-envelope {

    color: #ff5f8a;

    font-size: 2em;

	padding-right:0.5em;

	vertical-align: middle;

}

.latest-proj li {

    display: inline-block;

    width: 26%;

    margin: 0 2% 0 0;

}

.latest-proj h5 {

    color: #fff;

    font-family: 'Ubuntu', sans-;

    font-size: 1.4em;

    text-align: center;

    margin: 0.5em 0;

}

.latest-proj p {

    font-size: 1.1em;

    color:#C5C5C5;

	text-align:center;

}

.copy-rights ul li{

  padding: 0em;

  list-style:none;

  display:inline-block;

}

.copy-rights ul li a span.fa {

  background-position: 0px -2px;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.copy-rights ul li a span.tw {

  background-position: -41px -3px;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.copy-rights ul li a span.g {

  background-position:-86px -4px;

  transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.copy-rights ul li a  span.fa:hover {

   opacity:0.5;

      transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.copy-rights ul li a span.tw:hover {

  opacity:0.5;

      transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.copy-rights ul li a span.g:hover {

  opacity:0.5;

      transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}



.copy-rights ul li span{

  background:url(../images/ftr-icons.png)no-repeat;

  width:34px;

  height:36px;

  display:block;

}

.copy-rights {

    margin: 3.7em 0 0;

    text-align: center;

    border-top: 1px solid #797777;

    padding: 2em 0;

}

p.mai a {

    color:#ff5f8a;

}

p.mai a:hover{

    color: #C5C5C5;

}

.foot-bt p {

	line-height:18px;

    color: #444444;

    font-family:Microsoft JhengHei;

    font-size:14px;

    margin:10px 0;

}

.foot-bt p a:hover {

    color: #ffffff;

    text-decoration: none;

	transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

.foot-bt p a {

    color: #444444;

	text-decoration:none;

}

.foot-bt {

	text-align: center;

	margin: 0;

}



/*-- /footer --*/

.header-1{

	background:url(../images/13.jpg) no-repeat 0px 0px;

	width:100%;

	min-height: 250px;

	display: block;

	background-size: cover;



}

/*--company --*/

.company h1,.company h2,.services h1,.services h2,.quality h1,.quality h2,.projects h1,.contact h1,.contact h2  {

    color: #131A2C;

    font-family: 'Ubuntu', sans-;

    font-size: 3em;

    margin-bottom: 1em;

}

.company h3,.services h3,.quality h3,.projects h3,.contact h3 {

    color: #131A2C;

    font-family: 'Ubuntu', sans-;

    font-size: 3em;

}

.company p,.services p,.quality p,.projects p,.contact p {

    font-size: 1.2em;

    line-height: 1.7em;

    margin: 1em 0;

    color: #999;

}

.company h5,.quality h5{

    color: #131A2C;

    font-family: 'Ubuntu', sans-;

    font-size: 1.7em;

    margin-bottom: 0em;

}

.company,.services,.typo,.projects,.contact,.quality{

   padding:5em 0;

}

.company h4 {

    font-size: 4.5em;

    color: #fff;

}

.com-tp {

    background-color: #131A2C;

    padding: 2em;

}

.company-btm {

    margin-top: 5em;

}

.co-le {

    float: left;

    width: 40%;

}

.co-top {

    margin-bottom: 2em;

}

.co-rg {

    float: right;

    width: 60%;

    padding: 0 2em;

}

/*--company --*/

.com-left h3 {

    margin-bottom: 1em;

}

.services-left1 h3 {

    margin-bottom: 1em;

}

/*--srervices --*/

.ser-bt1 {

    border-bottom: 1px dashed #999;

	border-top: 1px dashed #999;

}

.services-left{

float:left;

width: 15%;



}

.services-right{

float:right;

width: 80%;

}

.services-left p{

  background: #ff5f8a;

  color: #ffffff;

  font-size: 20px;

  text-align: center;

  padding: 12px ;

  margin: 0;

  font-weight:800;

  border-radius:60%;

  -webkit-border-radius:60%;

  -o-border-radius:60%;

  -ms-border-radius:60%;

  -moz-border-radius:60%;

}

.services-left p:hover{

  background: #131A2C;

  border-radius:0%;

  -webkit-border-radius:0%;

  -o-border-radius:0%;

  -ms-border-radius:0%;

  -moz-border-radius:0%;

transition: .5s all;

-webkit-transition: .5s all;

-o-transition: .5s all;

-ms-transition: .5s all;

-moz-transition: .5s all;

}

.services-right h4{

  margin: 0px 0 0 0;

  font-size:1.4em;

  font-weight:700;

  color: #131A2C;

  line-height: 1.5em;

}

.services-grid:nth-child(4),.services-grid:nth-child(5),.services-grid:nth-child(6){

margin-top:50px;

}

.serv-list-info h3 span {

  color: #F896A9;

}

.services-list{

  background: url(../images/banner2.jpg) fixed;

  background-size: cover;

  -webkit-background-size: cover;

  -o-background-size: cover;

  -ms-background-size: cover;

  -moz-background-size: cover;

  min-height: 515px;

padding:80px 0 0 0;

}

.serv-list-info p{

  margin: 0px auto 23px auto;

  font-size: 14px;

  color: #E6E6E6;

  line-height: 2em;

  width: 75%;

  text-align: center;

}



.serv-list-grid ul{

margin:0;

padding:0;

}

.serv-list-grid ul li{

list-style-type:none;

line-height:2em;

}

.serv-list-grid ul li a{

  color: #e6e6e6;

  font-size: 14px;

  background: url(../images/icon3.png) no-repeat 0px 2px;

  padding-left: 30px;

}

.serv-list-grid ul li a:hover{

  padding-left: 38px;

 color: #F896A9;

}

.services-info {

    margin: 5em 0 0;

}

/*--srervices --*/

/*--quality --*/

.co-rg1 {

    float: right;

    width:67%;

    padding: 0 2em;

}

.co-le1 {

    float: left;

    width: 33%;

}

/*--quality --*/

/*--Typography--*/

.show-grid [class^=col-] {

    background: #fff;

  text-align: center;

  margin-bottom: 10px;

  line-height: 2em;

  border: 10px solid #f0f0f0;

}

.show-grid [class*="col-"]:hover {

  background: #e0e0e0;

}

.grid_3{

	margin-bottom:2em;

}

.xs h3, h3.m_1{

	color:#000;

	font-size:1.7em;

	font-weight:300;

	margin-bottom: 1em;

}

.grid_3 p{

  color: #999;

  font-size: 0.85em;

  margin-bottom: 1em;

  font-weight: 300;

}

.grid_4{

	background:none;

	margin-top:50px;

}

h3.title {

    color: #131A2C;

    font-size: 3em;

	font-family: 'Ubuntu', sans-;

}

.label {

  font-weight: 300 !important;

  border-radius:4px;

}  

.grid_5{

	background:none;

	padding:2em 0;

}

.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {

	margin-bottom: 1em;

    color:#ff5f8a;

}

.table &gt; thead &gt; tr &gt; th, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td {

  border-top: none !important;

}

.tab-content &gt; .active {

  display: block;

  visibility: visible;

}

.pagination &gt; .active &gt; a, .pagination &gt; .active &gt; span, .pagination &gt; .active &gt; a:hover, .pagination &gt; .active &gt; span:hover, .pagination &gt; .active &gt; a:focus, .pagination &gt; .active &gt; span:focus {

  z-index: 0;

}

.badge-primary {

  background-color: #03a9f4;

}

.badge-success {

  background-color: #8bc34a;

}

.badge-warning {

  background-color: #ffc107;

}

.badge-danger {

  background-color: #e51c23;

}

.grid_3 p{

  line-height: 2em;

  color: #888;

  font-size: 0.9em;

  margin-bottom: 1em;

  font-weight: 300;

}

.bs-docs-example {

  margin: 1em 0;

}

section#tables  p {

 margin-top: 1em;

}

.tab-container .tab-content {

  border-radius: 0 2px 2px 2px;

  border: 1px solid #e0e0e0;

  padding: 16px;

  background-color: #ffffff;

}

.table td, .table&gt;tbody&gt;tr&gt;td, .table&gt;tbody&gt;tr&gt;th, .table&gt;tfoot&gt;tr&gt;td, .table&gt;tfoot&gt;tr&gt;th, .table&gt;thead&gt;tr&gt;td, .table&gt;thead&gt;tr&gt;th {

  padding: 15px!important;

}

.table &gt; thead &gt; tr &gt; th, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td {

  font-size: 0.9em;

  color: #999;

  border-top: none !important;

}

.tab-content &gt; .active {

  display: block;

  visibility: visible;

}

.label {

  font-weight: 300 !important;

}

.label {

  padding: 4px 6px;

  border: none;

  text-shadow: none;

}

.nav-tabs {

  margin-bottom: 1em;

}

.alert {

  font-size: 0.85em;

}

h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {

line-height:1.8em;

  margin-top:0.5em;

  margin-bottom: 0.5em;

}

li.list-group-item1 {

  line-height: 2.5em;

}

.input-group {

  margin-bottom: 20px;

  }

.in-gp-tl{

padding:0;

}

.in-gp-tb{

padding-right:0;

}

.list-group {

  margin-bottom: 48px;

}

 ol {

  margin-bottom: 44px;

}

h2.typoh2{

    margin: 0 0 10px;

}

@media (max-width:768px){

	.grid_5 {

		padding: 0 0 1em;

	}

	.grid_3 {

		margin-bottom: 0em;

	}

}

@media (max-width:640px){

	h1, .h1, h2, .h2, h3, .h3 {

		margin-top: 0px;

		margin-bottom: 0px;

	}

	.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {

		margin-bottom: .5em;

	}

	.progress {

		height: 10px;

		margin-bottom: 10px;

	}

	ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {

		font-size: 14px;

	}

	.breadcrumb {

		margin-bottom: 10px;

	}

	.well {

		font-size: 14px;

		margin-bottom: 10px;

	}

	h2.typoh2 {

		font-size: 1.5em;

	}

	.label {

		font-size: 60%;

	}

}

@media (max-width:480px){

	.table h1 {

		font-size: 26px;

	}

	.table h2 {

		font-size: 23px;

	}

	.table h3 {

		font-size: 20px;

	}

	.label {

		font-size: 53%;

	}

	.alert,p {

		font-size: 14px;

	}

	.pagination {

		margin: 20px 0 0px;

	}

}

@media (max-width: 320px){

	.grid_4 {

		margin-top: 18px;

	}

	h3.title {

		font-size: 1.6em;

	}

	.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {

		font-size: 13px;

	}

	.alert {

		padding: 10px;

		margin-bottom: 10px;

	}

	ul.pagination li a {

		font-size: 14px;

		padding: 5px 11px;

	}

	.list-group {

		margin-bottom: 10px;

	}

	.well {

		padding: 10px;

	}

	.nav &gt; li &gt; a {

		font-size: 14px;

	}

	table.table.table-striped,.table-bordered,.bs-docs-example {

		display: none;

	}

}

/*--//Typography --*/



/*---gallery----*/

.view {

  width: 360px;

  height: 245px;

  margin: 10px;

  float: left;

  border: 10px solid #fff;

  overflow: hidden;

  position: relative;

  text-align: center;

  -webkit-box-shadow: 1px 1px 2px #BCBCBC;

  -moz-box-shadow: 1px 1px 2px #BCBCBC;

  box-shadow: 1px 1px 2px #BCBCBC;

  cursor: default;

  padding: 0;

}

.view .mask,.view .content {

   width: 341px;

    height: 225px;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;

}

.view img {

   display: block;

   position: relative;

}

.mask {

    padding: 1em 2em;

}

.view h5 {

    font-size: 1.7em;

    position: relative;

    color: #fff;

    text-align: center;

    margin: 2em auto 0;

    width: 63%;

}

.view-fourth img {

   -webkit-transition: all 0.4s ease-in-out 0.2s;

   -moz-transition: all 0.4s ease-in-out 0.2s;

   -o-transition: all 0.4s ease-in-out 0.2s;

   -ms-transition: all 0.4s ease-in-out 0.2s;

   transition: all 0.4s ease-in-out 0.2s;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

.view-fourth .mask {

   background-color:rgb(27, 45, 78);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: scale(0) rotate(-180deg);

   -moz-transform: scale(0) rotate(-180deg);

   -o-transform: scale(0) rotate(-180deg);

   -ms-transform: scale(0) rotate(-180deg);

   transform: scale(0) rotate(-180deg);

   -webkit-transition: all 0.4s ease-in;

   -moz-transition: all 0.4s ease-in;

   -o-transition: all 0.4s ease-in;

   -ms-transition: all 0.4s ease-in;

   transition: all 0.4s ease-in;

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border-radius: 0px;

}

.view-fourth h5 {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition: all 0.5s ease-in-out;

   -moz-transition: all 0.5s ease-in-out;

   -o-transition: all 0.5s ease-in-out;

   -ms-transition: all 0.5s ease-in-out;

   transition: all 0.5s ease-in-out;

}

.view-fourth:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transform: scale(1) rotate(0deg);

   -moz-transform: scale(1) rotate(0deg);

   -o-transform: scale(1) rotate(0deg);

   -ms-transform: scale(1) rotate(0deg);

   transform: scale(1) rotate(0deg);

   -webkit-transition-delay: 0.2s;

   -moz-transition-delay: 0.2s;

   -o-transition-delay: 0.2s;

   -ms-transition-delay: 0.2s;

   transition-delay: 0.2s;

}

.view-fourth:hover img {

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transition-delay: 0s;

   -moz-transition-delay: 0s;

   -o-transition-delay: 0s;

   -ms-transition-delay: 0s;

   transition-delay: 0s;

}

.view-fourth:hover h5{

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

   -webkit-transition-delay: 0.5s;

   -moz-transition-delay: 0.5s;

   -o-transition-delay: 0.5s;

   -ms-transition-delay: 0.5s;

   transition-delay: 0.5s;

}

/*---//gallery----*/

.contact-left h2 {

    margin-bottom: 0.5em;

}

address-1 {

    color: #777;

    font-size: 1.2em;

    line-height: 1.7em;

}



/*---responsive-design---*/





@media (max-width: 1680px){

.stit{

	top:41%;

}

.about_top{

	margin-left:-12%;

}

.about_pics{

	margin-top:2%;

}

}

@media (max-width: 1600px){

}

@media (max-width: 1440px){

.stit{

	margin-top:5%;

}

.about_top{

	width:140%;

	margin-left:-25%;

}

.about_txt1{

	margin-top: -65%;

}

.pic3_txt{

	margin-bottom:8%;

}

.banner-matter{

	width:115%;

}

.top-menu ul li{

	margin:-2% 20px 0 20px;

}

.news_box{

	padding-left:300px;	

}

.stit_pic1{

	margin-left:350px;

	margin-top:-105px;

}

.farm_txt{

	width:85%;

	margin:10px auto 0;

	font-size:15px;

	line-height:26px;

}





}

@media (max-width: 1366px){

.pic3_txt p{

	margin-top:8%;

}

.info_bg,.map_bg{

	min-height:650px;

}

.farm_txt{

	width:95%;

	margin:10px auto 0;

	font-size:15px;

	line-height:26px;

}



}



@media (max-width: 1280px){

.about_txt1{

	margin-top: -70%;

}

.view h5 {

    margin: 1.5em auto 0;

}

.news_box{

	padding-left:220px;

	

}



.stit_pic1{

	margin-left:300px;

	margin-top:-105px;

}



}

@media (max-width: 1080px){

.top-menu{

	margin-top:-3.5%;

}

.top-menu ul li{

	margin:0 10px;

}

.about_l{

	width:30%;

}

.about_wow{

	width:60%;

}

.about_pic2{

	width:80%;

	margin-left:10%;

}

.stit{

	margin-top:0%;

	top:31.5%;

}

.about_txt1{

	margin-top:-55%;

}

.about_pic1{

	background-size:100% 100%;

}

.banner-matter{

	width:140%;

	margin-left:-20%;

}



.news_bg{

	margin-bottom:40px;

}

.news_pic{

	margin-top:-70px;

}



.news_box{

	padding-left:120px;

	

}



.stit_pic1{

	margin-left:250px;

	margin-top:-105px;

}

.banner-room{

	margin-top:10px;

}

.room_tit2{

	margin-left:120px;

}

.room_block1{

	margin-left:-30px;

}

.room_block2{

	margin-left:140px;

}

.scenic_bg{

	margin-bottom:40px;

}

.info_pic{

	margin-top:-200px;

}

.info_tit{

	margin-left:7%;

}

.farm_bottom{

	margin:0;

}





/*---responsive-design---*/

@media (max-width: 1024px){

.top-menu{

	display:none;

}

.header-logo{

	display:block;

	z-index:99;

}

.about_top{

	margin-top:2%;

}

.menu_bg{

	background-position:30%;

}

.logo1{

	height:100%;

	margin-left:40%;

	z-index:99;

	position:absolute;

	top:-4%;

}

.top-nav {

    float: right;

    margin-top:4%;

	margin-right:3%;

	z-index: 1100;	

}

.top-nav ul {

	display: none;

	position:absolute;

	width: 100%;

	z-index: 900;

	left:0%;

	margin:5% auto 1em;

	background:rgba(255,248,250, 0.9);

	padding:2em auto;

}

.top-nav li{

	float:left;

	margin-left:8%;

}

.top-nav span.icon {

	display: block;

	width: 100%;

	position: relative;

	cursor: pointer;

	margin-top:50%;

}

.top-nav ul li,.top-nav ul li.active{

	display: block;

	padding: 0.5em 0;

	text-align: center;

}

.top-nav ul li a,.top-nav ul li.active a{

	color:#fff;

	border: none;

	padding: 0;

	background:none;

	margin:0;

	text-decoration:none;

	font-size:1.2em;

	display:block;

	padding:0;

	

}

.top-nav ul li a:hover{

	color:#ff5f8a;

}

.top-nav ul li.active a{

	color:#ff5f8a;

}

.top-menu ul li{

	margin-right:0;

}

.stit{

	top:31%;

}

.banner-matter{

	width:145%;

}

.room_tit2{

	margin-left:90px;

}

.company, .services, .typo, .projects, .contact, .quality {

    padding: 3em 0;

}

.company h1,.company h2,.services h1,.services h2,.quality h1,.quality h2,.projects h1,.contact h1,.contact h2  {

    font-size: 2.5em;

}

.company h3, .services h3, .quality h3, .projects h3, .contact h3 {

    font-size: 2.5em;

}

.company-btm {

    margin-top: 3em;

}

.footer h3 {

    font-size: 2em;

}

.view {

    width: 293px;

    height: 219px;

}

.view .mask, .view .content{

    width: 273px;

    height: 205px;

}

.view h5 {

    margin: 1em auto 0;

}

.plan-top {

    padding: 1em;

}

.w3l h3 {

    font-size: 1.7em;

}

.w3l {

    padding: 3em 0;

}

.w3ls {

    padding: 3em 0;

}

.w3ls h2,.w3ls h3 {

    font-size: 1.6em;

    line-height: 1.3em;

}

.standard-top {

    padding: 1em;

}

.w3ls h4 {

    font-size: 1.6em;

}

.w3ls h5 {

    font-size: 1.6em;

}

.standard-top span {

    font-size: 1.3em;

}

.w3ls h6 {

    font-size: 1.6em;

}

.wthree h3 {

    font-size: 2.5em;

}

.wthree {

    padding: 3em 0;

}

.news_box{

	padding-left:120px;

	

}



.news input[type="text"] {

    width: 79%;

}

.agile {

    padding: 3em 0;

}

.agile h4 {

    font-size: 1.7em;

}

.view1 {

    width: 205px;

    height: 205px;

}

.view1 .mask1, .view1 .content1 {

    width: 205px;

    height: 205px;

}

.ban-top h4 {

    font-size: 1.7em;

}

.ban-top h5 {

    font-size: 1.7em;

}

.ban-top h6 {

    font-size: 1.7em;

}

.ban-top {

    width: 34%;

}

.banner-matter h1 {

    font-size: 4em;

    padding:0.6em 1em 0.5em;

}

.mask {

    padding: 0em 1em;

}





}

/*---responsive-design---*/

@media (max-width: 991px){

.banner-matter{

	width:160%;

	margin-left:-35%;

}

.about_pics img{

	margin:0 auto;

}

.pic2_l img{

	float:inherit;

	margin-left:12%;

}

.pic3_txt p{

	margin:auto;

	margin-left:8.4%;

}

.stit{

	top:23.5%;

}

.about_pic3{

	margin-bottom:10%;

}

.about_pic3 img{

	margin:0 auto;

	margin-top:-5%;

}

.room_btn_all_2{

	margin-top:0%;

}

.room_btn{

	padding:2% 2% 0;

}

.rooms_menu{

	background-size:auto 100%;

}

.room_name{

	margin-top:5%;

}

.room_name p{

	margin:0 auto;

}

.container{

	width:80%;

}

.company-left {

    float: left;

    width: 33.33%;

}

.company h4 {

    font-size: 4em;

}

.company p, .services p, .quality p, .projects p, .contact p {

    font-size: 1.1em;

}

.com-left {

    margin-top: 3em;

}

.co-rg {

    padding: 0 0em;

}

.company h5, .quality h5 {

    font-size: 1.5em;

}

.location {

    float: left;

    width: 25%;

    padding: 0 5px;

}

.latest-proj {

    float: left;

    width: 50%;

}

.latest-proj h5 {

    font-size: 1.2em;

}

address {

    font-size: 1.1em;

    margin: 0em 0 1em;

}

span.glyphicon.glyphicon-earphone, span.glyphicon.glyphicon-envelope {

    font-size: 1.5em;

}

.location p {

    font-size: 1.1em;

}

.copy-rights {

    margin: 4.5em 0 0;

    padding: 1em 0;

}

.foot-bt {

    margin: 0 0 0;

}

.services-left1 {

    float: left;

    width: 50%;

}

.services-info {

    margin: 3em 0 0;

}

.services-left1 {

    float: left;

    width: 100%;

    margin-bottom: 2em;

}

.services-info {

    margin: 0;

}

.w3ls ul li a, .quality ul li a {

    font-size: 1.1em;

}

.contact-left {

    margin-top: 2em;

}

.view {

    width: 220px;

    height: 171px;

}

.view .mask, .view .content {

    width: 200px;

    height: 161px;

}

.view h5 {

    margin: 0.8em auto 0;

}

.projects p{

    font-size: 1em;

}

.plan-left {

    float: left;

    width: 50%;

}

.w3l p {

    font-size: 1.1em;

}

.plan-top {

    padding: 2em;

    margin-bottom: 2em;

}

.standards-right {

    float: left;

    width: 50%;

}

.standards-middle {

    float: left;

    width: 50%;

}

.standards-left {

    margin-bottom: 2em;

}

.standard-top {

    padding: 2em;

    margin: 2em;

}

.services-left2 {

    float: left;

    width: 50%;

}

.view1 {

    width: 257px;

    height: 225px;

}

.view1 .mask1, .view1 .content1 {

    width: 257px;

    height: 225px;

}

.agile h4 {

    text-align: left;

}

.agile p {

    font-size: 1.1em;

	text-align:left;

}

.w3ls p {

    font-size: 1.1em;



}

.wthree p {

    font-size: 1.1em;

}

.ban-top {

    width: 46%;

}

.banner-matter h1 {

    font-size: 3em;

    padding: 0.6em 1em 0.5em;

}

.stit_pic1{

	margin-left:200px;

	margin-top:-80px;

}



.stit_pic2{

	margin-top:120px;

}

.banner-room{

	margin-top:0px;

}

.price_bottom{

	display:none;

}

.info_tit img{

margin:0 auto;

}

.info_txt{

	width:80%;

	margin-left:5%;

}

.room_price table{

	width:100%;

}

.room_txt{

	left:0;

	width:100%;

	margin:5% auto;

}

.room_block1{

	margin-left:0px;

	padding-left:185px;

	padding-top:10px;	

}

.room_tit2{

	padding-left:60px;

}

.room_block2{

	margin-left:0px;

	padding-left:260px;	

	padding-top:10px;

}

.info_pic{

	margin-top:-145px;

	float:right;

}

.stit_pic3{

	margin-left:205px;

	margin-top:15px;

}

.stit_pic4{

	margin-left:90px;

	margin-top:30px;

}





.info_txtbg {

	margin-top:-40px;

	}





.scenic_box{

	margin-left:0px;

	padding-left:0px;

}

.footer{

	padding-top:0px;



}

.footer1{

	padding:0em 0 2em 0;

}

.message_btn{

	padding-left:0px;

}

/*---responsive-design---*/

@media (max-width: 768px){

.about_top{

	margin-top:8%;

	margin-left:-27%;

}

.stit{

	top:21.5%;

	padding:0 3%;

}

.pic2_l img{

	margin-left:0.9%;

}

.about_txt1{

	margin-top:-70%;

}

.about_pic3{

	margin-bottom:14%;

}

.banner-matter{

	width:200%;

	margin-left:-45%;

}



.logo1{

	margin-left:37%;

}

.top-nav ul {

	margin-top:13%;

}

.top-nav li{

	margin-left:14%;

}

.room_btn_all{

	padding-top:5%;

}

.view {

    width: 324px;

    height: 226px;

}

.view .mask, .view .content{

    width: 324px;

    height: 226px;

}

.view h5 {

    margin: 2.5em auto 0;

}

.mask {

    padding: 0em 3.3em;

}



.stit_pic1{

	margin-left:235px;

	margin-top:-140px;

}

.banner-room{

	margin-top:20px;

}

.room_bg{

	min-height:auto;

}

.room_tit1{

	margin-left:0px;

	padding-left:210px;

}

.room_tit2{

	margin-left:0px;

	padding-left:140px;

}



.room_block1{

	margin-left:0px;

	padding-left:85px;

	padding-top:10px;	

}

.room_block2{

	padding-left:160px;

}

.info_pic{

	width:30%;

	margin-top:-90px;

	float:right;

}



.info_txtbg{

	background-image: url(../img/info_txtbg_s.png);

	background-repeat: repeat;



}

.info_txt1{

margin-top:0px;



}



.stit_pic3{

	margin-left:50px;

	margin-top:-12px;

}



.stit_pic4{

	margin-left:30px;

	margin-top:0px;

}



.scenic_box{

	margin-left:0px;

}

.footer_bg{

	margin-top:20px;

}

.message_btn{

	display:none;

}

.FB_btn{

	margin-left:130px;

}

.stit_pic1{

	margin-left:110px;

	margin-top:-80px;

}



.news_box{

	padding-left:50px;

	

}



}

@media (max-width: 736px){

.pic2_l img{

	margin:0;

}

.stit_pic2{

	margin-top:100px;

}

.room_btn_all{

	padding-top:8%;

}

.room_btn{

	padding:0% 5%;

}

.room_tit1{

	margin-left:0px;

	padding-left:200px;

}

.room_tit2{

	margin-left:0px;

	padding-left:140px;

}

.room_block1{

	padding-left:75px;	

}

.room_block2{

	padding-left:145px;

}

.info_pic{

	margin-top:-108px;

}

.info_tit1{

	margin:auto;

	padding-left:300px;

	margin-bottom:20px;

}

.info_txt1{

	margin:auto;

	padding-left:150px;

	padding-right:150px;

	text-align:left;

	padding-top:40px;

	margin-bottom:20px;

}



.scenic_box{

	margin-left:-5px;

	padding-left:20px;

	padding-right:20px;

}

.FB_btn{

	margin-left:0;

}

.FB_btn img{

	margin:auto;

}

@media (max-width: 667px){

.banner-matter{

	width:240%;

	margin-left:-70%;

}

.top-nav ul {

	margin-top:16%;

}

.top-nav li{

	margin-left:12%;

}

.about_top{

	margin-top:12%;

}

.stit{

	top:20.5%;

}

.about_l{

	display:none;

}

.about_wow{

	width:80%;

	margin-left:10%;

}

.about_txt1{

	margin-top:-60%;

}

.pic2_l{

	margin-top:10%;

}

.about_pic3{

	margin-bottom:20%;

}

.about_pic3 img{

	margin-top:2%;

}

.view {

    width: 290px;

    height: 200px;

}

.view .mask, .view .content{

    width: 290px;

    height: 200px;

}

.view h5 {

    margin: 2em auto 0;

}

.ban-top {

    width: 52%;

}

.mask {

    padding: 0em 2.3em;

}

.banner-matter{

	margin-top:0px;

}



.news_pic{

	padding-left:25px;

}

.room_block1{

	margin-left:0px;

	padding-left:45px;

	padding-top:10px;	

}

.room_block2{

	padding-left:100px;

}

.info_pic{

	margin-top:-108px;

	padding-left:20px;

}



.info_tit1{

	padding-left:265px;

}

.like_btn img{

	margin-right:60px;

}

}

/*---responsive-design---*/

@media (max-width: 640px){

.top-nav ul {

	margin-top:17%;

}

.top-nav span.icon{

	margin-top:90%;

}

.company h1,.company h2,.services h1,.services h2,.quality h1,.quality h2,.projects h1,.contact h1,.contact h2  {

    font-size: 2.2em;

}

.company-left {

    width: 100%;

    margin-bottom: 2em;

}

.company h3, .services h3, .quality h3, .projects h3, .contact h3 {

    font-size: 2.2em;

}

.company-btm {

    margin-top: 0em;

}

.co-rg {

    padding: 0 2em;

}

.location {

    float: left;

    width: 50%;

    padding: 0 16px;

}

.latest-proj {

    float: left;

    width: 100%;

    margin-bottom: 2em;

}

.room_btn_all{

	padding-top:12%;

}

.room_block1{

	margin-left:0px;

	padding-left:35px;

	padding-top:10px;	

}

.room_block2{

	padding-left:85px;

}

.info_pic{

	margin-top:-110px;

}



.footer {

    padding: 0em 0 0;

}

.view {

    width: 276px;

    height: 171px;

}

.view .mask, .view .content {

    width: 256px;

    height: 161px;

}

.standard-top {

    margin: 1em;

}

.wthree h3 {

    font-size: 2.2em;

}

.agile h4 {

    font-size: 1.6em;

}

.w3l h3 {

    font-size: 1.6em;

}

.standard-top1 {

    padding: 1em 1em;

}

.banner-matter h1 {

    font-size: 2.7em;

    padding: 0.6em 0em 0.5em;

}

.view h5 {

    margin: 1em auto 0;

}

.mask {

    padding: 0em 0.5em;

}

.mask p{

font-size:1em;

line-height:1.5em;

}

.news_box{

	padding-left:20px;

	

}



}

@media (max-width: 600px){

.banner-matter{

	width:280%;

	margin-left:-80%;

}

.top-nav li{

	margin-left:10%;

}

.pic2_l{

	margin-top:17%;

}

.room_block1{

	margin-left:0px;

	padding-left:0px;

	padding-top:10px;	

}

.room_tit2{

	padding-left:150px;

}

.room_fac{

	margin-left:0px;

}

.room_block2{

	padding-left:55px;

}



.info_pic{

	margin-top:-118px;

}

.info_tit1{

	padding-left:230px;

}

.info_txt1{

	padding-left:100px;

	padding-right:100px;

}

.view {

    width: 256px;

    height: 179px;

}

.view .mask, .view .content{

    width: 256px;

    height: 179px;

}

.like_btn img{

	margin-right:40px;

}

}

@media (max-width: 568px){

.about_top{

	margin-top:15%;

}

.info_pic{

	margin-top:-108px;

}

.info{

	margin-left:3%;

}

.view {

    width: 240px;

    height: 168px;

}

.view .mask, .view .content{

    width: 240px;

    height: 168px;

}

.ban-top {

    width: 57%;

}

.like_btn img{

	margin-right:20px;

}

}

/*---responsive-design---*/

@media (max-width: 480px){

.banner-matter{

	width:315%;

	margin-left:-100%;

}

.about_top{

	margin-top:23%;

}

.logo1{

	margin-left:30%;

}

.stit{

	top:20.5%;

}

.pic2_l{

	margin-top:40%;

}

.about_pic3{

	margin-bottom:27%;

}

.top-nav ul {

	margin-top:23%;

}

.top-nav li{

	margin-left:18%;

}

.stit_pic1{

	margin-left:0px;

	margin-top:-80px;

}

.room_btn_all{

	padding-top:18%;

}

.room_btn{

	padding:0% 3%;

}

.news_box{

	padding-top:30px;

}



.banner-room{

	margin-bottom:10px;

}

.room_block1{

	margin-left:-55px;

}



.bg_room{

	margin-top:-10%;

	padding-top:0;

}

.room_art{

display:none;

}



.room_fac{

	margin-top:40px;

}



.room_tit1{

	padding-left:130px;

}



.room_tit2{

	padding-left:20px;

}

.info_txt{

	margin-left:2%;

}

.info_pic{

	margin-top:-110px;

}

.scenic_bg{

	background:none;

}

.company h1,.company h2,.services h1,.services h2,.quality h1,.quality h2,.projects h1,.contact h1,.contact h2 {

    font-size: 2em;

}

.header-1 {

    min-height: 180px;

}

.company h3, .services h3, .quality h3, .projects h3, .contact h3 {

    font-size: 2em;

}

.company-left {

    margin-bottom: 1.5em;

}

.co-rg {

    padding: 0 1em;

}

.company h5, .quality h5 {

    font-size: 1.4em;

}

.footer h3 {

    font-size: 1.7em;

}

.latest-proj li {

    display: inline-block;

    width: 28%;

    margin: 0 2% 0 0;

}

.view {

    width: 196px;

    height: 151px;

}

.view .mask, .view .content {

    width: 180px;

    height: 149px;

}

.view h5 {

    margin: 0.5em auto 0;

}

.plan-left {

    width: 100%;

}

.standards-middle {

    width: 100%;

    margin-bottom: 2em;

}

.standards-right {

    width: 100%;

}

.view1 {

    width: 194px;

    height: 194px;

}

.view1 .mask1, .view1 .content1 {

    width: 194px;

    height: 194px;

}

.ban-top {

    width: 67%;

}

.soc {

    margin-top: 1em;

}

.banner-matter h1 {

    font-size: 2.2em;

    padding: 0.6em 0em 0.5em;

}



.mask p {

    line-height: 1.5em;

    font-size: 0.9em;

}



.foot-bt span{

 display: inline-block;

 line-height:18pt;

}

.like_btn img{

	margin-right:0px;

}

.message_btn img{

	width:100%;

}



.footer{

	width:95%;

}

/*---responsive-design---*/

@media (max-width: 414px){

.container{

width:100%;

}

.logo1{

margin-left:26%;

}

.stit{

	top:20%;

}

.bottom_pic img{

	margin-left:-30%;

}

.about_top{

	margin-top:29%;

}

.about_txt1 p{

	font-size:15px;

}

.pic2_l{

	margin-top:50%;

}

.room_btn_all{

	padding-top:22%;

}

.booking_btn img{

	margin:auto;

}

.top-nav li{

	margin-left:16%;

}

.view {

    width: 340px;

    height: 220px;

}

.view .mask, .view .content {

    width: 319px;

    height: 199px;

}

.view h5 {

    margin: 3em auto 0;

}

.services-left2 {

    width: 100%;

}

.view1 {

    width: 267px;

    height: 194px;

}

.view1 .mask1, .view1 .content1 {

    width: 267px;

    height: 194px;

}

.news input[type="text"] {

    width: 75%;

}

.news input[type="submit"] {



    width: 21%;

}

.location {

    float: left;

    width: 100%;

    padding: 0;

    margin: 0 0 2em

}

address {

    padding: 0 0 1em;

}

.copy-rights {

    margin: 1.5em 0 0;

    padding: 1em 0;

}

.ban-top {

    width: 79%;

}

.news input[type="text"] {

    padding: 10px 10px;

}

.news input[type="submit"] {

    font-size: 14px;

    padding: 11px 0;

}

.news {

    margin-top: 2em;

}

.news_pic{

	display:none;

}

.stit_pic2{

	margin-top:50px;

}

.room_tit1{

	padding-left:130px;

}

.room_other{

	margin-left:0px;

	float:right;

}



.info_pic{

	display:none;

}

.info_tit1{

	padding-left:145px;

}

.info_txt1{

	padding-left:25px;

	padding-right:25px;

}



.agile {

    padding: 0em 0 1em;

}

.header {

    min-height:530px;

}



}

/*---responsive design----*/

@media (max-width:384px){

.top-nav li{

	margin-left:14%;

}

.stit{

	top:19.5%;

}

.about_txt1 p{

	font-size:14px;

}

.pic2_l{

	margin-top:58%;

}

.about_pic3{

	margin-bottom:30%;

}

.bottom_pic img{

	margin-left:-35%;

}

.room_btn_all{

	padding-top:25%;

}

.view {

    width: 322px;

    height: 223px;

}

.view .mask, .view .content {

     width: 322px;

    height: 223px;

}

.ban-top {

    width: 86%;

}

.mask {

    padding: 0 2em;

}

.room_fac{

	padding-left:0px;

}



}

/*---responsive design----*/

@media (max-width:375px){

.top-nav li{

	margin-left:12%;

}

.view {

    width: 310px;

    height: 215px;

}

.view .mask, .view .content {

     width: 310px;

    height: 215px;

}

.pic2_l{

	margin-top:80%;

}

.about_txt1 p{

	font-size:16px;

}

.about_top{

	margin-top:34%;

}

.info_tit1{

	padding-left:125px;

}

}

@media (max-width:360px){

.about_txt1 p{

	font-size:15px;

}

.stit{

	top:19%;

}

.bottom_pic img{

	margin-left:-40%;

}

.room_tit1{

	padding-left:100px;

	padding-right:0px;	

}

.room_tit2{

	padding-left:0px;

}

.info_txt{

	padding:0;

	left:0;

	padding-left:10%;

}

}

/*---responsive-design---*/

@media (max-width: 320px){

.logo1{

	margin-left:21%;

}

.stit{

	top:18%;

}

.about_top{

	margin-top:40%;

}

.about_txt1 p{

	font-size:14px;

}

.pic2_l{

	margin-top:95%;

}

.about_pic3{

	margin-bottom:50%;

}

.bottom_pic img{

	margin-left:-0%;

}

.room_btn_all{

	padding-top:31%;

}

.top-nav li{

	margin-left:10%;

}

.view {

    width: 273px;

    height: 196px;

	margin: 0 0 10px 0;

}

.view .mask, .view .content {

    width: 250px;

    height: 176px;

}

.view h5 {

    margin: 0.8em auto 0;

}



.top-nav {

    float: right;

	

}

.top-nav li{

	margin-left:px;

}

.top-nav ul{

	margin-top:20%;

}

.news_bg{

	margin-top:-5px;

}

.scenic_bg{

	margin-top:-5px;

}

.banner-room{

	margin-top:30px;

}

.room_block1 table{

	width:135%;

}

.stit_pic1{

	margin-top:40px;

}

.info_tit{

	padding:0;

	left:0;

	padding-right:10%;

}

.info_tit1{

	padding-left:100px;

}

.company, .services, .typo, .projects, .contact, .quality {

    padding: 2em 0;

}

.company h1,.company h2,.services h1,.services h2,.quality h1,.quality h2,.projects h1,.contact h1,.contact h2 {

    font-size: 1.8em;

}

.company-left {

    padding: 0;

}

.com-tp {

    padding: 1.5em;

}

.com-left {

    margin-top: 1em;

}

.company h3, .services h3, .quality h3, .projects h3, .contact h3 {

    font-size: 1.8em;

}

.com-left {

    padding: 0;

}

.company h5, .quality h5 {

    font-size: 1.3em;

	margin-bottom:0;

}

.co-top {

    margin-bottom: 1em;

}

.company p, .services p, .quality p, .projects p, .contact p {

    font-size: 1em;

}

.header-1 {

    min-height: 60px;

}

.services-left1 {

    padding: 0;

}

.services-right h4 {

    font-size: 1.3em;

}

.services-grid {

    padding: 0;

}

.latest-proj {

    padding: 0;

}

.latest-proj h5 {

    font-size: 1.1em;

}

.latest-proj p {

    font-size: 1em;

}

.latest-proj li {

    width: 30%;

}

.copy-rights {

    margin: 1.5em 0 0;

}

.foot-bt p {

    font-size: 1.1em;

}

.quality-left {

    padding: 0;

}

.co-rg1 {

    padding: 0 1em;

}

.quality-right {

    padding: 0;

}

.standards ul li a, .quality ul li a {

    font-size: 1em;

}

.map iframe {

    width: 100%;

    height: 200px;

}

.c-left {

    padding: 0;

}

.contact-left {

    margin-top: 2em;

    padding: 0;

}

.plan-left {

    padding: 0;

}

.w3l p {

    font-size: 1em;

}

.w3l {

    padding: 3em 0 1em;

}

.standards-left {

    padding: 0;

}

.w3ls h2,.w3ls h3 {

    font-size: 1.3em;

}

.w3ls {

    padding: 2em 0;

}

.w3ls p {

    font-size: 1em;

}

.standards-middle {

    padding: 0;

}

.standard-top {

    margin: 0em;

}

.wthree {

    padding: 2em 0;

}

.wthree h3 {

    font-size: 2em;

}

.welcome-left {

    padding: 0;

}

.wthree p {

    font-size: 1em;

}

.news input[type="text"] {

    width: 68%;

}

.news input[type="submit"] {

    width: 27%;

}

.services-left2 {

	padding:0;

}

.ban-top {

    width: 84%;

}

.ban-top h4 {

    font-size: 1.3em;

}

.ban-top h5 {

    font-size: 1.3em;

}

.ban-top h6 {

    font-size: 1.3em;

}

.ban-top span {

    font-size: 1.3em;

}

.banner-matter{

	margin-bottom:5px;

}

.banner-matter h1 {

    font-size: 1.4em;

}

.header {

	min-height:470px;

}

.agile {

    padding: 1em 0;

}

address-1 {

    font-size: 1em;

}

.add h5 {

    font-size: 1.5em;

}

.company h4 {

    font-size: 2.5em;

}

.foot-bt {

    padding: 1em 0.5em;

}

}

</pre></body></html>