@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;500;700&display=swap');
/* @font-face {

  font-family: 'Noto Serif TC';

  src: url(../fonts/'Noto Serif TC'-W4.otf);

} */

/* line 47, ../sass/style.scss */

.clearfix:before, .clearfix:after {

  content: " ";

  display: table;

}



/* line 52, ../sass/style.scss */

.clearfix:after {

  clear: both;

}



/* line 58, ../sass/style.scss */

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



/* line 65, ../sass/style.scss */

html, body {

  height: 100%;

}



/* line 70, ../sass/style.scss */

body {

  font-family: 'Noto Serif TC', "Microsoft JhengHei", Helvetica, Arial, sans-serif;

  font-size: 14px;

  line-height: 130%;

  color: #333;

  background-color: #FFF;

  /*background-image: url(../images/bg.png);*/

}



/* line 82, ../sass/style.scss */

.page-bg-div div {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  opacity: 0;

  transition: opacity 0.5s;

  -webkit-transition: opacity 0.5s;

  -moz-transition: opacity 0.5s;

  -ms-transition: opacity 0.5s;

  -o-transition: opacity 0.5s;

}

/* line 95, ../sass/style.scss */

.page-bg-div .active {

  opacity: 1;

}



/* line 101, ../sass/style.scss */

a {

  color: inherit;

  text-decoration: none;

}



/* line 106, ../sass/style.scss */

p {

  line-height: 130%;

}



/* line 111, ../sass/style.scss */

#move-top {

  width: 24px;

  height: 24px;

  background-image: url(../images/up.png);

  background-repeat: no-repeat;

  background-size: cover;

  cursor: pointer;

  position: fixed;

  bottom: 150px;

  right: -60px;

  z-index: 100;

}



@media screen and (max-width: 540px) {

  /* line 124, ../sass/style.scss */

  #wrapper {

    display: none !important;

  }

}



/*.music

{

	width: 24px;

	height: 24px;

	background-image: url(../images/icon-music.png);

	background-position: 0px 24px;	

	background-size: cover;

	position: absolute;

	top: 200px;

	right: 20px;

	cursor: pointer;

	z-index: 100;



	@include sb()

	{

		display: none;

	}

}

.music:hover

{

	background-position: 0px 0px;

}*/

/* line 153, ../sass/style.scss */

.container {

  position: relative;

  width: 1000px;

  margin: 0 auto;

}

@media screen and (max-width: 1000px) {

  /* line 153, ../sass/style.scss */

  .container {

    width: 98%;

    margin-left: 1%;

    margin-right: 1%;

  }

}



/* line 167, ../sass/style.scss */

#top_nav {

  position: relative;

  z-index: 100;

  padding-top: 60px;

  padding-bottom: 60px;

  background-image: url(../images/top-bg.png);

  background-repeat: repeat-x;

  /*--------------------- 選單 --------------------*/

}

@media screen and (max-width: 768px) {

  /* line 167, ../sass/style.scss */

  #top_nav {

    padding-top: 10px;

  }

}

/* line 181, ../sass/style.scss */

#top_nav #logo {

  position: relative;

  top: -20px;

  left: 0;

  /*background: #3c3c3c;

  float: left;*/

}

@media screen and (max-width: 768px) {

  /* line 181, ../sass/style.scss */

  #top_nav #logo {

    float: none;

    width: 100%;

    text-align: center;

    margin-top: 25px;

  }

}

/* line 199, ../sass/style.scss */

#top_nav .line {

  width: 600px;

  border-top: solid 1px #eaeaea;

  position: absolute;

  right: 0;

  top: 91px;

}

@media screen and (max-width: 1000px) {

  /* line 199, ../sass/style.scss */

  #top_nav .line {

    display: none;

  }

}

@media screen and (max-width: 768px) {

  /* line 199, ../sass/style.scss */

  #top_nav .line {

    display: none;

  }

}

/* line 218, ../sass/style.scss */

#top_nav .menu-active {

  display: block !important;

}

/* line 222, ../sass/style.scss */

#top_nav .smallmenu-active {

  background-position: 0 -48px !important;

}

/* line 227, ../sass/style.scss */

#top_nav #nav {

  position: relative;

  top: -100px;

  float: right;

}

@media screen and (max-width: 768px) {

  /* line 227, ../sass/style.scss */

  #top_nav #nav {

    float: none;

    top: 0;

    width: 100%;

  }

}

@media screen and (max-width: 540px) {

  /* line 227, ../sass/style.scss */

  #top_nav #nav {

    width: 100%;

  }

}

/* line 244, ../sass/style.scss */

#top_nav #nav #smallmenu {

  position: absolute;

  top: -70px;

  right: 0;

  width: 48px;

  height: 48px;

  background-image: url(../images/menu.png);

  background-position: 0 0;

  background-repeat: no-repeat;

  background-size: cover;

  display: none;

  cursor: pointer;

}

@media screen and (max-width: 540px) {

  /* line 244, ../sass/style.scss */

  #top_nav #nav #smallmenu {

    display: block;

  }

}

/* line 263, ../sass/style.scss */

#top_nav #nav > ul {

  position: relative;

}

@media screen and (max-width: 768px) {

  /* line 263, ../sass/style.scss */

  #top_nav #nav > ul {

    width: 420px;

    margin: 0 auto;

  }

}

@media screen and (max-width: 540px) {

  /* line 263, ../sass/style.scss */

  #top_nav #nav > ul {

    position: absolute;

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

    width: 100%;

    height: auto;

    top: 0;

    right: 0;

    display: none;

  }

}

/* line 282, ../sass/style.scss */

#top_nav #nav > ul .grayline {

  width: 530px;

  border-top: solid 1px #eaeaea;

}

@media screen and (max-width: 768px) {

  /* line 282, ../sass/style.scss */

  #top_nav #nav > ul .grayline {

    width: 420px;

  }

}

@media screen and (max-width: 540px) {

  /* line 282, ../sass/style.scss */

  #top_nav #nav > ul .grayline {

    display: none;

  }

}

/* line 296, ../sass/style.scss */

#top_nav #nav > ul li {

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  border-top: solid 1px transparent;

  cursor: pointer;

}

@media screen and (max-width: 540px) {

  /* line 296, ../sass/style.scss */

  #top_nav #nav > ul li {

    text-align: center;

    padding: 15px 0 15px;

    /*margin-top: 15px;

    margin-bottom: 30px;

    margin-left: 10%;

    margin-right: 10%;*/

    width: 100%;

  }

}

/* line 311, ../sass/style.scss */

#top_nav #nav > ul li span {

  font-size: 16px;

  font-weight: bolder;

}

/* line 316, ../sass/style.scss */

#top_nav #nav > ul li .small1 {

  color: #e20516;

  position: absolute;

  top: -17px;

  left: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 540px) {

  /* line 316, ../sass/style.scss */

  #top_nav #nav > ul li .small1 {

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    left: 41%;

    top: 0;

  }

}

/* line 331, ../sass/style.scss */

#top_nav #nav > ul li:hover {

  border-top: solid 1px #e20516;

}

/* line 333, ../sass/style.scss */

#top_nav #nav > ul li:hover span {

  color: #e20516;

}

/* line 338, ../sass/style.scss */

#top_nav #nav > ul li:hover .small1 {

  color: #3c3c3c;

  left: 55%;

}

@media screen and (max-width: 540px) {

  /* line 338, ../sass/style.scss */

  #top_nav #nav > ul li:hover .small1 {

    left: 41%;

  }

}

@media screen and (max-width: 540px) {

  /* line 331, ../sass/style.scss */

  #top_nav #nav > ul li:hover {

    border-top: solid 1px transparent;

  }

}

/* line 354, ../sass/style.scss */

#top_nav #nav > ul li .small2 {

  color: #e20516;

  position: absolute;

  top: -17px;

  left: 0;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 540px) {

  /* line 354, ../sass/style.scss */

  #top_nav #nav > ul li .small2 {

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    left: 41%;

    top: 0;

  }

}

/* line 369, ../sass/style.scss */

#top_nav #nav > ul li:hover {

  border-top: solid 1px #e20516;

}

/* line 371, ../sass/style.scss */

#top_nav #nav > ul li:hover span {

  color: #e20516;

}

/* line 376, ../sass/style.scss */

