/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 106, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 87.5%;
  line-height: 1.2;
}

/* line 14, ../scss/_typography.scss */
.slideShow.pattern-index .pt_prev, .slideShow.pattern-index .pt_next {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* line 26, ../scss/_typography.scss */
header .header_content, footer .footer_content, section#main, section#main-index {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}
/* line 12, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header .header_content:after, footer .footer_content:after, section#main:after, .style2:after, section#main-index:after {
  content: " ";
  display: block;
  clear: both;
}

/* line 55, ../scss/_typography.scss */
html,
body {
  width: 100%;
  height: 100%;
  min-width: 320px;
  min-width: 960px \9;
}
/* line 61, ../scss/_typography.scss */
html *, html *:before, html *:after,
body *,
body *:before,
body *:after {
  font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "PMingLiU", "sans-serif", "serif";
}
/* line 67, ../scss/_typography.scss */
html i:before,
body i:before {
  color: inherit;
  font-family: inherit;
}

/* line 73, ../scss/_typography.scss */
a {
  text-decoration: none;
  color:#0099cc;
}

/* line 77, ../scss/_typography.scss */
a img {
  border: none;
}

/* line 81, ../scss/_typography.scss */
img,
object {
  vertical-align: bottom;
}

/* line 86, ../scss/_typography.scss */
body {
	background-color: #000000;
}
@media screen and (min-width:1101px) {
  /* line 86, ../scss/_typography.scss */
  body {
    background-position: center top;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 86, ../scss/_typography.scss */
  body {
    background-position: -350px top;
  }
}

/* line 99, ../scss/_typography.scss */
.title {
	width: 97.91667%;
	margin-left: 1.04167%;
	margin-right: 1.04167%;
	color: #8f4d00;
	margin-bottom:30px;
}
/* line 103, ../scss/_typography.scss */
.title h4 {
  font-size: 150%;
  margin: 20px 0;
}
h2{
	text-align: center;
	color:#000;
	font-size:24px;
	}
.title h2 b{
	color:#d41c24;
	font-family:"Script", cursive;
}
.title h2 hr.hr-location{
	color:#000;
	width:190px;
	border: 0;
    background-color: #000;
    height: 2px;
	margin-top:2px;
}
.title h2 hr.hr-about{
	color:#000;
	width:235px;
	border: 0;
    background-color: #000;
    height: 2px;
	margin-top:2px;
}
.title h2 hr{
	color:#000;
	width:160px;
	border: 0;
    background-color: #000;
    height: 2px;
	margin-top:2px;
}
/* line 109, ../scss/_typography.scss */
.btnBlock {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

.btnBlock a {
  display: inline-block;
  width: 135px;
  padding: 7px 0;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 1px;
  border: 1px solid #fff;
  background-color: #009952;
}
.btnBlock a:hover {
  background-color: #21754e;
  color: #fff;
}
@media screen and (min-width:1101px) {
  .btnBlock {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    float: inherit;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  .btnBlock {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    float: inherit;
  }
  .btnBlock a {
  width: 135px;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  .btnBlock a{
    width: 23%;
  }
}

/* line 138, ../scss/_typography.scss */
.btnMenu {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
/* line 142, ../scss/_typography.scss */
.btnMenu a {
  display: inline-block;
  width: 135px;
  padding: 7px 0;
  font-size: 15px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 1px;
  border: 1px solid #fff;
  background-color: #009FCC ;
}
/* line 154, ../scss/_typography.scss */
    .btnMenu a:hover {
        background-color: #009FCC ;
        color: #fff;
    }

@media screen and (min-width: 0px) and (max-width: 480px) {
	.btnMenu a {
  width: 23%;
}
}
/* line 160, ../scss/_typography.scss */
.textEditor {
  clear: both;
  font-size: 15px;
  color:#000;
  line-height: 1.8;
}
/* line 165, ../scss/_typography.scss */
.textEditor a {
  color: #8f4d00;
}
/* line 168, ../scss/_typography.scss */
.textEditor img {
  max-width: 100%;
}
/* line 171, ../scss/_typography.scss */
.textEditor ul {
  list-style: disc outside;
  padding-left: 30px;
}
/* line 175, ../scss/_typography.scss */
.textEditor ol {
  list-style: decimal outside;
  padding-left: 30px;
}
/* line 179, ../scss/_typography.scss */
.textEditor table {
  border-collapse: collapse;
}
/* line 182, ../scss/_typography.scss */
.textEditor th {
  padding: 5px;
  text-align: center;
  background-color: #758f40;
  color: #FFF;
  border-bottom: 1px solid #a3c365;
}
/* line 189, ../scss/_typography.scss */
.textEditor td {
  padding: 5px;
  border-bottom: 1px solid #a3c365;
}
/* line 193, ../scss/_typography.scss */
.textEditor strong.title {
  margin-top: 5px;
  display: block;
  font-size: 17px;
  font-weight: normal;
  color: #C56D0A;
}

/* line 202, ../scss/_typography.scss */
.locatioMap {
  width: 97.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
}
/* line 204, ../scss/_typography.scss */
.locatioMap iframe {
  width: 100%;
  height: 300px;
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 210, ../scss/_typography.scss */
  .noticeForm {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}

/* line 2, ../scss/partials/_header.scss */
header {
    background-color: #2E76A3;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 9999;
}
header .header_content {
  position: relative;
  height: 100px;
  text-align: center;
}
/* line 7, ../scss/partials/_header.scss */
header h1 {
background:url(../images/logo.png) no-repeat;
    width: 308px;
    z-index: 99;
    position: absolute;
    left: 10px;
    top: 10px;
}

header h1 a{
   width: 308px;
   height:84px;
   display:block;
}
ul.mainMenu li.break {
    margin-left: 320px;
}

/* line 10, ../scss/partials/_header.scss */
header .open {
display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    text-align: left;
    overflow: hidden;
    background: transparent url(../images/bar.png) top left no-repeat;
    -webkit-background-size: 36px;
    background-size: 36px;
    top: 16px !important;
	right: 10px;
	text-indent: -120px;
}
/* line 26, ../scss/partials/_header.scss */
header .mainMenu,
header .otherMenu {
  overflow: hidden;
}
/* line 29, ../scss/partials/_header.scss */
header .mainMenu a,
header .otherMenu a {
  display: block;
}
/* line 34, ../scss/partials/_header.scss */
header .mainMenu span,
header .mainMenu b {
  display: block;
}
/* line 40, ../scss/partials/_header.scss */
header .otherMenu a {
	display: inline-block;
    height: 32px;
    font-size: 18px;
    color: #009FCC ;
    width: 32px;
    line-height: 32px;
    text-align: center;
    margin-right: 3px;
    border-radius: 100%;
    vertical-align: middle;
    background-color: #ffd800;
}
@media screen and (min-width: 1101px) {
  /* line 55, ../scss/partials/_header.scss */
  header .header_content {
    height: 100px;
    margin: 0 auto;
  }
  /* line 59, ../scss/partials/_header.scss */

  /* line 65, ../scss/partials/_header.scss */
  header a.open {
    display: none;
  }
  /* line 70, ../scss/partials/_header.scss */
  header .mainMenu li,
  header .otherMenu li {
   display: inline-block;
  }
  /* line 74, ../scss/partials/_header.scss */
  header .mainMenu {
    position: absolute;
    bottom: 10px;
    right: ;
	text-align: center;
	padding:0 10px;
  }
  /* line 78, ../scss/partials/_header.scss */
  header .mainMenu li {
    width: 90px;
    text-align: center;
	line-height:1.2em;
  }
    header .mainMenu li.logo {
    width: 180px;
	height:154px;
  }
    header .mainMenu li.logo a:hover {
   background-color: none;
  }
  /* line 81, ../scss/partials/_header.scss */
  header .mainMenu li a {
    color: #fff;
    border-radius: 5px;
    padding: 2px 0;
  }
  /* line 85, ../scss/partials/_header.scss */
  header .mainMenu li a:hover {
    color: #ffffff;
    background-color: #009FCC ;
  }
  /* line 90, ../scss/partials/_header.scss */
  header .mainMenu li b {
    font-size: 90%;
	
  }
  /* line 95, ../scss/partials/_header.scss */
  header .otherMenu {
    position: absolute;
    top: 5px;
    right: 0px;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #2E76A3;
        z-index: 9999;
    }
 ul.mainMenu li.break {
    margin-left: 0px;
}


header .open {
  position: fixed;
}
  /* line 121, ../scss/partials/_header.scss */
  header nav .mainMenu li {
    line-height: 2.4;
  }
  ul.mainMenu li.break {
    margin-right: 0px;
}
  /* line 123, ../scss/partials/_header.scss */
    header nav .mainMenu li:hover {
        background-color: #009FCC 
    }
  /* line 126, ../scss/partials/_header.scss */
  header nav .mainMenu li a {
    display: block;
    color: #fff;
  }
  /* line 129, ../scss/partials/_header.scss */
  header nav .mainMenu li a:hover {
    color: #ffffff;
  }
  /* line 134, ../scss/partials/_header.scss */
  header nav .mainMenu b {
    display: none;
  }
  /* line 138, ../scss/partials/_header.scss */
  header nav .otherMenu {
    display: none;
    text-align: center;
    padding: 5px 0;
    background-color:#2E76A3;
  }
  /* line 144, ../scss/partials/_header.scss */
  header nav .otherMenu li {
    display: inline-block;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
	  header .header_content {
  position: relative;
  height: 74px;
}

  header nav .mainMenu {
    display: none;
    text-align: center;
    background-color:#2E76A3;
	margin-top: 74px;
	  }
  header h1 {
	background: url(../images/logo-s.png) no-repeat;
   width: 250px;
   position: fixed;
   top: 4px;
}

  header h1 a{
		display:block;
		width:250px;
		height:68px;
  }
  }
  @media screen and (min-width: 0px) and (max-width: 480px) {
 header .header_content {
  position: relative;
  height: 70px;
}

    header nav .mainMenu {
        display: none;
        text-align: center;
        background-color: #2E76A3;
        margin-top: 70px;
    }
header h1 {
	background: url(../images/logo-phone.png) no-repeat;
    width: 220px;
    position: fixed;
    top: 6px;
    left: 50%;
    margin-left: -117px;
}

  header h1 a{
		display:block;
		width:220px;
		height:60px;
  }
  }
@media screen and (min-width:1101px) {
  .about_us header .mainMenu li:nth-child(1) a {
    color: #ffffff;
    background-color: #009FCC 
  }
    .order header .mainMenu li:nth-child(2) a {
        color: #ffffff;
        background-color: #009FCC 
    }
    .activity header .mainMenu li:nth-child(3) a {
        color: #ffffff;
        background-color: #009FCC 
    }
    .photo_album header .mainMenu li:nth-child(4) a {
        color: #ffffff;
        background-color: #009FCC 
    }
    .media_accaunt header .mainMenu li:nth-child(5) a {
        color: #ffffff;
        background-color: #009FCC 
    }
    .hot_news header .mainMenu li:nth-child(6) a {
        color: #ffffff;
        background-color: #009FCC 
    }
    .attractions header .mainMenu li:nth-child(7) a {
        color: #ffffff;
        background-color: #009FCC 
    }
    .loction header .mainMenu li:nth-child(8) a {
        color: #ffffff;
        background-color: #009FCC 
    }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
    .about_us header .mainMenu li:nth-child(1) a {
        color: #ffffff;
        background-color: #009FCC 
    }

    .order header .mainMenu li:nth-child(2) a {
        color: #ffffff;
        background-color: #009FCC 
    }

    .activity header .mainMenu li:nth-child(3) a {
        color: #ffffff;
        background-color: #009FCC 
    }

    .photo_album header .mainMenu li:nth-child(4) a {
        color: #ffffff;
        background-color: #009FCC 
    }

    .media_accaunt header .mainMenu li:nth-child(5) a {
        color: #ffffff;
        background-color: #009FCC 
    }

    .hot_news header .mainMenu li:nth-child(6) a {
        color: #ffffff;
        background-color: #009FCC 
    }

    .attractions header .mainMenu li:nth-child(7) a {
        color: #ffffff;
        background-color: #009FCC 
    }

    .loction header .mainMenu li:nth-child(8) a {
        color: #ffffff;
        background-color: #009FCC 
    }
}
/* line 1, ../scss/partials/_footer.scss */
footer {
    padding: 20px 0;
    background-color: #2E76A3;
}
/* line 4, ../scss/partials/_footer.scss */
footer .footer_content {
  min-height: 200px;
}
/* line 8, ../scss/partials/_footer.scss */
footer .b-box {
  display: inherit;
  overflow: hidden;
}
/* line 15, ../scss/partials/_footer.scss */
footer .fb-like-box {
  width: 300px;
  margin: 0 auto;
}
/* line 19, ../scss/partials/_footer.scss */
footer .downMenu {
  margin-bottom: 10px;
  overflow: hidden;
}
/* line 22, ../scss/partials/_footer.scss */
footer .downMenu li {
  float: left;
  width: 50%;
}

/* line 26, ../scss/partials/_footer.scss */
footer .downMenu a {
  color: #fff;
  font-weight: bold;
}

/* line 30, ../scss/partials/_footer.scss */
footer .downMenu b {
  display: inline-block;
  font-size: 75%;
  line-height: 2.4;
  font-weight: normal;
  margin-left: 5px;
}
/* line 38, ../scss/partials/_footer.scss */
footer .social {
  margin: 5px 0;
  overflow: hidden;
}
/* line 41, ../scss/partials/_footer.scss */
footer .social .st_facebook_large,
footer .social .st_googleplus_large,
footer .social .st_twitter_large,
footer .social .st_sina_large,
footer .social .st_line_large {
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 5px;
}
/* line 53, ../scss/partials/_footer.scss */
footer .st_facebook_large {
  background-color: #3b579d;
  background-image: url("../images/footer/social/icon_facebook.png");
}
/* line 57, ../scss/partials/_footer.scss */
footer .st_googleplus_large {
  background-color: #db4935;
  background-image: url("../images/footer/social/icon_google.png");
}
/* line 61, ../scss/partials/_footer.scss */
footer .st_twitter_large {
  background-color: #00aced;
  background-image: url("../images/footer/social/icon_tweet.png");
}
/* line 65, ../scss/partials/_footer.scss */
footer .st_sina_large {
  background-color: #ffc10c;
  background-image: url("../images/footer/social/icon_sina.png");
}
/* line 69, ../scss/partials/_footer.scss */
footer .st_line_large {
  background-color: #4ed121;
  background-image: url("../images/footer/social/icon_line.png");
}
/* line 73, ../scss/partials/_footer.scss */
footer .travelfunContent {
  color: #ffffff;
}
/* line 75, ../scss/partials/_footer.scss */
footer .travelfunContent a {
  display: inline-block;
  color: #ffffff;
  margin: 0 3px;
}
/* line 79, ../scss/partials/_footer.scss */
footer .travelfunContent a:hover {
  color: #fff;
  text-decoration:underline;
}
/* line 84, ../scss/partials/_footer.scss */
footer .copyright {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
}
/* line 88, ../scss/partials/_footer.scss */
footer .copyright li {
  color: #fff;
  line-height: 1.6;
  display: inline-block;
}
/* line 95, ../scss/partials/_footer.scss */
footer .copyright .fdLogo {
  margin-bottom: 5px;
  padding-bottom: 5px;
}
/* line 99, ../scss/partials/_footer.scss */
footer .copyright a {
  color: #fff;
  text-decoration: underline;
}
footer .copyright a:hover {
  text-decoration: none;
}
/* line 104, ../scss/partials/_footer.scss */
footer .certification {
  padding-top: 10px;
  overflow: hidden;
}
/* line 107, ../scss/partials/_footer.scss */
footer .certification .homestay,
footer .certification .easycard,
footer .certification .twiwanhost {
  float: left;
  margin: 0 5px;
  padding: 2px;
}
/* line 114, ../scss/partials/_footer.scss */
footer .certification .homestay span,
footer .certification .easycard span,
footer .certification .twiwanhost span {
  display: block;
  width: 60px;
  height: 44px;
}
/* line 119, ../scss/partials/_footer.scss */
footer .certification .homestay b,
footer .certification .easycard b,
footer .certification .twiwanhost b {
  display: block;
  text-align: center;
  font-size: 75%;
  color: #fff;
  margin-top: 5px;
  padding: 1px;
}
/* line 130, ../scss/partials/_footer.scss */
footer .certification .homestay span {
  background-image: url("../images/footer/certification/homestay.png");
  background-position: center center;
}
/* line 136, ../scss/partials/_footer.scss */
footer .certification .easycard span {
  background-image: url("../images/footer/certification/easycard.png");
}
/* line 141, ../scss/partials/_footer.scss */
footer .certification .twiwanhost span {
  background-image: url("../images/footer/certification/twiwanhost.png");
}
@media screen and (min-width:1101px) {
  /* line 147, ../scss/partials/_footer.scss */
  footer .b-box {
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  footer .footer_content div:nth-child(3) .social {
    
  } 
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 153, ../scss/partials/_footer.scss */
  footer .footer_content div:nth-child(2) {
    display: none;
  }
  /* line 157, ../scss/partials/_footer.scss */
  footer .b-box {
    margin-bottom: 20px;
  }
    footer .footer_content div:nth-child(3) .social {
    display: block;
	margin-top: 15px;
  } 
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 162, ../scss/partials/_footer.scss */
  footer .b-box {
    width: 47.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 167, ../scss/partials/_footer.scss */
  footer .b-box {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 169, ../scss/partials/_footer.scss */
  footer .b-box ul {
    width: 300px;
    margin: 0 auto;
  }
}

/* line 1, ../scss/partials/_container.scss */
section#main {
	margin: 0px auto;
	overflow: visible;
	min-height:500px;
}
section#main-index {
	margin: 0px auto;
	overflow: visible;
}

/* line 12, ../scss/partials/_container.scss */
section#main aside {
  margin-bottom: 10px;
}
section#main-index aside {
  margin-bottom: 10px;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 1, ../scss/partials/_container.scss */
  section#main {
	  padding-top:0px;
  }
   section#main-index {
	  padding-top:0px;
  }
}

/* line 1, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index {
  text-align: center;
  float: inherit;
}
@media screen and (min-width: 0px) and (max-width: 960px) {
.slideShow.pattern-index {
  margin-top:70px;
}
}
.slideShow.pattern1 {
  text-align: center;
  width: 97.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
  float: inherit;
}
/* line 6, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .md_slideShow {
  position: relative;
  background-color: #FFF;
  overflow: hidden;
  max-height:900px;
}
.slideShow.pattern1 .md_slideShow {
  position: relative;
  background-color: #FFF;
  overflow: hidden;
}
/* line 13, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_bannerList li {
  position: absolute;
  width: 100%;
}
.slideShow.pattern1 .pt_bannerList li {
  position: absolute;
  width: 100%;
}
/* line 16, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_bannerList li img {
  width: 100%;
  top: 0;
  left: 0;
}
.slideShow.pattern1 .pt_bannerList li img {
  width: 100%;
  top: 0;
  left: 0;
}
/* line 24, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList {
  position: absolute;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  bottom: 100;
}
.slideShow.pattern1 .pt_btnList {
  position: absolute;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  bottom: 0;
}
@media screen and (min-width: 961px){
.slideShow.pattern-index .pt_btnList {
	position: absolute;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	bottom: 100px !important;
}
}
@media screen and (min-width: 0px) and (max-width: 960px) {
.slideShow.pattern-index .pt_btnList {
  position: absolute;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  bottom: 0;
}
}
/* line 30, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #FFF;
  padding: 4px;
  width: 13px;
  height: 13px;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
}
.slideShow.pattern1 .pt_btnList li {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8%;
  border: 1px solid #FFF;
  padding: 4px;
  background-color: #ffffff;
}
/* line 37, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li.on {
  border-color: #ffffff;
  background-color: #fff;
}
.slideShow.pattern1 .pt_btnList li.on {
  border-color: #ffffff;
  background-color: #000;
}
/* line 41, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li + li {
  margin-left: 10px;
}
.slideShow.pattern1 .pt_btnList li + li {
  margin-left: 20px;
}
/* line 44, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li img {
  width: 100%;
}
.slideShow.pattern1 .pt_btnList li img {
  width: 100%;
}
/* line 49, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev, .slideShow.pattern-index .pt_next {
  width: 50px;
  height: 50px;
  border-radius:50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-color: #000;
}
.slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
  width: 50px;
  height: 50px;
  border-radius:50px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-color: #000;
}
/* line 57, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev.hide, .slideShow.pattern-index .pt_next.hide {
  display: none;
}
.slideShow.pattern1 .pt_prev.hide, .slideShow.pattern1 .pt_next.hide {
  display: none;
}
/* line 60, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev:before, .slideShow.pattern-index .pt_prev:after, .slideShow.pattern-index .pt_next:before, .slideShow.pattern-index .pt_next:after {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
.slideShow.pattern1 .pt_prev:before, .slideShow.pattern1 .pt_prev:after, .slideShow.pattern1 .pt_next:before, .slideShow.pattern1 .pt_next:after {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
/* line 72, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev:before, .slideShow.pattern-index .pt_prev:after {
  left: 50%;
  margin-left: -10px;
  border-width: 15px 15px 15px 0;
  border-color: transparent #fff transparent transparent;
}
.slideShow.pattern1 .pt_prev:before, .slideShow.pattern1 .pt_prev:after {
  left: 50%;
  margin-left: -10px;
  border-width: 15px 15px 15px 0;
  border-color: transparent #fff transparent transparent;
}
/* line 78, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev:after {
  margin-left: -5px;
  border-color: transparent  #000 transparent transparent;
}
.slideShow.pattern1 .pt_prev:after {
  margin-left: -5px;
  border-color: transparent #000  transparent transparent;
}
/* line 83, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_next {
  right: 0;
}
.slideShow.pattern1 .pt_next {
  right: 0;
}
/* line 85, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_next:before, .slideShow.pattern-index .pt_next:after {
  right: 50%;
  margin-right: -10px;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #fff;
}
.slideShow.pattern1 .pt_next:before, .slideShow.pattern1 .pt_next:after {
  right: 50%;
  margin-right: -10px;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #fff;
}
/* line 91, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_next:after {
  margin-right: -5px;
  border-color: transparent transparent transparent #000 ;
}
.slideShow.pattern1 .pt_next:after {
  margin-right: -5px;
  border-color: transparent transparent transparent #000 ;
}
@media (max-width: 980px) {
  /* line 98, ../scss/partials/_sildeShowMod1.scss */
   .slideShow.pattern-index .pt_prev, .slideShow.pattern-index .pt_next {
    display: none;
  }
  .slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
    display: none;
  }
  /* line 102, ../scss/partials/_sildeShowMod1.scss */
  .slideShow.pattern-index .pt_btnList li {
    border-radius: 20px;
  }
  .slideShow.pattern1 .pt_btnList li {
    width: 5px;
    border-radius: 20px;
  }
  /* line 105, ../scss/partials/_sildeShowMod1.scss */
  .slideShow.pattern-index .pt_btnList li img {
    display: none;
  }
  .slideShow.pattern1 .pt_btnList li img {
    display: none;
  }
}

/* line 1, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 {
	margin-bottom: 30px;
	overflow: hidden;
}
/* line 5, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .md_slideShow2 {
  position: relative;
}
/* line 9, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .bannerListBox2 {
  position: relative;
  overflow: hidden;
}
/* line 13, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .btnListBox2 {
  overflow: hidden;
}
/* line 18, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_bannerList2 li {
  position: absolute;
  width: 100%;
}
/* line 21, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_bannerList2 li img {
  width: 100%;
  top: 0;
  left: 0;
}
/* line 30, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_btnList2 li {
  width: 25%;
  float: left;
  margin-left: 4.16667%;
  margin-right: 4.16667%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #FFF;
  background-color: #000;
  margin-bottom: 20px;
}
/* line 37, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_btnList2 li.on {
  border-color: #b79409;
  background-color: #FFF;
}
/* line 41, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 .pt_btnList2 li img {
  width: 100%;
  }
@media screen and (min-width: 961px) {
  /* line 48, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .bannerListBox2 {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 51, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .btnListBox2 {
    width: 22.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    overflow: hidden;
  }
}
@media screen and (min-width: 481px) and (max-width: 960px) {
  /* line 61, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .bannerListBox2 {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 64, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .btnListBox2 {
    width: 22.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 73, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .bannerListBox2 {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  /* line 77, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .btnListBox2 {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  /* line 81, ../scss/partials/_sildeShowMod2.scss */
  .slideShow.pattern2 .pt_btnList2 li {
    width: 14.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    margin-bottom: 10px;
  }
}

.tabsBasic {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
/* line 2, ../scss/partials/_tabsBasic.scss */
    .tabsBasic #tabs li {
        display: inline-block;
        width: 135px;
        padding: 7px 0;
        font-size: 15px;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin: 1px;
        border: 1px solid #fff;
        background-color: #009FCC ;
    }
        .tabsBasic #tabs li:hover {
            background-color: #009FCC ;
            color: #fff;
        }
/* line 12, ../scss/partials/_tabsBasic.scss */

/* line 15, ../scss/partials/_tabsBasic.scss */
        .tabsBasic #tabs li.enable {
            background-color: #009FCC ;
            color: #fff;
        }
