.clearfix {
  *zoom:1;
  display:block;
}
.clearfix:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.text-shadow {
  text-shadow:1px 1px 2px #3d3b3d;
  filter:dropshadow(color=#3d3b3d,offx=1,offy=1);
  filter:none \9;
}
.inline-block {
  display:inline-block;
  *display:inline;
  *zoom:1;
}
.no-record {
  text-align:center;
  margin:100px 0;
  font-size:15px;
}
.empty-li {
  height:0px !important;
  line-height:0px !important;
  width:100% !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  font-size:0 !important;
}
.outer-center {
  display:inline-block;
  height:100%;
  vertical-align:middle;
}
.middle-wrapper {
  display:inline-block;
  width:100%;
  vertical-align:middle;
  *display:inline;
  *zoom:1;
  height:auto;
}
.input-field {
  border:1px solid #e1c48f;
  background:url(../images/bg/input-field-bg.jpg) repeat-x left top #f5e8d8;
  margin:0px;
  padding:0px;
  height:22px;
  line-height:22px;
  width:174px;
  font-size:11px;
  color:#734702;
  -webkit-text-size-adjust:none;
  padding-left:3px;
}
.input-field::-webkit-input-placeholder { color:#b7b7b7; }
.input-field:-moz-placeholder { color:#b7b7b7; }
.input-field:-ms-input-placeholder { color:#b7b7b7; }
.textarea-field {
  border:1px solid #e1c48f;
  background:url(../images/bg/textarea-field-bg.jpg) repeat-x left top #f5e8d8;
  margin:0px;
  padding:0px;
  min-height:83px;
  width:177px;
  font-size:11px;
  color:#734702;
  -webkit-text-size-adjust:none;
}
.mydds { width:179px; }
.center-area {
  width:1040px;
  margin:0 auto;
}
body {
  background:url(../images/bg/whole-bg.jpg) no-repeat 50% 0 #ffffff;
  position:relative;
}
body.about-us-page { background:url(../images/bg/about-bg.jpg) no-repeat 50% 0 #ffffff; }
body.package-page { background:url(../images/bg/package-bg.jpg) no-repeat 50% 0 #ffffff; }
body.news-page, body.news-detail-page { background:url(../images/bg/news-bg.jpg) no-repeat 50% 0 #ffffff; }
body.online-booking-page { background:url(../images/bg/online-booking-bg.jpg) no-repeat 50% 0 #ffffff; }
body.contact-us-page { background:url(../images/bg/contact-us-bg.jpg) no-repeat 50% 0 #ffffff; }
body.service-page, body.service-detail-page { background:url(../images/bg/service-bg.jpg) no-repeat 50% 0 #ffffff; }
.lace {
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  background:url(../images/item/top-lace.png) no-repeat center top;
  height:170px;
  width:100%;
  min-width:1040px;
}
.top-decor {
  position:absolute;
  left:0px;
  top:0px;
  background:url(../images/item/top-decor.png) no-repeat center top;
  height:115px;
  width:100%;
  z-index:3;
  min-width:1040px;
}
.language-area {
  position:absolute;
  left:0px;
  top:0px;
  height:40px;
  width:100%;
  z-index:5;
}
.language-area .language-nav {
  position:relative;
  top:-23px;
  transition:top 1s;
  -moz-transition:top 1s;
  -webkit-transition:top 1s;
  -o-transition:top 1s;
}
.language-area .language-nav.show, .language-area .language-nav:hover { top:0px; }
.language-area .language-nav .wrapper {
  background:url(../images/bg/language-bg.png) no-repeat left top;
  width:212px;
  height:37px;
  text-align:center;
  padding-top:3px;
  float:right;
  margin-right:80px;
}
.language-area .language-nav .wrapper a {
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:10px;
  vertical-align:middle;
  color:#b18e55;
}
.language-area .language-nav .wrapper a.active, .language-area .language-nav .wrapper a:hover { color:#734702; }
.language-area .language-nav .wrapper a img { vertical-align:top; }
#left-decor {
  background:url(../images/bg/left-decor-inner.png) repeat right top;
  position:absolute;
  overflow:hidden;
  left:0px;
  top:0px;
  z-index:3;
  height:100%;
  --widthA:calc(100% - 1040px);
  width:calc(var(--widthA)/2);
}
#right-decor {
  background:url(../images/bg/right-decor-inner.png) repeat left top;
  position:absolute;
  overflow:hidden;
  right:0px;
  top:0px;
  z-index:3;
  height:100%;
  --widthA:calc(100% - 1040px);
  width:calc(var(--widthA)/2);
}
#main-container {
  width:1040px;
  margin:0 auto;
  position:relative;
  z-index:2;
  padding-top:50px;
  min-height:420px;
}
#menu-wrapper {
  position:absolute;
  left:0px;
  top:-41px;
  z-index:4;
  height:226px;
  overflow:hidden;
  width:100%;
}
#menu-wrapper #menu {
  width:1040px;
  margin:0 auto;
  height:226px;
  list-style:none;
  padding-left:80px;
}
#menu-wrapper #menu li {
  float:left;
  margin-top:111px;
}
#menu-wrapper #menu li a {
  display:block;
  text-indent:-9999px;
  height:50px;
}
#menu-wrapper .repeat-bg { background:url(../images/bg/menu-bg-repeat.png) repeat-x left top; }
#menu-wrapper .center-area { position:relative; }
#menu-wrapper .center-area .logo {
  position:absolute;
  right:100px;
  top:48px;
  z-index:3;
}
#menu-wrapper .center-area .flower {
  position:absolute;
  right:130px;
  top:-2px;
  z-index:-1;
}
#footer {
  background:url(../images/bg/floor-bg.png) no-repeat center top;
  min-height:200px;
  text-align:center;
  padding-top:177px;
}
#footer #copyright { color:#ada08a; }
#footer #copyright a { color:#ada08a; }
.left { float:left; }
.right { float:right; }
.inner-page { padding:177px 64px 0; }
.page-title {
  background:url(../images/bg/title-under.png) no-repeat center bottom;
  padding-bottom:43px;
  width:262px;
  text-align:center;
  font-size:20px;
  color:#7b6e5a;
  font-weight:bold;
  font-style:italic;
}
.about-page { min-height:380px; }
.about-page .left {
  width:378px;
  padding-left:24px;
}
.about-page .left .thumbnail {
  background:url(../images/bg/img-wrapper-1.png) no-repeat left top;
  width:323px;
  height:248px;
  padding:26px 0 0 31px;
}
.about-page .right { width:510px; }
.about-page .right h1 { float:right; }
.about-page .right .desc {
  padding-top:20px;
  font-size:13px;
}
.package-page { min-height:380px; }
.package-page .page-title { margin-left:26px; }
.package-page .big-image {
  background:url(../images/bg/img-wrapper-2.png) no-repeat left top;
  width:835px;
  height:302px;
  padding:33px 0 0 42px;
}
.package-page .big-image .big-slide {
  width:780px;
  height:271px;
  overflow:hidden;
}
.package-page .slide-wrapper {
  margin-top:10px;
  margin-bottom:20px;
  padding-left:90px;
  position:relative;
}
.package-page .slide-wrapper .slide {
  height:147px;
  width:706px;
  overflow:hidden;
}
.package-page .slide-wrapper .slide .package-list {
  width:706px;
  height:147px;
  filter:none !important;
  list-style:none;
}
.package-page .slide-wrapper .slide .package-list li {
  float:left;
  margin-right:11px;
  background:url(../images/bg/package-item.png) no-repeat left top;
  width:164px;
  height:87px;
  text-align:center;
}
.package-page .slide-wrapper .slide .package-list li .wrapper { height:60px; }
.package-page .slide-wrapper .slide .package-list li a .middle-wrapper {
  font-size:14px;
  font-style:italic;
  width:155px;
  color:#998250;
}
.package-page .slide-wrapper .slide .package-list li a:hover .middle-wrapper, .package-page .slide-wrapper .slide .package-list li a.current .middle-wrapper { color:#6d4d04; }
.package-page .slide-wrapper #prev {
  position:absolute;
  left:22px;
  top:52px;
}
.package-page .slide-wrapper #next {
  position:absolute;
  right:58px;
  top:52px;
}
.package-page .slide-wrapper .pager {
  width:706px;
  margin-top:10px;
  text-align:center;
}
.package-page .slide-wrapper .pager a {
  display:inline-block;
  *display:inline;
  *zoom:1;
  background:url(../images/item/dot.png) no-repeat right top;
  width:7px;
  height:7px;
  margin:0 5px;
  text-indent:-9999px;
}
.package-page .slide-wrapper .pager a.activeSlide, .package-page .slide-wrapper .pager a:hover { background-position:left top; }
.news-page { min-height:380px; }
.news-page .page-title { float:right; }
.news-page .slide-wrapper {
  margin-top:20px;
  position:relative;
}
.news-page .slide-wrapper .slide {
  height:497px;
  overflow:hidden;
}
.news-page .slide-wrapper .slide .news-list {
  height:497px;
  width:900px;
  filter:none !important;
}
.news-page .slide-wrapper .slide .news-list .news-item {
  float:left;
  width:444px;
  margin-bottom:26px;
}
.news-page .slide-wrapper .slide .news-list .news-item a { display:block; }
.news-page .slide-wrapper .slide .news-list .news-item a .thumbnail {
  float:left;
  width:180px;
  height:126px;
  padding:13px 0 0 15px;
  background:url(../images/bg/img-wrapper-3.png) no-repeat left top;
  position:relative;
}
.news-page .slide-wrapper .slide .news-list .news-item a .thumbnail .date {
  position:absolute;
  right:6px;
  bottom:-25px;
  width:107px;
  height:41px;
  background:url(../images/bg/news-date.png) no-repeat left top;
  text-align:center;
  padding-top:15px;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
}
.news-page .slide-wrapper .slide .news-list .news-item a .content {
  float:right;
  width:210px;
  max-height:139px;
  padding-top:11px;
  padding-right:30px;
}
.news-page .slide-wrapper .slide .news-list .news-item a .content .title { font-size:13px; }
.news-page .slide-wrapper .slide .news-list .news-item a .content .desc {
  font-size:13px;
  line-height:20px;
  position:relative;
}
.news-page .slide-wrapper .slide .news-list .news-item a .content .desc .more {
  position:absolute;
  right:0px;
  bottom:0px;
}
.news-page .slide-wrapper .pager-wrapper {
  position:absolute;
  right:70px;
  bottom:-35px;
}
.news-page .slide-wrapper .pager-wrapper .pager a {
  font-size:13px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:1px 2px;
  margin:0 4px;
}
.news-page .slide-wrapper .pager-wrapper .pager a.activeSlide, .news-page .slide-wrapper .pager-wrapper .pager a:hover {
  background-color:#ebdec9;
  font-weight:bold;
}
.news-page .slide-wrapper .pager-wrapper #prev {
  position:absolute;
  left:-38px;
  top:-12.5px;
}
.news-page .slide-wrapper .pager-wrapper #next {
  position:absolute;
  right:-38px;
  top:-12.5px;
}
.news-page .left {
  width:368px;
  height:275px;
  background:url(../images/bg/img-wrapper-4.png) no-repeat left top;
  padding:32px 0 0 35px;
}
.news-page .right { width:500px; }
.news-page .right .date {
  width:107px;
  height:41px;
  background:url(../images/bg/news-date.png) no-repeat left top;
  text-align:center;
  padding-top:15px;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
}
.news-page .right .title {
  font-size:13px;
  padding:16px 0;
}
.news-page .right .desc { padding-bottom:35px; }
.online-booking-page .booking-form {
  background:url(../images/bg/booking-form-bg.png) no-repeat left top;
  width:699px;
  height:400px;
  margin:45px auto 40px;
  padding:40px 0 0 50px;
}
.online-booking-page .booking-form .short-field { width:39px; }
.online-booking-page .booking-form .long-select { width:480px; }
.online-booking-page .booking-form table { width:600px; }
.online-booking-page .booking-form table td {
  font-size:12px;
  padding-bottom:15px;
}
.online-booking-page .booking-form table td span { color:#a3a3a3; }
.online-booking-page .booking-form table td h2 { font-size:12px; }
.online-booking-page .booking-form table.bottom-table { margin-top:50px; }
.online-booking-page .booking-form .btn-line {
  text-align:right;
  padding-right:20px;
  padding-top:10px;
}
.contact-page .page-title { float:right; }
.contact-page .content { margin-top:25px; }
.contact-page .left { width:584px; }
.contact-page .left .form-wrapper {
  background:url(../images/bg/contact-form-bg.png) no-repeat left top;
  width:422px;
  height:466px;
  margin-left:80px;
  padding:40px 0 0 60px;
}
.contact-page .left .form-wrapper #contact_form_form { width:100%; }
.contact-page .left .form-wrapper #contact_form_form .input-field, .contact-page .left .form-wrapper #contact_form_form .textarea-field { width:243px; }
.contact-page .left .form-wrapper #contact_form_form .mydds { width:248px; }
.contact-page .left .form-wrapper #contact_form_form td {
  font-size:12px;
  padding-bottom:15px;
}
.contact-page .right {
  width:226px;
  padding-right:85px;
}
.service-page { padding:0px 64px; }
.service-page .left { width:176px; }
.service-page .right {
  padding-top:180px;
  width:719px;
}
.service-page .right .page-title { float:right; }
.service-page .right .service-list {
  list-style:none;
  filter:none !important;
}
.service-page .right .service-list li { float:left; }
.service-page .right .slide-wrapper { position:relative; }
.service-page .right .slide-wrapper .pager-wrapper {
  position:absolute;
  right:70px;
  bottom:-35px;
}
.service-page .right .slide-wrapper .pager-wrapper .pager a {
  font-size:13px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:1px 2px;
  margin:0 4px;
}
.service-page .right .slide-wrapper .pager-wrapper .pager a.activeSlide, .service-page .right .slide-wrapper .pager-wrapper .pager a:hover {
  background-color:#ebdec9;
  font-weight:bold;
}
.service-page .right .slide-wrapper .pager-wrapper #prev {
  position:absolute;
  left:-38px;
  top:-12.5px;
}
.service-page .right .slide-wrapper .pager-wrapper #next {
  position:absolute;
  right:-38px;
  top:-12.5px;
}
.service-page .right.layout-0 .slide-wrapper {
  margin-left:78px;
  margin-top:20px;
  width:652px;
}
.service-page .right.layout-0 .slide-wrapper .slide {
  height:232px;
  overflow:hidden;
}
.service-page .right.layout-0 .service-list {
  height:232px;
  width:652px;
}
.service-page .right.layout-0 .service-list li {
  background:url(../images/bg/service-item-bg.png) no-repeat left top;
  width:194px;
  height:67px;
  text-align:center;
  margin:0 0 10px 20px;
}
.service-page .right.layout-0 .service-list li .thumbnail { display:none; }
.service-page .right.layout-0 .service-list li .title {
  width:137px;
  height:33px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  font-size:13px;
}
.service-page .right.layout-1 .slide-wrapper {
  margin-left:2px;
  margin-top:20px;
  width:715px;
}
.service-page .right.layout-1 .slide-wrapper .slide {
  height:282px;
  overflow:hidden;
}
.service-page .right.layout-1 .service-list {
  width:715px;
  height:282px;
}
.service-page .right.layout-1 .service-list li {
  text-align:center;
  margin:0 0 5px 18px;
}
.service-page .right.layout-1 .service-list li .thumbnail {
  background:url(../images/bg/img-wrapper-5.png) no-repeat left top;
  width:142px;
  height:80px;
  padding:9px;
}
.service-page .right.layout-1 .service-list li .title {
  width:141px;
  height:33px;
  margin:0 auto;
  overflow:hidden;
  font-size:13px;
  margin-top:5px;
}
.service-page .right.detail-page .title {
  font-size:13px;
  margin-bottom:10px;
}
.service-page .right.detail-page .big-image {
  float:left;
  width:445px;
  height:262px;
  background:url(../images/bg/img-wrapper-6.png) no-repeat left top;
  padding:20px 0 0 19px;
}
.service-page .right.detail-page .slider-wrapper {
  position:relative;
  float:right;
  width:224px;
}
.service-page .right.detail-page .slider-wrapper .slide {
  height:285px;
  width:142px;
  margin:0 auto;
  overflow:hidden;
}
.service-page .right.detail-page .slider-wrapper .slide .gallery-set {
  list-style:none;
  filter:none !important;
  width:142px;
  height:285px;
}
.service-page .right.detail-page .slider-wrapper .slide .gallery-set li {
  background:url(../images/bg/img-wrapper-7.png) no-repeat left top;
  width:126px;
  height:71px;
  padding:8px;
  margin-bottom:8px;
}
.service-page .right.detail-page .slider-wrapper .slide .gallery-set li a {
  display:block;
  position:relative;
}
.service-page .right.detail-page .slider-wrapper .slide .gallery-set li a .mask {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background:#ffffff;
  opacity:0.5;
  filter:alpha(opacity= 50 );
}
.service-page .right.detail-page .slider-wrapper .slide .gallery-set li a .mask.active, .service-page .right.detail-page .slider-wrapper .slide .gallery-set li a .mask:hover {
  opacity:0;
  filter:alpha(opacity= 0 );
}
.service-page .right.detail-page .slider-wrapper #prev {
  position:absolute;
  left:0px;
  top:113px;
}
.service-page .right.detail-page .slider-wrapper #next {
  position:absolute;
  right:0px;
  top:113px;
}
.service-menu { margin-top:70px; }
.service-menu .outer-middle .inner-top { background:url(../images/bg/service-menu-top.png) no-repeat left top; }
.service-menu .outer-middle .inner-middle { background:url(../images/bg/service-menu-middle.png) repeat-y left top; }
.service-menu .outer-middle .inner-bottom {
  background:url(../images/bg/service-menu-bottom.png) no-repeat left bottom;
  min-height:312px;
}
.service-menu .outer-middle .left-menu {
  width:135px;
  margin:0 auto;
  list-style:none;
}
.service-menu .outer-middle .left-menu li {
  text-align:center;
  padding-bottom:5px;
}
.service-menu .outer-middle .left-menu li:first-child { padding-top:15px; }
.service-menu .outer-middle .left-menu li a { color:#b18e55; }
.service-menu .outer-middle .left-menu li a.current, .service-menu .outer-middle .left-menu li a:hover { color:#7f5823; }
.service-menu .outer-middle .left-menu li .small-box {
  background-color:#b18e55;
  width:2px;
  height:2px;
  margin:0 auto;
}