#top_nav #nav > ul li:hover .small2 {

  color: #3c3c3c;

  left: 40%;

}

@media screen and (max-width: 540px) {

  /* line 376, ../sass/style.scss */

  #top_nav #nav > ul li:hover .small2 {

    left: 41%;

  }

}

@media screen and (max-width: 540px) {

  /* line 369, ../sass/style.scss */

  #top_nav #nav > ul li:hover {

    border-top: solid 1px transparent;

  }

}

/* line 395, ../sass/style.scss */

#top_nav #nav > ul .n1 {

  position: absolute;

  top: 0;

  left: 20px;

}

@media screen and (max-width: 768px) {

  /* line 395, ../sass/style.scss */

  #top_nav #nav > ul .n1 {

    top: 0px;

    left: 20px;

  }

}

@media screen and (max-width: 540px) {

  /* line 395, ../sass/style.scss */

  #top_nav #nav > ul .n1 {

    position: relative;

    left: 0;

  }

}

/* line 412, ../sass/style.scss */

#top_nav #nav > ul .n1 #colors {

  display: none;

  color: #e20516;

}

/* line 417, ../sass/style.scss */

#top_nav #nav > ul .n1 #small3 {

  display: none;

  color: #e20516;

  position: absolute;

  top: -17px;

  left: 55%;

}

/* line 425, ../sass/style.scss */

#top_nav #nav > ul .n1 #small4 {

  color: #e20516;

  position: absolute;

  top: -17px;

  left: 40%;

}

/* line 433, ../sass/style.scss */

#top_nav #nav > ul .n2 {

  position: absolute;

  top: 0;

  left: 130px;

}

@media screen and (max-width: 768px) {

  /* line 433, ../sass/style.scss */

  #top_nav #nav > ul .n2 {

    top: 0px;

    left: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 433, ../sass/style.scss */

  #top_nav #nav > ul .n2 {

    position: relative;

    left: 0;

  }

}

/* line 450, ../sass/style.scss */

#top_nav #nav > ul .n3 {

  position: absolute;

  top: 0;

  left: 240px;

}

@media screen and (max-width: 768px) {

  /* line 450, ../sass/style.scss */

  #top_nav #nav > ul .n3 {

    top: 0px;

    left: 180px;

  }

}

@media screen and (max-width: 540px) {

  /* line 450, ../sass/style.scss */

  #top_nav #nav > ul .n3 {

    position: relative;

    left: 0;

  }

}

/* line 467, ../sass/style.scss */

#top_nav #nav > ul .n4 {

  position: absolute;

  top: 0;

  left: 350px;

}

@media screen and (max-width: 768px) {

  /* line 467, ../sass/style.scss */

  #top_nav #nav > ul .n4 {

    top: 0px;

    left: 260px;

  }

}

@media screen and (max-width: 540px) {

  /* line 467, ../sass/style.scss */

  #top_nav #nav > ul .n4 {

    position: relative;

    left: 0;

  }

}

/* line 484, ../sass/style.scss */

#top_nav #nav > ul .n5 {

  position: absolute;

  top: 0;

  left: 460px;

}

@media screen and (max-width: 768px) {

  /* line 484, ../sass/style.scss */

  #top_nav #nav > ul .n5 {

    top: 0px;

    left: 340px;

  }

}

@media screen and (max-width: 540px) {

  /* line 484, ../sass/style.scss */

  #top_nav #nav > ul .n5 {

    position: relative;

    left: 0;

  }

}



/* line 506, ../sass/style.scss */

#details2-bg {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  padding-bottom: 24.765625%;

  background-image: url(../images/details2-bg.jpg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



/* line 521, ../sass/style.scss */

#mobile-index-slider {

  display: none;

  position: absolute;

  z-index: 1;

  width: 100%;

  height: 100%;

}

@media screen and (max-width: 768px) {

  /* line 521, ../sass/style.scss */

  #mobile-index-slider {

    display: block;

  }

}

/* line 534, ../sass/style.scss */

#mobile-index-slider .owl-carousel {

  height: 100%;

  display: block;

}

/* line 539, ../sass/style.scss */

#mobile-index-slider .owl-carousel .owl-stage-outer {

  height: 100%;

}

/* line 543, ../sass/style.scss */

#mobile-index-slider .owl-carousel .owl-stage-outer .owl-stage {

  height: 100%;

}

/* line 547, ../sass/style.scss */

#mobile-index-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item {

  height: 100%;

}

/* line 554, ../sass/style.scss */

#mobile-index-slider .owl-carousel .item {

  height: 100%;

  background-size: cover;

  background-position: center;

}



@media screen and (max-width: 768px) {

  /* line 562, ../sass/style.scss */

  #tubular-container {

    display: none;

  }

}



/* line 570, ../sass/style.scss */

#index-bg {

  position: absolute;

  z-index: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

/* line 577, ../sass/style.scss */

#index-bg #br {

  width: 100%;

  height: 100%;

  padding-top: 1px;

  transform-style: preserve-3d;

  -webkit-transform-style: preserve-3d;

}

/* line 585, ../sass/style.scss */

#index-bg #b1 {

  position: absolute;

  z-index: 1;

  top: -5%;

  left: -5%;

  width: 110%;

  height: 110%;

  background-size: cover;

  background-position: center center;

  transform: translate3d(0px, 0px, -150px);

  -webkit-transform: translate3d(0px, 0px, -150px);

  -moz-transform: translate3d(0px, 0px, -150px);

  -ms-transform: translate3d(0px, 0px, -150px);

  -o-transform: translate3d(0px, 0px, -150px);

}

@media screen and (max-width: 1000px) {

  /* line 585, ../sass/style.scss */

  #index-bg #b1 {

    top: 0%;

    left: 0%;

  }

}

@media screen and (max-width: 540px) {

  /* line 585, ../sass/style.scss */

  #index-bg #b1 {

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

  }

}

/* line 608, ../sass/style.scss */

#index-bg #b2 {

  position: absolute;

  z-index: 2;

  top: -10%;

  left: -10%;

  width: 120%;

  height: 120%;

  background-size: cover;

  background-position: center center;

  transform: translate3d(0px, 0px, 90px);

  -webkit-transform: translate3d(0px, 0px, 90px);

  -moz-transform: translate3d(0px, 0px, 90px);

  -ms-transform: translate3d(0px, 0px, 90px);

  -o-transform: translate3d(0px, 0px, 90px);

}

@media screen and (max-width: 540px) {

  /* line 608, ../sass/style.scss */

  #index-bg #b2 {

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

  }

}

/* line 625, ../sass/style.scss */

#index-bg #b3 {

  z-index: 3;

  margin: 0 auto;

  margin-top: 150px;

  width: 980px;

  height: 525px;

  background-size: cover;

  background-position: center center;

  transform: translate3d(0px, 0px, 300px);

  -webkit-transform: translate3d(0px, 0px, 300px);

  -moz-transform: translate3d(0px, 0px, 300px);

  -ms-transform: translate3d(0px, 0px, 300px);

  -o-transform: translate3d(0px, 0px, 300px);

}

@media screen and (max-width: 1000px) {

  /* line 625, ../sass/style.scss */

  #index-bg #b3 {

    width: 100%;

  }

}

@media screen and (max-width: 540px) {

  /* line 625, ../sass/style.scss */

  #index-bg #b3 {

    transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

  }

}



/* line 647, ../sass/style.scss */

.bigbanner {

  margin: 0 auto;

  margin-top: 15px;

  width: 980px;

  height: 525px;

  background-image: url(../images/bigbanner.png);

  background-position: center center;

}

@media screen and (max-width: 1000px) {

  /* line 647, ../sass/style.scss */

  .bigbanner {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-size: cover;

    margin-top: 0;

  }

}



/* line 671, ../sass/style.scss */

#news-bg {

  position: fixed;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



/* line 684, ../sass/style.scss */

.banner {

  /*background-image: url(../images/news-bg.jpg);*/

  width: 100%;

  height: 240px;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  margin: 25px 0 30px;

}

@media screen and (max-width: 540px) {

  /* line 684, ../sass/style.scss */

  .banner {

    height: 160px;

  }

}



/* line 699, ../sass/style.scss */

.banner1 {

  /*background-image: url(../images/news-bg.jpg);*/

  width: 100%;

  height: 240px;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  margin: 25px 0 45px;

}