/* line 20, ../scss/partials/_tabsBasic.scss */
.tabsBasic #contents {
	line-height: 180%;

}
/* line 26, ../scss/partials/_tabsBasic.scss */
.tabsBasic #contents > div {
  display: none;
  text-align: justify;
  padding: 10px 15px;
}
/* line 31, ../scss/partials/_tabsBasic.scss */
.tabsBasic #contents > div:first-of-type {
  display: block;
}
/* line 34, ../scss/partials/_tabsBasic.scss */
.tabsBasic #contents ul {
  list-style-type: decimal;
  margin-left: 20px;
}
@media screen and (min-width:1101px) {
  /* line 1, ../scss/partials/_tabsBasic.scss */
  .tabsBasic {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 1, ../scss/partials/_tabsBasic.scss */
  .tabsBasic {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 1, ../scss/partials/_tabsBasic.scss */
  .tabsBasic {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}

/* line 2, ../scss/pages/_home.scss */
.home .title {
  text-align: center;
}
/* line 5, ../scss/pages/_home.scss */
.home .storeList {
  margin-top: 30px;
  text-align: center;
}
.store .storeList {
  margin-top: 30px;
  text-align: center;
}

/* line 8, ../scss/pages/_home.scss */
.home .storeList ul {
  text-align: center;
}
.store .storeList ul {
  text-align: center;
}
.home .storeList ul li {
  min-height: 200px;
  margin-bottom: 20px;
  float:left;
  display: inline-block;
  text-align: center;
}
.store .storeList ul li {
  min-height: 200px;
  margin-bottom: 30px;
  display: inline-block;
  text-align: center;
}

/* line 13, ../scss/pages/_home.scss */
.home a h5 {
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  padding: 2px;
  margin-bottom:8px;
}
.store a h5 {
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  padding: 2px;
  margin-bottom:8px;
}
.home a h5:hover {
  color: #c0a46c;
}
.store a h5:hover {
  color: #c0a46c;
}

/* line 21, ../scss/pages/_home.scss */
.home a .storeTxt {
  display: block;
  color: #b8baba;
  overflow: hidden;
  text-align:center;
  line-height:26px;
  font-size:16px;
}
.store a .storeTxt {
  display: block;
  color: #b8baba;
  overflow: hidden;
  text-align:center;
  line-height:26px;
  font-size:16px;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.home a .storeTxt {
  line-height:22px;
  font-size:14px;
}
.store a .storeTxt {
  line-height:22px;
  font-size:14px;
}
}
.home a:hover .storeImg {
  transform: scale(1.05);
  	-webkit-transform: scale(1.05);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.05);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.store a:hover .storeImg {
  transform: scale(1.05);
  	-webkit-transform: scale(1.05);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.05);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
/* line 31, ../scss/pages/_home.scss */
.home .storeImg {
  display: block;
  position: relative;
  max-width: 320px;
  margin: 0 auto 10px auto;
   border: solid 4px #fff100;
  overflow: hidden;
  	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.store .storeImg {
  display: block;
  position: relative;
  max-width: 320px;
  margin: 0 auto 10px auto;
   border: solid 4px #b3bbbd;
  overflow: hidden;
  	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
/* line 39, ../scss/pages/_home.scss */
.home .storeImg img {
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}
.store .storeImg img {
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}
@media screen and (min-width:1101px) {
  /* line 46, ../scss/pages/_home.scss */
  .home .storeList ul li {
    width: 31.25%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .store .storeList ul li {
    width: 31.25%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
	float:left;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 55, ../scss/pages/_home.scss */
  .home .formBox ul li {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  .store .formBox ul li {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 62, ../scss/pages/_home.scss */
  .home .storeList ul li {
    width: 31.25%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .store .storeList ul li {
    width: 31.25%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
	float:left;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 70, ../scss/pages/_home.scss */
   .home .storeList ul li {
    width: 97.91667%;
    float: none;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    padding: 10px 2px 2px 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .store .storeList ul li {
    width: 97.91667%;
    float: none;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    padding: 10px 2px 2px 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* line 2, ../scss/pages/_aboutUS.scss */
.about_us .aboutTxt {
  margin-bottom: 20px;
}
@media screen and (min-width:1101px) {
  /* line 7, ../scss/pages/_aboutUS.scss */
  .about_us .aboutTxt {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    float: inherit;
  }
}
@media screen and (max-width: 1100px) {
  /* line 13, ../scss/pages/_aboutUS.scss */
  .about_us .aboutTxt {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    float: inherit;
  }
  /* line 16, ../scss/pages/_aboutUS.scss */
  .about_us .aboutTxt p {
    display: block;
    margin: 0 5px;
  }
}

/* line 2, ../scss/pages/_guestRoom.scss */
.store .roomList ul li {
  min-height: 200px;
  margin-bottom: 20px;
}
/* line 7, ../scss/pages/_guestRoom.scss */
.store a h5 {
  color: #fff;
  font-size: 1.4em;
  text-align: center;
}
/* line 15, ../scss/pages/_guestRoom.scss */
.store a .roomTxt {
  display: block;
  height: 73px;
  color: #333333;
  overflow: hidden;
}
/* line 21, ../scss/pages/_guestRoom.scss */
.store a:hover .roomImg {
  transform: scale(1.05);
}
/* line 25, ../scss/pages/_guestRoom.scss */
.store .roomImg {
  display: block;
  position: relative;
  max-width: 320px;
  margin: 0 auto 10px auto;
  border: solid 3px #ffffff;
  border-radius: 10px;
  overflow: hidden;
}
/* line 33, ../scss/pages/_guestRoom.scss */
.store .roomImg img {
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}
/* line 40, ../scss/pages/_guestRoom.scss */
.noticeForm .expository {
	line-height: 180%;
	border-radius: 3px;
	padding: 0px;
	margin-bottom: 20px;
	width: 95%;
}
/* line 46, ../scss/pages/_guestRoom.scss */
.noticeForm .expository ul {
  list-style-type: decimal;
}
/* line 54, ../scss/pages/_guestRoom.scss */
.formBox {
	padding: 20px 0 0 0;
	border-radius: 3px;
	overflow: hidden;
	color: #000;
}
/* line 59, ../scss/pages/_guestRoom.scss */
.formBox ul {
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}
/* line 63, ../scss/pages/_guestRoom.scss */
.formBox ul li {
  margin-bottom: 20px;
}
/* line 65, ../scss/pages/_guestRoom.scss */
.formBox ul li input {
	height: 26px;
	background-color: #ccccae;
	border-radius: 4px;
	border: solid 1px #fff;
	width:99%;
	color:#555;
}
/* line 72, ../scss/pages/_guestRoom.scss */
.formBox ul li select {
  height: 30px;
  background-color: #ccccae;
  border-radius: 4px;
  border: solid 1px #fff;
  width: 99%;
  color:#555;
}
/* line 77, ../scss/pages/_guestRoom.scss */
.formBox ul li textarea {
  width: 99%;
  height: 100px;
  background-color: #ccccae;
  border-radius: 4px;
  border: solid 1px #fff;
  color: #fff;
}
.formBox ul li input.check {
	width: 20px;
	vertical-align: middle;
	background-color: none;
	border-radius: 0px;
}
/* line 83, ../scss/pages/_guestRoom.scss */
.formBox ul li b {
  font-size: 75%;
}
/* line 87, ../scss/pages/_guestRoom.scss */
.formBox span.item {
  display: block;
  margin-bottom: 5px;
  color: #8f4d00;
  font-size:125%;
}
/* line 90, ../scss/pages/_guestRoom.scss */
.formBox span.item b {
  color: #e10500;
}
/* line 94, ../scss/pages/_guestRoom.scss */
.formBox span.addRoom {
  display: block;
  margin-bottom: 5px;
}

.btnBlock_top a,
.btnBlock_bottom a {
  display: inline-block;
  width: 48%;
  padding: 7px 0;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  transition: none;
  background: linear-gradient(to bottom, #bbbbbb 0%, #9c9c9c 100%);
}
/* line 112, ../scss/pages/_guestRoom.scss */
 .btnBlock_top a.default,
.btnBlock_bottom a.default {
  background: linear-gradient(to bottom, #b08540 0%, #775724 100%);
}
/* line 118, ../scss/pages/_guestRoom.scss */
.btnBlock_top a {
  margin: 1% 1% 20px 1%;
}
/* line 123, ../scss/pages/_guestRoom.scss */
.btnBlock_bottom a {
  margin: 20px 1%;
}
@media screen and (min-width:1101px) {
  /* line 129, ../scss/pages/_guestRoom.scss */

  /* line 135, ../scss/pages/_guestRoom.scss */
  .noticeForm {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .noticeForm h3{
  	height: 26px;
	color: #8f4d00;
	font-weight: bold;
	font-size: 125%;
	margin-bottom:10px;
  }

 .booking_info .formBox ul.reserve li:nth-child(1), .booking_info .formBox ul.reserve li:nth-child(2), .booking_info .formBox ul.reserve li:nth-child(3), .booking_info .formBox ul.reserve li:nth-child(4) {
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }


  /* line 150, ../scss/pages/_guestRoom.scss */
  .booking_info .formBox ul.reserve li:nth-child(5), .booking_info .formBox ul.reserve li:nth-child(6), .booking_info .formBox ul.reserve li:nth-child(7), .booking_info .formBox ul.reserve li:nth-child(8), .booking_info .formBox ul.reserve li:nth-child(9) {
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  /* line 156, ../scss/pages/_guestRoom.scss */
  .booking_info .formBox ul.reserve li:nth-child(10), .booking_info .formBox ul.reserve li:nth-child(11) {
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
	text-align:left;
  }
  /* line 161, ../scss/pages/_guestRoom.scss */
  .store .formBox ul.notice li:nth-child(1), .store .formBox ul.notice li:nth-child(2), .store .formBox ul.notice li:nth-child(4), .store .formBox ul.notice li:nth-child(5) {
    width: 28.125%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  /* line 167, ../scss/pages/_guestRoom.scss */
  .store .formBox ul.notice li:nth-child(3), .store .formBox ul.notice li:nth-child(6) {
    width: 34.375%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  /* line 171, ../scss/pages/_guestRoom.scss */
  .store .formBox ul.notice li:nth-child(7), .store .formBox ul.notice li:nth-child(8), .store .formBox ul.notice li:nth-child(9), .store .formBox ul.notice li:nth-child(10) {
    width: 46.875%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  /* line 177, ../scss/pages/_guestRoom.scss */
  .store .formBox ul.notice li:nth-child(11) {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  /* line 182, ../scss/pages/_guestRoom.scss */
  .store .btnBlock_bottom {
    display: none;
  }
  .form_reserve .btnBlock_bottom {
    display: none;
  }
   .member .formBox ul.reserve li:nth-child(1), .member .formBox ul.reserve li:nth-child(2), .member .formBox ul.reserve li:nth-child(3), .member .formBox ul.reserve li:nth-child(4), .member .formBox ul.reserve li:nth-child(5), .member .formBox ul.reserve li:nth-child(6) {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 188, ../scss/pages/_guestRoom.scss */
  .formBox ul li {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  /* line 192, ../scss/pages/_guestRoom.scss */
  .store .btnBlock_top {
    display: none;
  }
  .form_reserve .btnBlock_top {
    display: none;
  }
    .noticeForm h3{
  	height: 26px;
	color: #8f4d00;
	font-weight: bold;
	font-size: 125%;
	margin-bottom:10px;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 198, ../scss/pages/_guestRoom.scss */
  .store .roomList ul li {
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 206, ../scss/pages/_guestRoom.scss */
  .store .roomList ul li {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    padding: 10px 2px 2px 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #ffffff;
    border-radius: 5px;
    background-color: #f2c9c9;
  }
 .btnBlock_top a,
.btnBlock_bottom a {
  display: none;
}
}

/* line 4, ../scss/pages/_bookingInfo.scss */
.booking_info .btnBlock_top a,
.booking_info .btnBlock_bottom a {
  display: inline-block;
  width: 48%;
  padding: 7px 0;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 0 1%;
  background: linear-gradient(to bottom, #bbbbbb 0%, #9c9c9c 100%);
}
/* line 15, ../scss/pages/_bookingInfo.scss */
.booking_info .btnBlock_top a.default,
.booking_info .btnBlock_bottom a.default {
  background: linear-gradient(to bottom, #b08540 0%, #775724 100%);
}
@media screen and (min-width:1101px) {
  /* line 21, ../scss/pages/_bookingInfo.scss */
  .booking_info .tabsBasic {
    width: 64.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 24, ../scss/pages/_bookingInfo.scss */
  .rightBox {
    width: 22.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .rightBox h3 {
  height: 26px;
  color: #8f4d00;
  font-weight: bold;
  font-size: 125%;
  overflow: hidden;
}
}

/* line 3, ../scss/pages/_mediaAccaunt.scss */
.media_accaunt .mediaList li {
  text-align: center;
  line-height: 180%;
  margin-bottom: 20px;
  overflow: hidden;
  color:#000;
}
/* line 9, ../scss/pages/_mediaAccaunt.scss */
.media_accaunt .mediaList .iframe {
  width: 100%;
  height: 100%;
}
@media screen and (min-width:1101px) {
  /* line 16, ../scss/pages/_mediaAccaunt.scss */
  .media_accaunt .mediaList li {
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 25, ../scss/pages/_mediaAccaunt.scss */
  .media_accaunt .mediaList li {
    width: 47.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 32, ../scss/pages/_mediaAccaunt.scss */
  .media_accaunt .mediaList li {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}

/* line 2, ../scss/pages/_hotNews.scss */
.hot_news .newsList {
  overflow: hidden;
}
/* line 4, ../scss/pages/_hotNews.scss */
.hot_news .newsList li {
	margin-bottom: 30px;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #979753;
}
/* line 10, ../scss/pages/_hotNews.scss */
.hot_news .newsList h3 {
	height: 26px;
	color: #8f4d00;
	font-weight: bold;
	font-size: 125%;
	overflow: hidden;
}
/* line 16, ../scss/pages/_hotNews.scss */
.hot_news .newsList h3 a {
  color: #8f4d00;
}
.hot_news .newsList h3 a:hover {
  color: #8f4d00;
  text-decoration:underline;
}
/* line 20, ../scss/pages/_hotNews.scss */
.hot_news .newsList b {
  display: block;
  color: #d99e00;
  margin: 10px 0;
}
/* line 25, ../scss/pages/_hotNews.scss */
.hot_news .newsList img {
  width: 100%;
  height: auto;
}
/* line 29, ../scss/pages/_hotNews.scss */
.hot_news .newsList span {
  display: block;
  margin: 10px 0;
}
/* line 33, ../scss/pages/_hotNews.scss */
.hot_news .newsList p {
  display: block;
  line-height: 150%;
  margin: 10px 0;
  color:#000;
}

/* line 37, ../scss/pages/_hotNews.scss */
.hot_news .newsList p a {
  color: #e23800;
}
/* line 43, ../scss/pages/_hotNews.scss */

@media screen and (min-width:1101px) {
  /* line 52, ../scss/pages/_hotNews.scss */
  .hot_news .newsList {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 55, ../scss/pages/_hotNews.scss */
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 61, ../scss/pages/_hotNews.scss */
  .hot_news .newsList{
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 61, ../scss/pages/_hotNews.scss */
  .rightBox {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
   .rightBox h3 {
  height: 26px;
  color: #8f4d00;
  font-weight: bold;
  font-size: 125%;
  overflow: hidden;
}
}

/* line 3, ../scss/pages/_attractions.scss */
.attractions .attractionsList li {
  border-radius: 5px;
  background-color: #ffffff;
  margin-bottom: 20px;
}
/* line 8, ../scss/pages/_attractions.scss */
.attractions .attractionsList img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
/* line 13, ../scss/pages/_attractions.scss */
.attractions .attractionsList div {
  margin: 10px;
}
/* line 16, ../scss/pages/_attractions.scss */
.attractions .attractionsList h4 {
  height: 26px;
  color: #ad792b;
  font-weight: bold;
  font-size: 125%;
  overflow: hidden;
}
/* line 23, ../scss/pages/_attractions.scss */
.attractions .attractionsList p {
  height: 63px;
  overflow: hidden;
  color: #24180c;
}
/* line 28, ../scss/pages/_attractions.scss */
.attractions .attractionsList span {
  height: 21px;
  color: #e23800;
  overflow: hidden;
}
/* line 33, ../scss/pages/_attractions.scss */
.attractions .attractionsList h4,
.attractions .attractionsList span,
.attractions .attractionsList p {
  display: block;
  line-height: 150%;
  margin: 0 10px 10px 10px;
}
/* line 41, ../scss/pages/_attractions.scss */
.attractions h5 {
  display: block;
  color: #8f4d00;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 10px;
}
/* line 48, ../scss/pages/_attractions.scss */
.attractions .textEditor {
  margin: 20px 0;
}
/* line 51, ../scss/pages/_attractions.scss */
.attractions .expository {
  color: #e23800;
  margin: 10px 0;
}
@media screen and (min-width:1101px) {
  /* line 57, ../scss/pages/_attractions.scss */
  .attractions .attractionsList li {
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 62, ../scss/pages/_attractions.scss */
  .attractions .photoList li {
    width: 14.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 66, ../scss/pages/_attractions.scss */
  .attractions .slideShow.pattern2 .btnListBox {
    top: 35px;
  }
  /* line 69, ../scss/pages/_attractions.scss */
  .attractions .textEditor,
  .attractions .expository {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 75, ../scss/pages/_attractions.scss */
  .attractions .textEditor,
  .attractions .expository {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 82, ../scss/pages/_attractions.scss */
  .attractions .attractionsList li {
    width: 47.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 87, ../scss/pages/_attractions.scss */
  .attractions .photoList li {
    width: 47.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 91, ../scss/pages/_attractions.scss */
  .attractions .slideShow.pattern2 .btnListBox {
    top: 35px;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 97, ../scss/pages/_attractions.scss */
  .attractions .attractionsList li {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 102, ../scss/pages/_attractions.scss */
  .attractions .photoList li {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}

/* line 3, ../scss/pages/_photoAlbum.scss */
.photo_album .photoList li {
  line-height: 120%;
  border-radius: 5px;
  margin-bottom: 20px;
  background-color: #ffffff;
  overflow: hidden;
}
/* line 9, ../scss/pages/_photoAlbum.scss */
.photo_album .photoList li:hover {
  background-color: #DDD;
}
/* line 12, ../scss/pages/_photoAlbum.scss */
.photo_album .photoList li img {
  width: 100%;
  height: auto;
}
/* line 16, ../scss/pages/_photoAlbum.scss */
.photo_album .photoList li span {
  display: block;
  color: #24180c;
  margin: 10px;
}
/* line 23, ../scss/pages/_photoAlbum.scss */
.photo_album h5 {
  display: block;
  color: #8f4d00;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 10px;
  width: 97.91667%;
 margin-left: 1.04167%;
 margin-right: 1.04167%;
}
.photo_album h6 {
  display: block;
  color: #8f4d00;
  font-size: 16px;
  line-height:150%;
  font-weight: normal;
  margin: 10px auto 20px auto;
}
@media screen and (min-width:1101px) {
  /* line 32, ../scss/pages/_photoAlbum.scss */
  .photo_album .photoList li {
    width: 14.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 36, ../scss/pages/_photoAlbum.scss */
  .photo_album .slideShow.pattern2 .btnListBox {
    top: 35px;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 44, ../scss/pages/_photoAlbum.scss */
  .photo_album .photoList li {
    width: 47.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /* line 51, ../scss/pages/_photoAlbum.scss */
  .photo_album .photoList li {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  .photo_album h5 {
  width: 94%;
  margin-left: 2%;
  margin-right: 2%;
}
}

/* line 2, ../scss/pages/_loction.scss */
.loction .textEditor {
  line-height: 180%;
  margin-top: 20px;
}
/* line 6, ../scss/pages/_loction.scss */
.loction .textEditor strong.title {
  display: block;
  font-size: 125%;
  font-weight: normal;
  color: #C90;
}
/* line 12, ../scss/pages/_loction.scss */
.loction .textEditor hr {
  border: 0;
  border-bottom: dashed 1px #979753;
  height: 1px;
  margin: 20px 0;
}
@media screen and (min-width:1101px) {
  /* line 19, ../scss/pages/_loction.scss */
  .loction .textEditor {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 24, ../scss/pages/_loction.scss */
  .loction .textEditor {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}

/* line 3, ../scss/pages/_contactUs.scss */
.contact_us .contactForm .expository {
  line-height: 180%;
  padding: 10px;
  margin-bottom: 20px;
}
/* line 14, ../scss/pages/_contactUs.scss */
.contact_us .formBox {
  padding: 20px 0 0 0;
  border-radius: 4px;
  overflow: hidden;
}
/* line 19, ../scss/pages/_contactUs.scss */
.contact_us .formBox ul {
  overflow: hidden;
  display: block;
}
/* line 23, ../scss/pages/_contactUs.scss */
.contact_us .formBox ul li {
  margin-bottom: 20px;
}
/* line 25, ../scss/pages/_contactUs.scss */
.contact_us .formBox ul li input {
  width: 99%;
  height: 26px;
  background-color: #ccccae;
  border-radius: 4px;
  border: solid 1px #fff;
}
/* line 32, ../scss/pages/_contactUs.scss */
.contact_us .formBox ul li select {
  height: 30px;
  background-color: #ccccae;
  border-radius: 4px;
  width: 100%;
}
/* line 37, ../scss/pages/_contactUs.scss */
.contact_us .formBox ul li textarea {
  width: 99%;
  height: 100px;
  background-color: #ccccae;
  border-radius: 4px;
  color: #555;
}
/* line 43, ../scss/pages/_contactUs.scss */
.contact_us .formBox ul li b {
  font-size: 75%;
}
/* line 47, ../scss/pages/_contactUs.scss */
.contact_us .formBox span.item {
  display: block;
  margin-bottom: 5px;
}
/* line 50, ../scss/pages/_contactUs.scss */
.contact_us .formBox span.item b {
  color: #e10500;
}
@media screen and (min-width:1101px) {
  /* line 57, ../scss/pages/_contactUs.scss */
  .contact_us .contactForm {
    width: 72.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 60, ../scss/pages/_contactUs.scss */

  /* line 65, ../scss/pages/_contactUs.scss */
  .contact_us .formBox ul li:nth-child(1) {
    width: 96%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  /* line 68, ../scss/pages/_contactUs.scss */
  .contact_us .formBox ul li:nth-child(2), .contact_us .formBox ul li:nth-child(3), .contact_us .formBox ul li:nth-child(4), .contact_us .formBox ul li:nth-child(5) {
    width: 46.875%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  /* line 74, ../scss/pages/_contactUs.scss */
  .contact_us .formBox ul li:nth-child(6) {
    width: 96%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  /* line 81, ../scss/pages/_contactUs.scss */
  .contact_us .contactForm {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
  /* line 85, ../scss/pages/_contactUs.scss */
  .contact_us .formBox ul li {
    width: 94%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  /* line 92, ../scss/pages/_contactUs.scss */
  .contact_us .contactList ul li {
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
.timeselect {
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.timeselect a{
	margin: 0 4px 4px 0 !important;
	padding: 3px 5px;
	background-color: #CC9900;
	border-radius: 2px;
	color: #fff;
	display: block;
	float: left;
	font-size: 13px;
	text-align: center;
	transition: background-color 0.2s ease 0s, border 0.2s ease 0s;
	cursor: pointer;
	text-decoration: none;
	line-height: 16px;
}
.timeselect a:hover{
	background-color: #e5b117;
    color: #fff;
}
.timereply {
  height:auto;
  background-color: #fff;
  border-radius: 5px;
  padding:1em;
  clear: both;
  font-size: 15px;
  color: #24180c;
  line-height: 1.8;
}
.timereply ul{
	display: block;
}
.timereply ul li{
	width: 31.25%;
	margin-left: 1.04167%;
	margin-right: 1.04167%;
	float:left;
	display: inline-block;
}
.timereply ul li span {
  color: #e10500;
}
p.timefix {
	color: #fff;
	background-color:#cc6600;
	font-size:13px;
	text-align:center;
	border-radius: 3px;
}
p.timefix a{
	color: #fff;
	cursor: pointer;  
}
.timereply ul li:nth-child(1){
    width: 40%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
.timereply ul li:nth-child(2){
    width: 25%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
.timereply ul li:nth-child(3){
    width: 25%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  .timereply ul li:nth-child(4){
    width: 68%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
   .timereply ul li:nth-child(5){
    width: 20%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }

  @media(max-width:640px){
	.timereply ul li:nth-child(1){
    width: 46%;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  .timereply ul li:nth-child(2){
    width: 46%;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
  .timereply ul li:nth-child(3){
    width: 46%;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
   .timereply ul li:nth-child(4){
    width: 46%;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
    .timereply ul li:nth-child(5){
    width: 100px;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
  }
 }

.wrapper {
		padding: 0em 0 3em 0;
	}
.style2 {
		background-image: url("../images/patten1.jpg");
		background-position: left top;
		background-repeat: repeat;
		padding:4em 0;
		}

.style3 {
		padding:4em 0;
		}
@media screen and (min-width: 0px) and (max-width: 1100px) {
	.style2 {
			padding:8em 0 4em 0;
		}
.home .style2{
		padding:4em 0;
		}
}
@media screen and (min-width: 0px) and (max-width: 640px) {


}
@media screen and (min-width: 0px) and (max-width: 480px) {

	}
.clearfix{
	clear:both;
	display:table;
	content: " ";
}
#index-slide {
  width: 100%;
}

.head-bg {
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-webkit-background-size: cover;	
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
	text-align: center;
	position:relative;
	overflow: hidden;
}
@media screen and (min-width: 641px) and (max-width: 1100px) {
	.head-bg {
	max-height: 400px;
}
}
@media screen and (min-width: 0px) and (max-width: 640px) {
	.head-bg {
	max-height: 300px;
}
}
.head-bg img{
	width:100%;
}

.shades{
	background: transparent linear-gradient(to bottom, transparent 0px, transparent 20%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0% 0%;
	height: 40%;
	width: 100%;
	bottom: 0;
	position: absolute;
}
@media screen and (min-width:1101px) {
 .lefttxt {
    padding-top: 12px;
    float: left;
    position: relative;
    width: 400px;
	text-align:right;
	color:#ead495;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
}
.righttxt {
    position: relative;
    float: right;
    width: 400px;
    text-align: left;
    padding-top: 12px;
	color:#ead495;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	margin-right:10px;
}
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
	 .lefttxt {
 display:none;
}
.righttxt {
    display:none;
}
}
.home .newsList {
	margin-top:30px;
	width: 97.91667%;
  }
  .home .newsList ul {
	text-align:center;
  }
.home .newsList ul li {
	margin-bottom:20px;
	text-align:center;
	color:#fff;
	font-size:20px;
  }
  .home .newsList ul li a {
	color:#000;
	text-decoration:none;
  }
    .home .newsList ul li a:hover {
	color:#000;
	text-decoration:underline;
  }

.btn {
    margin-top: 35px;
    text-align: center;
	clear:both;
}
a.moredetail{
	text-align: center;
	background-color:rgba(255, 66, 0, 0.8);
	padding: 5px 15px;
	font-size:20px;
	border-radius:5px;
	border: 1px solid #fff;
	text-decoration: none;
	color:#fff;
}
a.moredetail:hover{
	background-color:rgba(255, 66, 0, 1);
	text-decoration: underline;
}
@media screen and (min-width:1101px) {
a.scrollDown {
    display: block;
    color: #FFF;
    text-align: center;
    width: 70px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -35px;
    z-index: 100;
}
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
a.scrollDown {
    display: none;
}
}
@media screen and (min-width: 481px){
.map-bottom{
	display:none;
}
.map-right{
	display:block;
}
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.map-right{
		display:none;
}
.map-bottom{
	display:block;
	margin:40px 2% 0 2%;
	float:left;
	width:96%;
}
}
@media screen and (min-width: 481px) {
.orderMenu {
  display: none;
  width:100%;
}

}
@media screen and (min-width: 0px) and (max-width: 480px) {
.orderMenu {
  display:block;
  width:100%;
  text-align:center;
  margin:30px auto 0 auto;
}
.orderMenu a {
	display: inline-block;
	height: 50px;
	 width: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	text-align: center;	
	vertical-align: middle;
	background-color: #960;
	text-align:center;
}
.orderMenu li {
	display: inline-block;
	width: 49%;
	height: 50px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #24180b;
	border-right-color: #24180b;
	border-bottom-color: #24180b;
	border-left-color: #24180b;
  }
}
.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}


/* 產品訂購 */
.order h3{
  	height: 26px;
	color: #8f4d00;
	font-weight: bold;
	font-size: 125%;
	margin-bottom:10px;
	display: block;
  }
.order h6{
	width:100%;
	color: #fff;
	font-size: 125%;
	margin-bottom:20px;
	background-color: #8f4d00;
	border-radius: 3px;
	padding:5px 0 0px 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	vertical-align:middle;
	height:32px;
  }
.order h6 .check{
	width:15px;
	height:15px;
	vertical-align:middle;
  }
.order select{
	padding:4px;
	border-radius: 3px;
	border: 1px solid #766337;
	display:inline-block;
}
.order .orderList {
  margin-top: 30px;
  text-align: center;
}
.order .orderList ul {
  text-align: center;
}
.order .orderList ul li {
  min-height: 200px;
  margin-bottom: 20px;
  float:left;
  display: inline-block;
  text-align: center;
}
.order a h5 {
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  padding: 2px;
  margin-bottom:5px;
}
.order a h5:hover {
  color: #8f4d00;
}
.order a .orderTxt {
  display: block;
  color: #CC6;
  overflow: hidden;
  text-align:center;
  line-height:20px;
}
.goods-price{
	color: #ff6600;
	text-align: center;
	font-size: 24px;
	font-weight: bolder;
	margin-top: 10px;
	display:inline-block;
}
.order a:hover .orderImg {
  transform: scale(1.05);
  	-webkit-transform: scale(1.05);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.05);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
}
.order .orderImg {
  display: block;
  position: relative;
  max-width: 320px;
  margin: 0 auto 10px auto;
  border: solid 4px #e7c86c;
  overflow: hidden;
  	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.order .orderImg img {
  width: 100%;
  height: auto;
  transition: all 0.4s ease;
}
.orderPhoto {
    width: 64.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
.product-pic{
	background: #fff;
	overflow: hidden;
	border: 5px solid #766337;
	padding: 1px;
	height: auto;
	text-align: center;
	margin-bottom:20px;
}
.product-pic img {
  width: 100%;
  height: auto;
}
.product-block{
	height: auto;
	color:#fff;
	font-size: 15px;
	line-height: 24px;
	width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}
.product-block span.detail{
	height: auto;
	color:#fff;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	float: left;
	padding-bottom: 20px;
}

.product-block ul li{
	line-height: 180%;
	margin-bottom:10px;
}
.item-b {
    color: #5B5B00;
}
.special-price{
	color:#ff6600;
	font-size: 24px;
	font-weight:bold
}

.product-content{
	color:#fff;
	height: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
	clear:both;
}
.product-content h3{
	color:#cccc99;
	height: 26px;
	font-size: 15px;
}
.product-content p{
display: block;
line-height: 150%;
margin: 10px 0px;
color: #FFF;
}
.orderTool {
  display: block;
  margin-bottom: 20px;
  text-align:right;
}
.orderTool a {
  display: inline-block;
  width: 135px;
  padding: 7px 0;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 1px;
  background: linear-gradient(to bottom, #edbd36 0%, #986a21 100%);
}
.orderTool-f {
  display: none;
  margin-bottom: 20px;
  text-align: center;
  clear:both;
}
.btn-order {
 
}
.btn-order a {
  display: inline-block;
  width: 120px;
  padding: 1px 0 2px 0;
  font-size: 15px;
  line-height: 180%;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 1px;
  background: linear-gradient(to bottom, #edbd36 0%, #986a21 100%);
}
.orderToolAdd {
  display: block;
  margin-top: 20px;
  text-align: center;
}
.orderToolAdd a {
  display: inline-block;
  width: 120px;
  padding: 7px 0;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 1px;
  background: linear-gradient(to bottom, #edbd36 0%, #986a21 100%);
}
.shoppingcart{
    width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
	display:block;	
}
.orderform{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 34px;
	color: #333333;
	margin-bottom: 30px;
	border: 3px solid #766337;
	display: table;
	border-collapse: collapse;
	width:99%;
}
.shoppingcart .goods-img{
	height: 80px;
	vertical-align: middle;
	width: 80px;
	margin-right: 10px;
	border: 1px solid #e3e3c7;
}
.shoppingcart .goods-u {
	display: inline-block;
	vertical-align: middle;
	color: #333;
}
.shoppingcart .goods-u a:link,.shoppingcart .goods-u a:visited {
	color: #834c11;
	text-decoration:none
}
.shoppingcart .goods-u a:hover {
	color: #834c11;
	text-decoration:underline
}

.shoppingcart .goodstdl{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align:left;
}
.shoppingcart .goodstd2{
	text-align:right;
	padding-right:10px;
}
.shoppingcart th{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #967120;
	text-align:center;
	background-color:#d7c9a9;
	color:#834C11;
	font-weight:bold;
	padding:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d7c9a9;
}
#shoppingcart th:nth-child(1){
	width:59%
}
#shoppingcart th:nth-child(2), #shoppingcart th:nth-child(3), #shoppingcart th:nth-child(4), #shoppingcart th:nth-child(5){
	width:10%
}
#buylist th:nth-child(1){
	width:59%
}
#buylist th:nth-child(2), #buylist th:nth-child(3), #buylist th:nth-child(4){
	width:10%
}
.shoppingcart td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3c7;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e3e3c7;
	padding:5px;
	text-align:center;
	background-color:#fff;
}

.shoppingcart-item{
	color: #834c11;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #967120;
}
.shoppingcart-amount td{
	border-bottom-style: none;
}

.orderform-amount{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #834c11;
	margin-top: 5px;
}
.consigneeForm {
    width: 45%;
    float: left;
    margin-left: 2.49%;
    margin-right: 2.49%;
}

.consigneeForm .formBox ul li select{
  height: 30px;
  background-color: #DDD;
  border-radius: 4px;
  width: auto;
}
.consigneeForm .formBox ul li textarea{
	width:98%
}
.consigneeForm .formBox ul li input.vcode{
	width:100px;
}
@media screen and (min-width:1101px) {
  .order .orderList ul li {
    width: 31.25%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .orderPhoto {
    width: 64.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .product-block{
	height: auto;
	color:#fff;
	font-size: 15px;
	line-height: 24px;
	width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}
  .product-content{
   width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}
.orderTool {
    width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
.orderToolAdd {
    width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  .order .orderList ul li {
    width: 31.25%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  
  .btn-order a {
  width: 120px;
  }

  .orderToolAdd a {
  width: 120px;
  }

}
@media screen and (min-width: 0px) and (max-width: 480px) {
  .order .orderList ul li {
    width: 97.91667%;
    float: none;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    padding: 10px 2px 2px 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .btn-order a{
   width: 120px;
  }
 .orderToolAdd a{
   width: 120px;
  }
  .shoppingcart .goodstdl{
	padding-left: 5px;
	text-align:center;
}
.shoppingcart .goodstd2{
	padding-right:5px;
}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
	.orderPhoto {
    width: 64.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .product-block{
	width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}
#shoppingcart th:nth-child(1){
	width:59%
}
#shoppingcart th:nth-child(2), #shoppingcart th:nth-child(3), #shoppingcart th:nth-child(4), #shoppingcart th:nth-child(5){
	width:10%
}
}
@media screen and (min-width: 0px) and (max-width: 768px) {
   .orderPhoto{
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  .product-block{
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}
.orderform{
	font-size: 14px;
	line-height: 26px;
}
#shoppingcart th:nth-child(1){
	width:38%
}
#shoppingcart th:nth-child(2), #shoppingcart th:nth-child(3), #shoppingcart th:nth-child(4), #shoppingcart th:nth-child(5){
	width:12%
}
#buylist th:nth-child(1){
	width:39%
}
#buylist th:nth-child(2), #buylist th:nth-child(3), #buylist th:nth-child(4){
	width:15%
}
.shoppingcart .goods-img{
	margin-right:0px;
}
.consigneeForm {
    width: 96.875%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
}
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
  .orderTool {
	display:none
  }
    .orderTool-f {
  display: block;
  margin-top: 20px;
  text-align: center;
}
.orderTool-f a {
  display: inline-block;
  width: 120px;
  padding: 7px 0;
  font-size: 15px;
  color: #FFF;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 1px;
  background: linear-gradient(to bottom, #edbd36 0%, #986a21 100%);
}
}

.pageBlock {
  display: block;
  margin: 1em 0;
  padding: 1em 0;
  text-align: center;
}

.pageBlock a {
  display: inline-block;
  width: 135px;
  padding: 7px 0;
  font-size: 15px;
  text-align: center;
  border-radius: 3px;
  transition: none;
  margin: 1px;
  border: 1px solid #000;
  color: #000;
    -webkit-transition: .3s;
    transition: .3s;
}
.pageBlock a:hover {
  background-color:#21754e;
  -webkit-transition: .3s;
    transition: .3s;
	color:#fff;
	border: 1px solid #21754e;
}
.pageBlock a.backtop{
color: #ee6737;
border-color: transparent;
background-color: transparent;
  -webkit-transition: .3s;
    transition: .3s;
}
.pageBlock a.backtop:hover{
text-decoration:underline;
  -webkit-transition: .3s;
   transition: .3s;
}
@media screen and (min-width:1101px) {
  .pageBlock {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    float: inherit;
  }
}
@media screen and (min-width: 481px) and (max-width: 1100px) {
  .pageBlock {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    float: inherit;
  }
  .pageBlock a {
  width: 135px;
  }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  .pageBlock a{
    width: 23%;
	font-size:13px;
  }
 .pageBlock a.backtop{
color: #fff;
border-color: #ee6737;
background-color: #ee6737;
  -webkit-transition: .3s;
    transition: .3s;
}
.pageBlock a.backtop:hover{
text-decoration:underline;
  -webkit-transition: .3s;
   transition: .3s;
}
}
h5 {
  display: block;
  color: #8f4d00;
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 10px;
  width: 97.91667%;
 margin-left: 1.04167%;
 margin-right: 1.04167%;
}
h6 {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    font-weight: normal;
    margin: 10px auto 20px auto;
}