@media screen and (max-width: 540px) {

  /* line 699, ../sass/style.scss */

  .banner1 {

    height: 160px;

  }

}



@media screen and (max-width: 1000px) {

  /* line 714, ../sass/style.scss */

  #news-page {

    padding-bottom: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 714, ../sass/style.scss */

  #news-page {

    padding-bottom: 150px;

  }

}

/* line 724, ../sass/style.scss */

#news-page #content {

  margin-top: 20px;

  width: 1000px;

}

/* line 729, ../sass/style.scss */

#news-page #content #news {

  width: 88px;

  height: 32px;

  background-image: url(../images/news.png);

  background-repeat: no-repeat;

  background-size: cover;

}

@media screen and (max-width: 1000px) {

  /* line 724, ../sass/style.scss */

  #news-page #content {

    width: 100%;

  }

}

@media screen and (max-width: 768px) {

  /* line 724, ../sass/style.scss */

  #news-page #content {

    margin-top: 50px;

  }

}

/* line 745, ../sass/style.scss */

#news-page #content .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 755, ../sass/style.scss */

#news-page #content #info {

  width: 100%;

  margin-left: 0px;

  overflow: hidden;

  position: relative;

}

/* line 762, ../sass/style.scss */

#news-page #content #info #info-inner {

  position: relative;

  left: 0%;

}

/* line 768, ../sass/style.scss */

#news-page #content #info .info-page {

  float: left;

  /*display: none;*/

}

@media screen and (max-width: 1000px) {

  /* line 768, ../sass/style.scss */

  #news-page #content #info .info-page {

    width: 33.3333333333%;

  }

}

/* line 777, ../sass/style.scss */

#news-page #content #info .page-active {

  display: block;

}

/* line 782, ../sass/style.scss */

#news-page #content #info .block {

  float: left;

  width: 490px;

  background-color: #eaeaea;

  margin-right: 20px;

  margin-top: 0;

  margin-bottom: 20px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 1000px) {

  /* line 782, ../sass/style.scss */

  #news-page #content #info .block {

    width: 100%;

  }

}

@media screen and (max-width: 540px) {

  /* line 782, ../sass/style.scss */

  #news-page #content #info .block {

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

  }

}

/* line 801, ../sass/style.scss */

#news-page #content #info .block .img-div {

  float: left;

  position: relative;

  width: 34.693877551%;

  height: 110px;

  background-size: cover;

  background-position: center;

  overflow: hidden;

}

@media screen and (max-width: 540px) {

  /* line 801, ../sass/style.scss */

  #news-page #content #info .block .img-div {

    background-repeat: no-repeat;

    height: 132px;

  }

}

/* line 818, ../sass/style.scss */

#news-page #content #info .block .text-div {

  float: right;

  width: 65.306122449%;

  padding: 20px 25px 0;

  /*padding-top: 25px;*/

}

/* line 825, ../sass/style.scss */

#news-page #content #info .block .text-div h3 {

  margin-bottom: 5px;

  color: #8a6239;

  font-size: 16px;

}

/* line 831, ../sass/style.scss */

#news-page #content #info .block .text-div p {

  padding-left: 5px;

  margin-left: 5px;

  border-left: 2px solid #333;

  font-size: 14px;

}

/* line 838, ../sass/style.scss */

#news-page #content #info .block .text-div .more-div {

  text-align: right;

}

/* line 844, ../sass/style.scss */

#news-page #content #info .block:last-of-type {

  margin-right: 0;

}

/* line 848, ../sass/style.scss */

#news-page #content #info .block:hover {

  box-shadow: 3px 3px 10px #000;

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}

/* line 856, ../sass/style.scss */

#news-page #content #fun {

  text-align: center;

}

/* line 860, ../sass/style.scss */

#news-page #content #fun .page-btn {

  display: inline-block;

  margin-left: 5px;

  margin-right: 5px;

  width: 10px;

  height: 10px;

  background-color: #666666;

  border: 1px solid #FFF;

  cursor: pointer;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

/* line 872, ../sass/style.scss */

#news-page #content #fun .page-btn-active {

  background-color: #333;

}

/* line 878, ../sass/style.scss */

#news-page #content .button-left {

  width: 28px;

  height: 50px;

  background-image: url(../images/left-b.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  left: -68px;

  margin-top: -25px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 878, ../sass/style.scss */

  #news-page #content .button-left {

    position: static;

    float: left;

    margin-top: 10px;

  }

}

@media screen and (max-width: 768px) {

  /* line 878, ../sass/style.scss */

  #news-page #content .button-left {

    margin-bottom: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 878, ../sass/style.scss */

  #news-page #content .button-left {

    margin-bottom: 150px;

  }

}

/* line 907, ../sass/style.scss */

#news-page #content .button-left:hover {

  background-image: url(../images/left-r.png);

}

/* line 911, ../sass/style.scss */

#news-page #content .button-right {

  width: 28px;

  height: 50px;

  background-image: url(../images/right-b.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  right: -68px;

  margin-top: -25px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 911, ../sass/style.scss */

  #news-page #content .button-right {

    position: static;

    float: right;

    margin-top: 10px;

  }

}

@media screen and (max-width: 768px) {

  /* line 911, ../sass/style.scss */

  #news-page #content .button-right {

    margin-bottom: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 911, ../sass/style.scss */

  #news-page #content .button-right {

    margin-bottom: 150px;

  }

}

/* line 940, ../sass/style.scss */

#news-page #content .button-right:hover {

  background-image: url(../images/right-r.png);

}



/* line 947, ../sass/style.scss */

#news-details-page {

  position: relative;

  padding-bottom: 100px;

  margin-top: 25px;

}

@media screen and (max-width: 768px) {

  /* line 947, ../sass/style.scss */

  #news-details-page {

    margin-top: 70px;

  }

}

@media screen and (max-width: 540px) {

  /* line 947, ../sass/style.scss */

  #news-details-page {

    margin-top: 40px;

  }

}

/* line 962, ../sass/style.scss */

#news-details-page #news {

  width: 88px;

  height: 32px;

  background-image: url(../images/news.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -30px;

  left: 0;

}

/* line 974, ../sass/style.scss */

#news-details-page #food {

  width: 89px;

  height: 32px;

  background-image: url(../images/food.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -30px;

  left: 0;

}

/* line 986, ../sass/style.scss */

#news-details-page #venues {

  width: 109px;

  height: 37px;

  background-image: url(../images/venues.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 998, ../sass/style.scss */

#news-details-page #project {

  width: 115px;

  height: 46px;

  background-image: url(../images/project.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1010, ../sass/style.scss */

#news-details-page .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 1021, ../sass/style.scss */

#news-details-page .full-width {

  width: 100%;

}

/* line 1026, ../sass/style.scss */

#news-details-page h2 {

  font-size: 16px;

  margin-top: 10px;

  margin-bottom: 10px;

}

/* line 1033, ../sass/style.scss */

#news-details-page #detail-div {

  margin-top: 40px;

}

/* line 1037, ../sass/style.scss */

#news-details-page #fun {

  text-align: center;

}

/* line 1040, ../sass/style.scss */

#news-details-page #fun .page-btn {

  display: inline-block;

  margin-left: 5px;

  margin-right: 5px;

  width: 10px;

  height: 10px;

  background-color: #666666;

  border: 1px solid #FFF;

  cursor: pointer;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

/* line 1052, ../sass/style.scss */

#news-details-page #fun .page-btn-active {

  background-color: #333;

}

/* line 1059, ../sass/style.scss */

#news-details-page #info #slide-div {

  position: relative;

  width: 100%;

  padding-bottom: 34%;

  overflow: hidden;

}

/* line 1065, ../sass/style.scss */

#news-details-page #info #slide-div #info-inner {

  position: absolute;

  left: 0%;

  top: 0%;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

/* line 1071, ../sass/style.scss */

#news-details-page #info #slide-div #info-inner img {

  float: left;

}



/* line 1081, ../sass/style.scss */

#project-bg {

  position: fixed;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



/* line 1094, ../sass/style.scss */

#project-page {

  padding-bottom: 100px;

  position: relative;

  top: 0px;

}

@media screen and (max-width: 540px) {

  /* line 1094, ../sass/style.scss */

  #project-page {

    padding-bottom: 150px;

  }

}

/* line 1105, ../sass/style.scss */

#project-page #project {

  width: 115px;

  height: 46px;

  background-image: url(../images/project.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1117, ../sass/style.scss */

#project-page #content {

  margin-top: 20px;

}

@media screen and (max-width: 768px) {

  /* line 1117, ../sass/style.scss */

  #project-page #content {

    margin-top: 50px;

  }

}

/* line 1125, ../sass/style.scss */

#project-page .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 1136, ../sass/style.scss */

#project-page #banner {

  margin-top: 25px;

  margin-bottom: 50px;

}

/* line 1141, ../sass/style.scss */

#project-page .full-width {

  width: 100%;

  height: 100%;

}

/* line 1148, ../sass/style.scss */

#project-page #project-block-div .block {

  float: left;

  position: relative;

  width: 48%;

  margin-right: 4%;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 768px) {

  /* line 1148, ../sass/style.scss */

  #project-page #project-block-div .block {

    width: 100%;

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 540px) {

  /* line 1148, ../sass/style.scss */

  #project-page #project-block-div .block {

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

  }

}

/* line 1166, ../sass/style.scss */

#project-page #project-block-div .block img {

  width: 100%;

  display: block;

}

/* line 1172, ../sass/style.scss */

#project-page #project-block-div .block .text {

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 10px 15px;

  text-align: center;

  font-size: 16px;

  background-color: rgba(255, 255, 255, 0.8);

}

/* line 1184, ../sass/style.scss */

#project-page #project-block-div .block .text .red {

  color: #e30012;

}

/* line 1190, ../sass/style.scss */

#project-page #project-block-div a:last-child .block {

  margin-right: 0%;

}

/* line 1194, ../sass/style.scss */

#project-page #project-block-div .block:hover {

  box-shadow: 3px 3px 10px #000;

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}



/* line 1203, ../sass/style.scss */

#space-bg {

  position: fixed;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



/* line 1216, ../sass/style.scss */

#space-page {

  position: relative;

  margin-bottom: 100px;

}

@media screen and (max-width: 1000px) {

  /* line 1216, ../sass/style.scss */

  #space-page {

    margin-bottom: 150px;

  }

}

@media screen and (max-width: 768px) {

  /* line 1216, ../sass/style.scss */

  #space-page {

    margin-top: 25px;

  }

}

/* line 1230, ../sass/style.scss */

#space-page #venues {

  width: 109px;

  height: 37px;

  background-image: url(../images/venues.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1242, ../sass/style.scss */

#space-page .container {

  text-align: center;

}

/* line 1246, ../sass/style.scss */

#space-page .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 1257, ../sass/style.scss */

#space-page #slide-block-div {

  /*padding-bottom: 100px;*/

}

/* line 1262, ../sass/style.scss */

#space-page #slide-block {

  position: relative;

  /*padding-bottom: 61%;*/

}

/* line 1267, ../sass/style.scss */

#space-page #slide-block ul {

  color: #fff;

  width: 100%;

}

/* line 1272, ../sass/style.scss */

#space-page #slide-block li {

  float: left;

  width: 23%;

  height: 475px;

  margin-right: 2.5%;

}

/* line 1281, ../sass/style.scss */

#space-page #slide-block a:last-child li {

  margin-right: 0%;

}

/* line 1285, ../sass/style.scss */

#space-page #slide-block #bg1 {

  background-image: url(../images/space/space-box1.jpg);

  background-size: cover;

  transition: all 0.5s;

}

/* line 1291, ../sass/style.scss */

#space-page #slide-block #bg1 .text {

  background-image: url(../images/space/space-box-bg.jpg.png);

  height: 100%;

}

/* line 1295, ../sass/style.scss */

#space-page #slide-block #bg1 .text #b1 {

  height: 100%;

  /*background-image: url(../images/space/space-box-text1.png);*/

}

@media screen and (max-width: 1000px) {

  /* line 1295, ../sass/style.scss */

  #space-page #slide-block #bg1 .text #b1 {

    background-position: center center;

  }

}

/* line 1306, ../sass/style.scss */

#space-page #slide-block #bg1 .text:hover {

  background-image: none;

}

/* line 1311, ../sass/style.scss */

#space-page #slide-block #bg1:hover {

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}

/* line 1315, ../sass/style.scss */

#space-page #slide-block #bg2 {

  background-image: url(../images/space/space-box2.jpg);

  background-size: cover;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

/* line 1321, ../sass/style.scss */

#space-page #slide-block #bg2 .text {

  background-image: url(../images/space/space-box-bg.jpg.png);

  height: 100%;

}

/* line 1326, ../sass/style.scss */

#space-page #slide-block #bg2 .text #b2 {

  height: 100%;

  /*background-image: url(../images/space/space-box-text2.png);*/

}

@media screen and (max-width: 1000px) {

  /* line 1326, ../sass/style.scss */

  #space-page #slide-block #bg2 .text #b2 {

    background-position: center center;

  }

}

/* line 1337, ../sass/style.scss */

#space-page #slide-block #bg2 .text:hover {

  background-image: none;

}

/* line 1342, ../sass/style.scss */

#space-page #slide-block #bg2:hover {

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}

/* line 1346, ../sass/style.scss */

#space-page #slide-block #bg3 {

  background-image: url(../images/space/space-box3.jpg);

  background-size: cover;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

/* line 1352, ../sass/style.scss */

#space-page #slide-block #bg3 .text {

  background-image: url(../images/space/space-box-bg.jpg.png);

  height: 100%;

}

/* line 1357, ../sass/style.scss */

#space-page #slide-block #bg3 .text #b3 {

  height: 100%;

  /*background-image: url(../images/space/space-box-text3.png);*/

}

@media screen and (max-width: 1000px) {

  /* line 1357, ../sass/style.scss */

  #space-page #slide-block #bg3 .text #b3 {

    background-position: center center;

  }

}

/* line 1368, ../sass/style.scss */

#space-page #slide-block #bg3 .text:hover {

  background-image: none;

}

/* line 1373, ../sass/style.scss */

#space-page #slide-block #bg3:hover {

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}

/* line 1377, ../sass/style.scss */

#space-page #slide-block #bg4 {

  background-image: url(../images/space/space-box4.jpg);

  background-size: cover;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

/* line 1383, ../sass/style.scss */

#space-page #slide-block #bg4 .text {

  background-image: url(../images/space/space-box-bg.jpg.png);

  height: 100%;

}

/* line 1388, ../sass/style.scss */

#space-page #slide-block #bg4 .text #b4 {

  height: 100%;

  /*background-image: url(../images/space/space-box-text4.png);*/

}

@media screen and (max-width: 1000px) {

  /* line 1388, ../sass/style.scss */

  #space-page #slide-block #bg4 .text #b4 {

    background-position: center center;

  }

}

/* line 1399, ../sass/style.scss */

#space-page #slide-block #bg4 .text:hover {

  background-image: none;

}

/* line 1404, ../sass/style.scss */

#space-page #slide-block #bg4:hover {

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}



/* line 1411, ../sass/style.scss */

#food-details-page-bg {

  position: fixed;

  z-index: -1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/index-bg2.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



/* line 1425, ../sass/style.scss */

#food-details-page {

  padding-bottom: 100px;

  /*margin-top: 60px;*/

}

/* line 1430, ../sass/style.scss */

#food-details-page #food {

  width: 89px;

  height: 32px;

  background-image: url(../images/food.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -30px;

  left: 0;

}

/* line 1442, ../sass/style.scss */

#food-details-page #venues {

  width: 109px;

  height: 37px;

  background-image: url(../images/venues.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1454, ../sass/style.scss */

#food-details-page #project {

  width: 115px;

  height: 46px;

  background-image: url(../images/project.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1466, ../sass/style.scss */

#food-details-page .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 1477, ../sass/style.scss */

#food-details-page #info {

  width: 100%;

  margin-left: 0px;

  overflow: hidden;

}

/* line 1483, ../sass/style.scss */

#food-details-page #info #info-inner {

  position: relative;

  left: 0%;

}

/* line 1489, ../sass/style.scss */

#food-details-page #info .info-page {

  float: left;

  /*display: none;*/

}

@media screen and (max-width: 1000px) {

  /* line 1489, ../sass/style.scss */

  #food-details-page #info .info-page {

    width: 33.3333333333%;

  }

}

@media screen and (max-width: 540px) {

  /* line 1489, ../sass/style.scss */

  #food-details-page #info .info-page {

    margin-bottom: 20px;

  }

}

/* line 1502, ../sass/style.scss */

#food-details-page #info .page-active {

  display: block;

}

/* line 1507, ../sass/style.scss */

#food-details-page .food {

  float: left;

  position: relative;

  width: 320px;

  height: 530px;

  margin-left: 10px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 1000px) {

  /* line 1507, ../sass/style.scss */

  #food-details-page .food {

    width: 33%;

    margin-left: 0.15%;

    margin-right: 0.15%;

    margin-bottom: 50px;

  }

}

@media screen and (max-width: 768px) {

  /* line 1507, ../sass/style.scss */

  #food-details-page .food {

    width: 98%;

    margin-left: 1%;

    margin-right: 1%;

    margin-bottom: 20px;

    float: none;

    height: 360px;

  }

}

@media screen and (max-width: 540px) {

  /* line 1507, ../sass/style.scss */

  #food-details-page .food {

    height: 300px;

  }

}

/* line 1536, ../sass/style.scss */

#food-details-page .food .text {

  position: absolute;

  z-index: 5;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 768px) {

  /* line 1536, ../sass/style.scss */

  #food-details-page .food .text {

    background-repeat: no-repeat;

    background-position: left bottom;

  }

}

/* line 1548, ../sass/style.scss */

#food-details-page .food .text:hover {

  border-radius: 30px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}

/* line 1553, ../sass/style.scss */

#food-details-page .food:after {

  content: '';

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /*background-image: url(../images/food-un-box1.jpg);*/

  background-size: cover;

  background-position: center;

}

/* line 1566, ../sass/style.scss */

#food-details-page .food:before {

  content: '';

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /*background-image: url(../images/food-un-box-bg.png);*/

  background-position: bottom center;

}

/* line 1579, ../sass/style.scss */

#food-details-page .button-left {

  width: 28px;

  height: 50px;

  background-image: url(../images/left-r.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  left: -68px;

  margin-top: -50px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 1579, ../sass/style.scss */

  #food-details-page .button-left {

    margin-top: 50px;

    position: relative;

    top: 0;

    left: 0;

    z-index: 100;

    float: left;

  }

}

@media screen and (max-width: 540px) {

  /* line 1579, ../sass/style.scss */

  #food-details-page .button-left {

    margin-bottom: 150px;

  }

}

/* line 1606, ../sass/style.scss */

#food-details-page .button-left:hover {

  background-image: url(../images/left-b.png);

}

/* line 1610, ../sass/style.scss */

#food-details-page .button-right {

  width: 28px;

  height: 50px;

  background-image: url(../images/right-r.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  right: -68px;

  margin-top: -50px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 1610, ../sass/style.scss */

  #food-details-page .button-right {

    margin-top: 50px;

    position: relative;

    top: 0;

    right: 0;

    z-index: 100;

    float: right;

    margin-bottom: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 1610, ../sass/style.scss */

  #food-details-page .button-right {

    margin-bottom: 150px;

  }

}

/* line 1638, ../sass/style.scss */

#food-details-page .button-right:hover {

  background-image: url(../images/right-b.png);

}



/*商務套餐*/

/* line 1645, ../sass/style.scss */

#food-details-page3 {

  padding-bottom: 100px;

  /*margin-top: 60px;*/

}

/* line 1650, ../sass/style.scss */

#food-details-page3 #food {

  width: 89px;

  height: 32px;

  background-image: url(../images/food.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -30px;

  left: 0;

}

/* line 1662, ../sass/style.scss */

#food-details-page3 #venues {

  width: 109px;

  height: 37px;

  background-image: url(../images/venues.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1674, ../sass/style.scss */

#food-details-page3 #project {

  width: 115px;

  height: 46px;

  background-image: url(../images/project.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1686, ../sass/style.scss */

#food-details-page3 .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 1697, ../sass/style.scss */

#food-details-page3 #info {

  width: 100%;

  margin-left: 0px;

  overflow: hidden;

}

/* line 1703, ../sass/style.scss */

#food-details-page3 #info #info-inner {

  position: relative;

  left: 0%;

}

/* line 1709, ../sass/style.scss */

#food-details-page3 #info .info-page {

  float: left;

  /*display: none;*/

}

@media screen and (max-width: 1000px) {

  /* line 1709, ../sass/style.scss */

  #food-details-page3 #info .info-page {

    width: 33.3333333333%;

  }

}

@media screen and (max-width: 540px) {

  /* line 1709, ../sass/style.scss */

  #food-details-page3 #info .info-page {

    margin-bottom: 20px;

  }

}

/* line 1722, ../sass/style.scss */

#food-details-page3 #info .page-active {

  display: block;

}

/* line 1727, ../sass/style.scss */

#food-details-page3 .food {

  float: left;

  position: relative;

  width: 240px;

  height: 530px;

  margin-left: 10px;

}

@media screen and (max-width: 1000px) {

  /* line 1727, ../sass/style.scss */

  #food-details-page3 .food {

    width: 23%;

    margin-left: 1%;

    margin-right: 1%;

    margin-bottom: 50px;

  }

}

@media screen and (max-width: 768px) {

  /* line 1727, ../sass/style.scss */

  #food-details-page3 .food {

    width: 48%;

    margin-left: 1%;

    margin-right: 1%;

    margin-bottom: 20px;

    height: auto;

    padding-bottom: 105%;

    /* height: 360px; */

    /* float: none; */

  }

}

@media screen and (max-width: 540px) {

  /* line 1727, ../sass/style.scss */

  #food-details-page3 .food {

    /* height: 300px; */

  }

}

/* line 1755, ../sass/style.scss */

#food-details-page3 .food .text {

  position: absolute;

  z-index: 5;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 768px) {

  /* line 1755, ../sass/style.scss */

  #food-details-page3 .food .text {

    background-repeat: no-repeat;

    background-position: left bottom;

  }

}

/* line 1767, ../sass/style.scss */

#food-details-page3 .food .text:hover {

  border-radius: 30px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}

/* line 1772, ../sass/style.scss */

#food-details-page3 .food .opacity-color {

  width: 100%;

  height: 530px;

  background-color: rgba(0, 0, 0, 0.3);

  transition: background-color 0.5s;

  -webkit-transition: background-color 0.5s;

  -moz-transition: background-color 0.5s;

  -ms-transition: background-color 0.5s;

  -o-transition: background-color 0.5s;

}

@media screen and (max-width: 1000px) {

  /* line 1772, ../sass/style.scss */

  #food-details-page3 .food .opacity-color {

    height: 450px;

  }

}

/* line 1784, ../sass/style.scss */

#food-details-page3 .food .opacity-color:hover {

  background-color: transparent;

}

/* line 1788, ../sass/style.scss */

#food-details-page3 .food:after {

  content: '';

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /*background-image: url(../images/food-un-box1.jpg);*/

  background-size: cover;

  background-position: center;

}

/* line 1802, ../sass/style.scss */

#food-details-page3 .food:before {

  content: '';

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /*background-image: url(../images/food-un-box-bg.png); */

  background-position: bottom center;

}

/* line 1815, ../sass/style.scss */

#food-details-page3 .button-left {

  width: 28px;

  height: 50px;

  background-image: url(../images/left-r.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  left: -68px;

  margin-top: -50px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 1815, ../sass/style.scss */

  #food-details-page3 .button-left {

    margin-top: 50px;

    position: relative;

    top: 0;

    left: 0;

    z-index: 100;

    float: left;

  }

}

@media screen and (max-width: 540px) {

  /* line 1815, ../sass/style.scss */

  #food-details-page3 .button-left {

    margin-bottom: 150px;

  }

}

/* line 1842, ../sass/style.scss */

#food-details-page3 .button-left:hover {

  background-image: url(../images/left-b.png);

}

/* line 1846, ../sass/style.scss */

#food-details-page3 .button-right {

  width: 28px;

  height: 50px;

  background-image: url(../images/right-r.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  right: -68px;

  margin-top: -50px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 1846, ../sass/style.scss */

  #food-details-page3 .button-right {

    margin-top: 50px;

    position: relative;

    top: 0;

    right: 0;

    z-index: 100;

    float: right;

    margin-bottom: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 1846, ../sass/style.scss */

  #food-details-page3 .button-right {

    margin-bottom: 150px;

  }

}

/* line 1874, ../sass/style.scss */

#food-details-page3 .button-right:hover {

  background-image: url(../images/right-b.png);

}



/*婚宴場地*/

/* line 1881, ../sass/style.scss */

#space-details-page {

  padding-bottom: 100px;

  /*margin-top: 60px;*/

}

/* line 1886, ../sass/style.scss */

#space-details-page #food {

  width: 89px;

  height: 32px;

  background-image: url(../images/food.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -30px;

  left: 0;

}

/* line 1898, ../sass/style.scss */

#space-details-page #venues {

  width: 109px;

  height: 37px;

  background-image: url(../images/venues.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1910, ../sass/style.scss */

#space-details-page #project {

  width: 115px;

  height: 46px;

  background-image: url(../images/project.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 1922, ../sass/style.scss */

#space-details-page .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 1933, ../sass/style.scss */

#space-details-page #info {

  width: 100%;

  margin-left: 0px;

  overflow: hidden;

}

/* line 1939, ../sass/style.scss */

#space-details-page #info #info-inner {

  position: relative;

  left: 0%;

}

/* line 1945, ../sass/style.scss */

#space-details-page #info .info-page {

  float: left;

  /*display: none;*/

}

@media screen and (max-width: 1000px) {

  /* line 1945, ../sass/style.scss */

  #space-details-page #info .info-page {

    width: 33.3333333333%;

  }

}

/* line 1954, ../sass/style.scss */

#space-details-page #info .page-active {

  display: block;

}

/* line 1959, ../sass/style.scss */

#space-details-page .food {

  float: left;

  position: relative;

  width: 320px;

  height: 530px;

  margin-left: 10px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 1000px) {

  /* line 1959, ../sass/style.scss */

  #space-details-page .food {

    width: 33%;

    margin-left: 0.15%;

    margin-right: 0.15%;

    margin-bottom: 50px;

  }

}

/* line 1975, ../sass/style.scss */

#space-details-page .food .text {

  position: absolute;

  z-index: 5;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 768px) {

  /* line 1975, ../sass/style.scss */

  #space-details-page .food .text {

    background-repeat: no-repeat;

    background-position: left bottom;

  }

}

/* line 1987, ../sass/style.scss */

#space-details-page .food .text:hover {

  border-radius: 30px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  -ms-border-radius: 30px;

  -o-border-radius: 30px;

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}

/* line 1992, ../sass/style.scss */

#space-details-page .food:after {

  content: '';

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /*background-image: url(../images/food-un-box1.jpg);*/

  background-size: cover;

  background-position: center;

}

/* line 2005, ../sass/style.scss */

#space-details-page .food:before {

  content: '';

  position: absolute;

  z-index: 2;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /*background-image: url(../images/food-un-box-bg.png);*/

  background-position: bottom center;

}

/* line 2018, ../sass/style.scss */

#space-details-page .button-left {

  width: 28px;

  height: 50px;

  background-image: url(../images/left-r.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  left: -68px;

  margin-top: -50px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 2018, ../sass/style.scss */

  #space-details-page .button-left {

    margin-top: 50px;

    position: relative;

    top: 0;

    left: 0;

    z-index: 100;

    float: left;

  }

}

@media screen and (max-width: 540px) {

  /* line 2018, ../sass/style.scss */

  #space-details-page .button-left {

    margin-bottom: 150px;

  }

}

/* line 2045, ../sass/style.scss */

#space-details-page .button-left:hover {

  background-image: url(../images/left-b.png);

}

/* line 2049, ../sass/style.scss */

#space-details-page .button-right {

  width: 28px;

  height: 50px;

  background-image: url(../images/right-r.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  top: 50%;

  right: -68px;

  margin-top: -50px;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 2049, ../sass/style.scss */

  #space-details-page .button-right {

    margin-top: 50px;

    position: relative;

    top: 0;

    right: 0;

    z-index: 100;

    float: right;

    margin-bottom: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 2049, ../sass/style.scss */

  #space-details-page .button-right {

    margin-bottom: 150px;

  }

}

/* line 2077, ../sass/style.scss */

#space-details-page .button-right:hover {

  background-image: url(../images/right-b.png);

}



/* line 2083, ../sass/style.scss */

.change-color {

  color: #98714c !important;

}



/* line 2087, ../sass/style.scss */

#food-bg {

  position: fixed;

  z-index: -1;

  top: 0;

  left: 0%;

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center center;

}



/* line 2098, ../sass/style.scss */

.page-header {

  position: relative;

  line-height: 100%;

  padding-top: 20px;

  padding-bottom: 0;

  margin-top: 0;

  margin-bottom: 30px;

  text-align: left;

}

/* line 2108, ../sass/style.scss */

.page-header .big {

  position: absolute;

  z-index: 1;

  top: 10px;

  left: 10px;

  font-size: 36px;

}

/* line 2116, ../sass/style.scss */

.page-header .big:after {

  content: '';

  position: absolute;

  z-index: 1;

  top: -10px;

  right: 5px;

  width: 12px;

  height: 11px;

  background-image: url(../images/nav-icon.png);

}

/* line 2128, ../sass/style.scss */

.page-header .en-text {

  position: absolute;

  z-index: 1;

  top: -5px;

  left: 0;

  color: #e8444f;

  font-size: 30px;

}

/* line 2137, ../sass/style.scss */

.page-header .en-text1 {

  position: absolute;

  z-index: 1;

  top: -25px;

  left: 0;

  color: #e8444f;

  font-size: 30px;

}

/* line 2146, ../sass/style.scss */

.page-header .animate-top {

  position: absolute;

  z-index: 1;

  left: 20px;

  bottom: 45px;

  line-height: 130%;

}

/* line 2154, ../sass/style.scss */

.page-header .animate-bottom {

  position: absolute;

  z-index: 1;

  left: 20px;

  top: 45px;

  line-height: 130%;

}

/* line 2163, ../sass/style.scss */

.page-header .sub-nav {

  position: absolute;

  padding-left: 20px;

  z-index: 1;

  top: 0;

  left: 70px;

}

@media screen and (max-width: 540px) {

  /* line 2163, ../sass/style.scss */

  .page-header .sub-nav {

    width: 100%;

  }

}

/* line 2177, ../sass/style.scss */

.page-header .sub-nav ul li {

  position: relative;

  color: #9c9c9c;

  float: left;

  margin-left: 20px;

  padding: 5px 0;

}

/* line 2185, ../sass/style.scss */

.page-header .sub-nav ul li:after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 10%;

  width: 80%;

  border-bottom: solid 1px #98714c;

}

/* line 2194, ../sass/style.scss */

.page-header .sub-nav ul li:hover {

  color: #98714c;

}

/* line 2201, ../sass/style.scss */

.page-header .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}



@media screen and (max-width: 1000px) {

  /* line 2212, ../sass/style.scss */

  #food-page {

    padding-bottom: 100px;

  }

}

@media screen and (max-width: 540px) {

  /* line 2212, ../sass/style.scss */

  #food-page {

    padding-bottom: 150px;

  }

}

/* line 2222, ../sass/style.scss */

#food-page #content {

  margin-top: 20px;

  width: 1000px;

}

/* line 2227, ../sass/style.scss */

#food-page #content #food {

  width: 89px;

  height: 32px;

  background-image: url(../images/food.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -30px;

  left: 0;

}

@media screen and (max-width: 1000px) {

  /* line 2222, ../sass/style.scss */

  #food-page #content {

    width: 100%;

  }

}

@media screen and (max-width: 768px) {

  /* line 2222, ../sass/style.scss */

  #food-page #content {

    margin-top: 50px;

  }

}

/* line 2247, ../sass/style.scss */

#food-page #content .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 2258, ../sass/style.scss */

#food-page #content #order {

  position: relative;

  width: 100%;

}

/* line 2263, ../sass/style.scss */

#food-page #content #order .food-class {

  float: left;

  width: 32%;

  height: 220px;

  /*margin-left: 0.5%;*/

  margin-left: 0.5%;

  margin-right: 0.5%;

  margin-bottom: 100px;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

}

@media screen and (max-width: 1000px) {

  /* line 2263, ../sass/style.scss */

  #food-page #content #order .food-class {

    width: 49%;

    margin-left: 0.5%;

    margin-right: 0.5%;

    margin-bottom: 20px;

    background-size: cover;

    background-position: center center;

  }

}

@media screen and (max-width: 768px) {

  /* line 2263, ../sass/style.scss */

  #food-page #content #order .food-class {

    width: 98%;

    margin-left: 1%;

    margin-right: 1%;

  }

}

@media screen and (max-width: 540px) {

  /* line 2263, ../sass/style.scss */

  #food-page #content #order .food-class {

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

  }

}

/* line 2295, ../sass/style.scss */

#food-page #content #order .food-class #class1 {

  background-image: url(../images/food-box-01.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  height: 220px;

}

@media screen and (max-width: 1000px) {

  /* line 2295, ../sass/style.scss */

  #food-page #content #order .food-class #class1 {

    background-image: url(../images/food-box-1.jpg);

  }

}

/* line 2309, ../sass/style.scss */

#food-page #content #order .food-class #class2 {

  background-image: url(../images/food-box-02.jpg);

  background-size: cover;

  width: 100%;

  height: 220px;

}

@media screen and (max-width: 1000px) {

  /* line 2309, ../sass/style.scss */

  #food-page #content #order .food-class #class2 {

    background-image: url(../images/food-box-2.jpg);

  }

}

/* line 2321, ../sass/style.scss */

#food-page #content #order .food-class #class3 {

  background-image: url(../images/food-box-03.jpg);

  background-size: cover;

  width: 100%;

  height: 220px;

}

@media screen and (max-width: 1000px) {

  /* line 2321, ../sass/style.scss */

  #food-page #content #order .food-class #class3 {

    background-image: url(../images/food-box-3.jpg);

  }

}

/* line 2334, ../sass/style.scss */

#food-page #content #order .food-class .food-title {

  float: left;

  width: 14.2857142857%;

  /*height: 100%;*/

}

/* line 2339, ../sass/style.scss */

#food-page #content #order .food-class .food-title img {

  display: block;

  width: 100%;

  /*height: 100%;*/

}

@media screen and (max-width: 1000px) {

  /* line 2339, ../sass/style.scss */

  #food-page #content #order .food-class .food-title img {

    width: 100%;

    /*margin-bottom: 20px;*/

  }

}

@media screen and (max-width: 540px) {

  /* line 2339, ../sass/style.scss */

  #food-page #content #order .food-class .food-title img {

    /*height: 50%;*/

  }

}

/* line 2357, ../sass/style.scss */

#food-page #content #order > a:last-child .food-class {

  margin-right: 0%;

}

/* line 2361, ../sass/style.scss */

#food-page #content #order .food-class:hover {

  box-shadow: 3px 3px 5px #000;

  transform: scale(0.9);

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

}



/* line 2370, ../sass/style.scss */

#contact-bg2 {

  position: absolute;

  z-index: -1;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 140%;

  background-image: url(../images/index-bg1.jpg);

  background-size: cover;

  background-position: center center;

}



/* line 2383, ../sass/style.scss */

#contact-page {

  width: 100%;

  position: relative;

}

@media screen and (max-width: 768px) {

  /* line 2383, ../sass/style.scss */

  #contact-page {

    margin-top: 25px;

    padding-bottom: 50px;

  }

}

/* line 2393, ../sass/style.scss */

#contact-page #contact {

  width: 124px;

  height: 34px;

  background-image: url(../images/contact-small.png);

  background-repeat: no-repeat;

  background-size: cover;

  position: absolute;

  z-index: 1;

  top: -35px;

  left: 0;

}

/* line 2405, ../sass/style.scss */

#contact-page .line-break {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 70%;

  padding: 5px 0;

  padding-left: 20px;

  margin-right: 20px;

  background: linear-gradient(to right, #fff 50%, transparent 100%);

}

/* line 2416, ../sass/style.scss */

#contact-page #content {

  position: relative;

  padding-bottom: 100px;

  margin-top: 25px;

}

/* line 2422, ../sass/style.scss */

#contact-page #content #map {

  /*@include border-radius(5px);*/

  position: relative;

  width: 100%;

  height: 340px;

  margin-top: 80px;

}

/* line 2429, ../sass/style.scss */

#contact-page #content #map #google-map {

  position: relative;

  z-index: 1;

  width: 100%;

  height: 100%;

}

/* line 2436, ../sass/style.scss */

#contact-page #content #map #google-frame {

  position: absolute;

  z-index: 2;

  bottom: 0;

  left: 0;

  width: 100%;

}

/* line 2444, ../sass/style.scss */

#contact-page #content #map #google-button {

  position: absolute;

  z-index: 3;

  bottom: -20px;

  left: 50%;

  margin-left: -45px;

  cursor: pointer;

}

@media screen and (max-width: 768px) {

  /* line 2444, ../sass/style.scss */

  #contact-page #content #map #google-button {

    bottom: -40px;

  }

}

@media screen and (max-width: 540px) {

  /* line 2444, ../sass/style.scss */

  #contact-page #content #map #google-button {

    bottom: -50px;

  }

}

/* line 2463, ../sass/style.scss */

#contact-page #content #title {

  margin-top: 90px;

  margin-left: 100px;

}

@media screen and (max-width: 1000px) {

  /* line 2463, ../sass/style.scss */

  #contact-page #content #title {

    margin-left: 0px;

    margin-top: 50px;

  }

}

@media screen and (max-width: 1000px) {

  /* line 2474, ../sass/style.scss */

  #contact-page #content .lineLeft {

    display: none;

  }

}

@media screen and (max-width: 1000px) {

  /* line 2481, ../sass/style.scss */

  #contact-page #content #ca-img {

    position: relative;

    left: 50%;

    margin-left: -59.5px;

  }

}

@media screen and (max-width: 1000px) {

  /* line 2490, ../sass/style.scss */

  #contact-page #content .lineRight {

    display: none;

  }

}

/* line 2497, ../sass/style.scss */

#contact-page #content #consult {

  margin-top: 40px;

  margin-left: 100px;

  margin-right: 100px;

  font-size: 12px;

}

@media screen and (max-width: 1000px) {

  /* line 2497, ../sass/style.scss */

  #contact-page #content #consult {

    margin-left: 0px;

    margin-right: 0px;

  }

}

/* line 2508, ../sass/style.scss */

#contact-page #content #consult input, #contact-page #content #consult textarea {

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  margin-top: 5px;

  margin-bottom: 5px;

  margin-left: 0.5%;

  margin-right: 0.5%;

  padding-top: 7px;

  padding-bottom: 7px;

  padding-left: 12px;

  font-size: 12px;

  border: 2px solid #e1e1e1;

}

/* line 2521, ../sass/style.scss */

#contact-page #content #consult .long-text {

  float: left;

  width: 99%;

}

/* line 2526, ../sass/style.scss */

#contact-page #content #consult .short-text {

  float: left;

  width: 49%;

}

@media screen and (max-width: 540px) {

  /* line 2526, ../sass/style.scss */

  #contact-page #content #consult .short-text {

    width: 99%;

  }

}

/* line 2536, ../sass/style.scss */

#contact-page #content #consult #security-code {

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  float: left;

  width: 49%;

  height: 30px;

  margin-top: 5px;

  margin-bottom: 5px;

  margin-left: 0.5%;

  margin-right: 0.5%;

  text-align: center;

  border: 2px solid #e1e1e1;

  background-color: #979797;

}

@media screen and (max-width: 540px) {

  /* line 2536, ../sass/style.scss */

  #contact-page #content #consult #security-code {

    width: 99%;

  }

}

/* line 2555, ../sass/style.scss */

#contact-page #content #consult #statement {

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  float: left;

  width: 99%;

  margin-top: 5px;

  margin-bottom: 5px;

  margin-left: 0.5%;

  margin-right: 0.5%;

  background-color: #cbcbcb;

}

/* line 2566, ../sass/style.scss */

#contact-page #content #consult #statement input {

  float: left;

  margin-top: 25px;

  margin-bottom: 25px;

  margin-left: 15px;

  margin-right: 17px;

}

/* line 2574, ../sass/style.scss */

#contact-page #content #consult #statement #statement-text {

  /*float:left;*/

  padding-top: 22px;

  padding-bottom: 22px;

  color: #FFF;

  line-height: 100%;

}

/* line 2581, ../sass/style.scss */

#contact-page #content #consult #statement #statement-text span {

  color: #ee90b3;

}

@media screen and (max-width: 768px) {

  /* line 2574, ../sass/style.scss */

  #contact-page #content #consult #statement #statement-text {

    padding-right: 10px;

  }

}

/* line 2592, ../sass/style.scss */

#contact-page #content #consult #submit {

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  float: left;

  width: 99%;

  margin-top: 5px;

  margin-bottom: 5px;

  margin-left: 0.5%;

  margin-right: 0.5%;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  cursor: pointer;

  background-color: #dac1d7;

}

/* line 2611, ../sass/style.scss */

#contact-page #work-table {

  margin-top: 30px;

  margin-left: 100px;

  margin-right: 100px;

  background-color: #fffcd1;

}

/* line 2617, ../sass/style.scss */

#contact-page #work-table .line {

  border-bottom: 1px solid #000;

}

/* line 2620, ../sass/style.scss */

#contact-page #work-table .line #date-title {

  float: left;

  width: 25%;

  text-align: center;

  padding-top: 20px;

  padding-bottom: 10px;

}

/* line 2628, ../sass/style.scss */

#contact-page #work-table .line #work-title {

  float: left;

  width: 75%;

  padding-top: 20px;

  padding-bottom: 10px;

}

/* line 2635, ../sass/style.scss */

#contact-page #work-table .line .date {

  float: left;

  width: 25%;

  text-align: center;

  padding-top: 40px;

  padding-bottom: 45px;

}

/* line 2643, ../sass/style.scss */

#contact-page #work-table .line .cont {

  float: left;

  width: 58.75%;

  padding-bottom: 20px;

}

/* line 2648, ../sass/style.scss */

#contact-page #work-table .line .cont h2 {

  margin-top: 15px;

  margin-bottom: 15px;

  color: #c8b274;

}

/* line 2656, ../sass/style.scss */

#contact-page #work-table .line .check {

  float: left;

  width: 16.25%;

  text-align: center;

}

/* line 2661, ../sass/style.scss */

#contact-page #work-table .line .check .check-button {

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  display: inline-block;

  margin-top: 40px;

  padding-top: 5px;

  padding-bottom: 5px;

  padding-left: 10px;

  padding-right: 10px;

  color: #FFF;

  cursor: pointer;

  border: 1px solid #caa14d;

  background-color: #cfa959;

}



/* line 2681, ../sass/style.scss */

#footer {

  position: fixed;

  z-index: 100;

  bottom: 10px;

  left: 0;

  width: 100%;

  padding: 5px 0;

  padding-left: 0;

  padding-right: 0;

  color: #eaeaea;

  background: rgba(0, 0, 0, 0.7);

}

/* line 2698, ../sass/style.scss */

#footer #left {

  position: relative;

  float: left;

  font-size: 12px;

  line-height: 160%;

}

/* line 2705, ../sass/style.scss */

#footer #left span {

  float: left;

}

/* line 2710, ../sass/style.scss */

#footer #left .address {

  float: left;

}

@media screen and (max-width: 768px) {

  /* line 2710, ../sass/style.scss */

  #footer #left .address {

    padding-right: 5px;

  }

}

@media screen and (max-width: 1000px) {

  /* line 2698, ../sass/style.scss */

  #footer #left {

    float: none;

    margin: 0 auto;

    padding-left: 5px;

  }

}

@media screen and (max-width: 768px) {

  /* line 2698, ../sass/style.scss */

  #footer #left {

    float: none;

    text-align: left;

  }

}

/* line 2733, ../sass/style.scss */

#footer .YIFENG {

  position: relative;

  float: right;

}

@media screen and (max-width: 1000px) {

  /* line 2733, ../sass/style.scss */

  #footer .YIFENG {

    float: none;

    margin: 0 auto;

    padding-left: 5px;

  }

}

@media screen and (max-width: 768px) {

  /* line 2733, ../sass/style.scss */

  #footer .YIFENG {

    float: none;

    text-align: left;

  }

}

/* line 2750, ../sass/style.scss */

#footer #right {

  top: -68px;

  right: 0;

  position: absolute;

  float: right;

}

/* line 2756, ../sass/style.scss */

#footer #right img {

  width: 24px;

  height: 24px;

  background-size: cover;

  background-position: 64px 64px;

  float: left;

  display: block;

  margin-left: 10px;

}

@media screen and (max-width: 1000px) {

  /* line 2750, ../sass/style.scss */

  #footer #right {

    top: -85px;

    padding-right: 15px;

  }

}

@media screen and (max-width: 768px) {

  /* line 2750, ../sass/style.scss */

  #footer #right {

    top: -88px;

    padding-right: 0px;

  }

}

@media screen and (max-width: 540px) {

  /* line 2750, ../sass/style.scss */

  #footer #right {

    top: -117px;

    padding-right: 0px;

  }

}

/* line 2783, ../sass/style.scss */

#footer #right #fb {

  width: 24px;

  height: 24px;

  background-image: url(../images/icon-fb1.png);

  background-position: 0px 72px;

  background-size: cover;

  float: left;

  display: block;

  margin-left: 10px;

}

@media screen and (max-width: 540px) {

  /* line 2783, ../sass/style.scss */

  #footer #right #fb {

    width: 36px;

    height: 36px;

    background-position: 0px 36px;

  }

}

/* line 2801, ../sass/style.scss */

#footer #right #fb:hover {

  background-position: 0px 0px;

}

/* line 2805, ../sass/style.scss */

#footer #right #map {

  width: 24px;

  height: 24px;

  background-image: url(../images/icon-map1.png);

  background-position: 0px 72px;

  background-size: cover;

  float: left;

  display: block;

  margin-left: 10px;

}

@media screen and (max-width: 540px) {

  /* line 2805, ../sass/style.scss */

  #footer #right #map {

    width: 36px;

    height: 36px;

    background-position: 0px 36px;

  }

}

/* line 2823, ../sass/style.scss */

#footer #right #map:hover {

  background-position: 0px 0px;

}

/* line 2827, ../sass/style.scss */

#footer #right #mail {

  width: 24px;

  height: 24px;

  background-image: url(../images/icon-mail1.png);

  background-position: 0px 72px;

  background-size: cover;

  float: left;

  display: block;

  margin-left: 10px;

}

@media screen and (max-width: 540px) {

  /* line 2827, ../sass/style.scss */

  #footer #right #mail {

    width: 36px;

    height: 36px;

    background-position: 0px 36px;

  }

}

/* line 2845, ../sass/style.scss */

#footer #right #mail:hover {

  background-position: 0px 0px;

}

/* line 2849, ../sass/style.scss */

#footer #right #call {

  width: 24px;

  height: 24px;

  background-image: url(../images/icon-call1.png);

  background-position: 0px 72px;

  background-size: cover;

  float: left;

  display: block;

  margin-left: 10px;

}

@media screen and (max-width: 540px) {

  /* line 2849, ../sass/style.scss */

  #footer #right #call {

    width: 36px;

    height: 36px;

    background-position: 0px 36px;

  }

}

/* line 2867, ../sass/style.scss */

#footer #right #call:hover {

  background-position: 0px 0px;

}



/* line 2873, ../sass/style.scss */

.music {

  width: 24px;

  height: 24px;

  background-image: url(../images/icon-music.png);

  background-position: 0px 72px;

  background-size: cover;

  float: left;

  display: block;

  margin-left: 10px;

  position: absolute;

  bottom: 52px;

  right: 50%;

  margin-right: -366px;

  z-index: 150;

  cursor: pointer;

}

@media screen and (max-width: 1000px) {

  /* line 2873, ../sass/style.scss */

  .music {

    right: 5%;

    bottom: 21px;

    margin-right: 114px;

  }

}

@media screen and (max-width: 768px) {

  /* line 2873, ../sass/style.scss */

  .music {

    bottom: 59px;

    margin-right: 110px;

  }

}

@media screen and (max-width: 540px) {

  /* line 2873, ../sass/style.scss */

  .music {

    display: none;

  }

}



/* line 2907, ../sass/style.scss */

.music:hover {

  background-position: 0px 0px;

}