@charset "UTF-8";
/*---------------animation mixin--------------------------------------------------*/
/*---Example-----------------------

@include keyframes(fade) {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.box {
  width: 200px;
  height: 200px;
  background-color: blue;

  @include animation(fade 5s infinite);

}

-----------------------*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Tulpen+One);
@import url(http://fonts.googleapis.com/css?family=Italianno);
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

  Mixins available:
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transition              - arguments: What: all, Length: 1s, Easing: ease-in-out
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0

------------------------------------------------------------- */
/* BACKGROUND GRADIENT */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSITION */
/* TRIPLE BORDERS */
/* line 8, ../scss/style.scss */
.gif, body {
  color: #333;
  background: #333;
}

@font-face {
  font-family: 'Pertili';
  src: url("../font/Pertili.eot");
  src: url("../font/Pertili.eot?#iefix") format("embedded-opentype"), url("../font/Pertili.woff") format("woff"), url("../font/Pertili.ttf") format("truetype");
}
/* line 25, ../scss/style.scss */
body {
  font-family: "Source Sans Pro", "微軟正黑體" !important;
  font-size: 12px !important;
  line-height: 21px !important;
  background: #FFF;
  -ms-overflow-x: hidden;
  overflow-x: hidden;
}
/* line 33, ../scss/style.scss */
body.container {
  width: 100% !important;
}

/* line 39, ../scss/style.scss */
.header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 45px;
  top: 0;
  left: 0;
  z-index: 10;
  position: absolute;
}
/* line 54, ../scss/style.scss */
.header.fixed_top {
  padding: 23px 45px;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: -72px;
  left: 0;
  height: 72px;
  -moz-transform: translateY(72px);
  -ms-transform: translateY(72px);
  -webkit-transform: translateY(72px);
  transform: translateY(72px);
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
@media all and (max-width: 750px) {
  /* line 54, ../scss/style.scss */
  .header.fixed_top {
    height: 70px;
  }
}
/* line 70, ../scss/style.scss */
.header.fixed_top .logo {
  top: 10px;
}

/* line 78, ../scss/style.scss */
.logo {
  position: absolute;
  top: 28px;
  left: 45px;
  display: block;
  width: 160px;
  height: 49px;
}
/* line 85, ../scss/style.scss */
.logo img {
  width: 100%;
}
@media all and (max-width: 750px) {
  /* line 78, ../scss/style.scss */
  .logo {
    top: 20px;
    left: 20px;
  }
}

/* line 94, ../scss/style.scss */
ul.mobile {
  display: none;
  right: -9999px;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.8);
  height: 0;
  overflow: hidden;
  -moz-transition-property: height;
  -o-transition-property: height;
  -webkit-transition-property: height;
  transition-property: height;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
@media all and (max-width: 750px) {
  /* line 94, ../scss/style.scss */
  ul.mobile {
    display: block;
    position: fixed;
    right: 0;
    z-index: 5;
    width: 100%;
    top: 0;
  }
  /* line 116, ../scss/style.scss */
  ul.mobile.on {
    height: 100%;
    top: 0;
  }
}
@media all and (max-width: 750px) and (max-height: 590px) {
  /* line 116, ../scss/style.scss */
  ul.mobile.on {
    height: 590px;
  }
}

/* line 133, ../scss/style.scss */
ul.mobile li {
  list-style: none;
}
@media all and (max-width: 750px) {
  /* line 133, ../scss/style.scss */
  ul.mobile li {
    display: block;
    margin: 0;
    width: 20%;
    padding: 0 0 0 0;
    float: none;
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
    margin: 0 auto;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }
  /* line 146, ../scss/style.scss */
  ul.mobile li:nth-child(1) {
    margin-top: 70px;
  }
  /* line 150, ../scss/style.scss */
  ul.mobile li:hover {
    background-color: #45404d;
    border-bottom: rgba(255, 255, 255, 0.7) 1px solid;
    width: 100%;
  }
}
/* line 159, ../scss/style.scss */
ul.mobile li a {
  text-align: right;
  color: #ccc;
  font-size: 15px;
  width: 100%;
  height: 20px;
  display: inline-block;
  position: relative;
}
@media all and (max-width: 750px) {
  /* line 159, ../scss/style.scss */
  ul.mobile li a {
    text-align: center;
    height: 40px;
    line-height: 50px;
  }
}
/* line 174, ../scss/style.scss */
ul.mobile li a span,
ul.mobile li a font {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
}
/* line 185, ../scss/style.scss */
ul.mobile li a span {
  z-index: 0;
}
/* line 188, ../scss/style.scss */
ul.mobile li a font {
  text-align: center;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}
/* line 198, ../scss/style.scss */
ul.mobile li a:hover {
  color: #fff;
}
/* line 200, ../scss/style.scss */
ul.mobile li a:hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}
/* line 208, ../scss/style.scss */
ul.mobile li a:hover font {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* line 218, ../scss/style.scss */
ul.mobile li:nth-child(1) {
  width: 20px;
}
@media all and (max-width: 750px) {
  /* line 218, ../scss/style.scss */
  ul.mobile li:nth-child(1) {
    width: 90%;
  }
  /* line 222, ../scss/style.scss */
  ul.mobile li:nth-child(1):hover {
    width: 100%;
  }
}
/* line 225, ../scss/style.scss */
ul.mobile li:nth-child(2) {
  width: 40px;
}
@media all and (max-width: 750px) {
  /* line 225, ../scss/style.scss */
  ul.mobile li:nth-child(2) {
    width: 90%;
  }
  /* line 229, ../scss/style.scss */
  ul.mobile li:nth-child(2):hover {
    width: 100%;
  }
}
/* line 232, ../scss/style.scss */
ul.mobile li:nth-child(3) {
  width: 55px;
}
@media all and (max-width: 750px) {
  /* line 232, ../scss/style.scss */
  ul.mobile li:nth-child(3) {
    width: 90%;
  }
  /* line 236, ../scss/style.scss */
  ul.mobile li:nth-child(3):hover {
    width: 100%;
  }
}
/* line 239, ../scss/style.scss */
ul.mobile li:nth-child(4) {
  width: 35px;
}
@media all and (max-width: 750px) {
  /* line 239, ../scss/style.scss */
  ul.mobile li:nth-child(4) {
    width: 90%;
  }
  /* line 243, ../scss/style.scss */
  ul.mobile li:nth-child(4):hover {
    width: 100%;
  }
}
/* line 246, ../scss/style.scss */
ul.mobile li:nth-child(5) {
  width: 78px;
}
@media all and (max-width: 750px) {
  /* line 246, ../scss/style.scss */
  ul.mobile li:nth-child(5) {
    width: 90%;
  }
  /* line 250, ../scss/style.scss */
  ul.mobile li:nth-child(5):hover {
    width: 100%;
  }
}

/* line 262, ../scss/style.scss */
.menu .ctrl_btn {
  cursor: pointer;
  margin-left: 20px;
  top: 4px;
  float: right;
  list-style: none;
  position: relative;
  width: 20px;
  height: 12px;
}
@media all and (max-width: 750px) {
  /* line 262, ../scss/style.scss */
  .menu .ctrl_btn {
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 20px;
  }
}
/* line 280, ../scss/style.scss */
.menu .ctrl_btn li {
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  width: 100%;
  height: 2px;
  background: #999;
  left: 0;
  position: absolute;
}
/* line 288, ../scss/style.scss */
.menu .ctrl_btn li:nth-child(1) {
  top: 0;
}
/* line 292, ../scss/style.scss */
.menu .ctrl_btn li:nth-child(2) {
  top: 5px;
}
@media all and (max-width: 750px) {
  /* line 292, ../scss/style.scss */
  .menu .ctrl_btn li:nth-child(2) {
    top: 9px;
  }
}
/* line 298, ../scss/style.scss */
.menu .ctrl_btn li:nth-child(3) {
  bottom: 0;
}
/* line 304, ../scss/style.scss */
.menu .ctrl_btn:hover li:nth-child(1) {
  top: 2px;
}
/* line 307, ../scss/style.scss */
.menu .ctrl_btn:hover li:nth-child(2) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 310, ../scss/style.scss */
.menu .ctrl_btn:hover li:nth-child(3) {
  bottom: 2px;
}
/* line 316, ../scss/style.scss */
.menu ul.index_menu_li {
  float: right;
  list-style: none;
}
@media all and (max-width: 750px) {
  /* line 316, ../scss/style.scss */
  .menu ul.index_menu_li {
    display: none;
    position: absolute;
    right: -9999px;
  }
}
/* line 333, ../scss/style.scss */
.menu ul.index_menu_li li {
  margin-left: 20px;
  display: inline-block;
}
/* line 337, ../scss/style.scss */
.menu ul.index_menu_li li a {
  text-align: right;
  color: #999;
  font-size: 15px;
  width: 100%;
  height: 20px;
  display: inline-block;
  position: relative;
}
@media all and (max-width: 750px) {
  /* line 337, ../scss/style.scss */
  .menu ul.index_menu_li li a {
    text-align: center;
    height: 60px;
    line-height: 70px;
  }
}
/* line 352, ../scss/style.scss */
.menu ul.index_menu_li li a span,
.menu ul.index_menu_li li a font {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
}
/* line 363, ../scss/style.scss */
.menu ul.index_menu_li li a span {
  z-index: 0;
}
/* line 366, ../scss/style.scss */
.menu ul.index_menu_li li a font {
  text-align: center;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: scale(0.85, 0.85);
  -moz-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}
/* line 376, ../scss/style.scss */
.menu ul.index_menu_li li a:hover {
  color: #9ec362;
}
/* line 378, ../scss/style.scss */
.menu ul.index_menu_li li a:hover span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transform: scale(1.15, 1.15);
  -moz-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  -o-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}
/* line 386, ../scss/style.scss */
.menu ul.index_menu_li li a:hover font {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
/* line 396, ../scss/style.scss */
.menu ul.index_menu_li li:nth-child(1) {
  width: 65px;
}
@media all and (max-width: 750px) {
  /* line 396, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(1) {
    width: 90%;
  }
  /* line 400, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(1):hover {
    width: 100%;
  }
}
/* line 403, ../scss/style.scss */
.menu ul.index_menu_li li:nth-child(2) {
  width: 60px;
}
@media all and (max-width: 750px) {
  /* line 403, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(2) {
    width: 90%;
  }
  /* line 407, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(2):hover {
    width: 100%;
  }
}
/* line 410, ../scss/style.scss */
.menu ul.index_menu_li li:nth-child(3) {
  width: 55px;
}
@media all and (max-width: 750px) {
  /* line 410, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(3) {
    width: 90%;
  }
  /* line 414, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(3):hover {
    width: 100%;
  }
}
/* line 417, ../scss/style.scss */
.menu ul.index_menu_li li:nth-child(4) {
  width: 35px;
}
@media all and (max-width: 750px) {
  /* line 417, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(4) {
    width: 90%;
  }
  /* line 421, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(4):hover {
    width: 100%;
  }
}
/* line 424, ../scss/style.scss */
.menu ul.index_menu_li li:nth-child(5) {
  width: 78px;
}
@media all and (max-width: 750px) {
  /* line 424, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(5) {
    width: 90%;
  }
  /* line 428, ../scss/style.scss */
  .menu ul.index_menu_li li:nth-child(5):hover {
    width: 100%;
  }
}

/* line 435, ../scss/style.scss */
.index_news {
  font-size: 12px;
  position: absolute;
  bottom: 45px;
  left: 45px;
  width: 420px;
  height: 80px;
  z-index: 1;
}
@media all and (max-width: 750px) {
  /* line 435, ../scss/style.scss */
  .index_news {
    display: none;
  }
  /* line 446, ../scss/style.scss */
  .index_news.mobile {
    position: relative;
    left: 0;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 70px;
    height: auto;
    float: none;
  }
}
/* line 461, ../scss/style.scss */
.index_news .index_news_slider {
  height: 100%;
  position: relative;
}
/* line 464, ../scss/style.scss */
.index_news .index_news_slider .slick-list {
  height: 100%;
}
/* line 467, ../scss/style.scss */
.index_news .index_news_slider .slider_box {
  height: 100%;
}
/* line 470, ../scss/style.scss */
.index_news .index_news_slider .slick-track {
  height: 100%;
}
/* line 473, ../scss/style.scss */
.index_news .index_news_slider .slick-slide {
  float: left;
}
/* line 475, ../scss/style.scss */
.index_news .index_news_slider .slick-slide .link_a {
  color: #ccc;
  display: block;
  padding: 0;
  margin: 0;
}
/* line 482, ../scss/style.scss */
.index_news .index_news_slider .slick-slide .link_a .img {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  padding: 0;
}
@media all and (max-width: 750px) {
  /* line 482, ../scss/style.scss */
  .index_news .index_news_slider .slick-slide .link_a .img {
    float: none;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
/* line 499, ../scss/style.scss */
.index_news .index_news_slider .slick-slide .link_a .txt {
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 20px;
  padding-left: 20px;
  color: #ccc;
  width: 340px;
  height: auto;
  float: left;
  -moz-transition-property: position;
  -o-transition-property: position;
  -webkit-transition-property: position;
  transition-property: position;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  display: inline-block !important;
}
@media all and (max-width: 750px) {
  /* line 499, ../scss/style.scss */
  .index_news .index_news_slider .slick-slide .link_a .txt {
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-top: 0;
  }
}
/* line 527, ../scss/style.scss */
.index_news .index_news_slider .slick-slide .link_a .txt span {
  font-size: 14px;
}
/* line 530, ../scss/style.scss */
.index_news .index_news_slider .slick-slide .link_a .txt h2 {
  margin-top: 5px;
  font-size: 100%;
}
/* line 537, ../scss/style.scss */
.index_news .index_news_slider .slick-next,
.index_news .index_news_slider .slick-prev {
  display: none !important;
}
/* line 541, ../scss/style.scss */
.index_news .index_news_slider .slick-dots {
  z-index: 1;
  position: absolute;
  list-style: none;
  width: 80px;
  top: 10px;
  left: 100px;
}
@media all and (max-width: 750px) {
  /* line 541, ../scss/style.scss */
  .index_news .index_news_slider .slick-dots {
    left: 20px;
  }
}
/* line 552, ../scss/style.scss */
.index_news .index_news_slider .slick-dots li {
  margin-right: 20px;
  display: inline-block;
}
/* line 555, ../scss/style.scss */
.index_news .index_news_slider .slick-dots li button {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: rgba(255, 255, 255, 0.1);
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  text-indent: -8999px;
}
/* line 569, ../scss/style.scss */
.index_news .index_news_slider .slick-dots li.slick-active button {
  background: #9ec362;
}

/* line 578, ../scss/style.scss */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 594, ../scss/style.scss */
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* line 602, ../scss/style.scss */
.slick-list:focus {
  outline: none;
}

/* line 606, ../scss/style.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 611, ../scss/style.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 620, ../scss/style.scss */
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

/* line 627, ../scss/style.scss */
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

/* line 633, ../scss/style.scss */
.slick-track:after {
  clear: both;
}

/* line 637, ../scss/style.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 641, ../scss/style.scss */
.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
}

/* line 648, ../scss/style.scss */
[dir='rtl'] .slick-slide {
  float: right;
}

/* line 652, ../scss/style.scss */
.slick-slide img {
  display: block;
}

/* line 656, ../scss/style.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 660, ../scss/style.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 664, ../scss/style.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 668, ../scss/style.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 672, ../scss/style.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 686, ../scss/style.scss */
#slidecounter {
  width: 43px;
  height: 60px;
  font-family: "Tulpen One", "微軟正黑體";
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin: 0;
  margin-top: -30px;
  left: 45px;
  z-index: 1;
}
@media all and (max-width: 750px) {
  /* line 686, ../scss/style.scss */
  #slidecounter {
    display: none;
  }
}
/* line 702, ../scss/style.scss */
#slidecounter .slidenumber {
  position: absolute;
  top: 0;
  left: 7px;
  color: #9ec362;
}
/* line 708, ../scss/style.scss */
#slidecounter .totalslides {
  position: absolute;
  bottom: 0;
  right: 4px;
  color: #999;
}
/* line 714, ../scss/style.scss */
#slidecounter:before {
  content: "";
  display: block;
  width: 1px;
  height: 80px;
  background: #999;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 50%;
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

/* line 729, ../scss/style.scss */
.share_box {
  height: 100%;
  padding-top: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid rgba(255,255,255,0.3);
  float: left;
  margin-right: 25px;
  list-style: none;
}
@media all and (max-width: 970px) {
  /* line 729, ../scss/style.scss */
  .share_box {
    width: 150px;
  }
}
@media all and (max-width: 970px) {
  /* line 742, ../scss/style.scss */
  .share_box.work_inside {
    width: 200px;
  }
}
@media all and (max-width: 750px) {
  /* line 742, ../scss/style.scss */
  .share_box.work_inside {
    inline-block: none;
    width: auto;
  }
}
@media all and (max-width: 750px) {
  /* line 729, ../scss/style.scss */
  .share_box {
    height: auto;
    float: none;
    border-right: none;
    margin: 0 auto 0 auto;
    display: inline-block;
    list-style: none;
    padding-top: 0;
  }
}
@media all and (max-width: 970px) {
  /* line 729, ../scss/style.scss */
  .share_box {
    margin-right: 0;
  }
}
/* line 768, ../scss/style.scss */
.share_box li {
  display: inline-block;
  margin-right: 5px;
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
@media all and (max-width: 750px) {
  /* line 768, ../scss/style.scss */
  .share_box li {
    display: inline-block;
    margin: 0;
    padding: 5px 5px;
    list-style: none;
  }
}
@media all and (max-width: 750px) {
  /* line 778, ../scss/style.scss */
  .share_box li a > img {
    width: 25px;
    height: 25px;
  }
}
@media all and (max-width: 750px) {
  /* line 768, ../scss/style.scss */
  .share_box li {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
}
/* line 798, ../scss/style.scss */
.share_box li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 801, ../scss/style.scss */
.share_box li:last-child {
  margin-right: 25px;
}
@media all and (max-width: 750px) {
  /* line 801, ../scss/style.scss */
  .share_box li:last-child {
    margin-right: 0;
  }
}

/* line 811, ../scss/style.scss */
.index_contact {
  position: absolute;
  width: 274px;
  height: 50px;
  bottom: 45px;
  right: 45px;
  z-index: 100;
}
@media all and (max-width: 750px) {
  /* line 811, ../scss/style.scss */
  .index_contact {
    display: none;
  }
  /* line 821, ../scss/style.scss */
  .index_contact.mobile {
    position: absolute;
    display: block;
    height: 100px;
    width: 100%;
    right: 0;
    bottom: 10px;
  }
  /* line 828, ../scss/style.scss */
  .index_contact.mobile ul.share_box {
    height: auto;
    border-right: none;
    margin: 0 auto 0 auto;
    display: block;
    list-style: none;
    padding-top: 6px !important;
    text-align: center;
  }
  /* line 839, ../scss/style.scss */
  .index_contact.mobile ul.share_box li.mobile_li_share {
    display: inline-block;
    margin: 10px 10px;
    font-size: 13px;
    width: auto;
    border-bottom: none;
  }
  /* line 846, ../scss/style.scss */
  .index_contact.mobile ul.share_box li.mobile_li_share:hover {
    background-color: rgba(69, 64, 77, 0);
  }
  /* line 852, ../scss/style.scss */
  .index_contact.mobile div.tel {
    text-align: center;
    width: 100%;
    float: none;
  }
  /* line 857, ../scss/style.scss */
  .index_contact.mobile div.tel span {
    display: inline-block;
    margin: 0 5px;
    width: auto;
  }
  /* line 866, ../scss/style.scss */
  .index_contact.mobile div.tel h2 {
    display: inline-block;
    margin: 0 5px;
  }
}
/* line 880, ../scss/style.scss */
.index_contact .tel {
  text-align: right;
  float: left;
}
@media all and (max-width: 970px) {
  /* line 880, ../scss/style.scss */
  .index_contact .tel {
    float: right;
  }
}
/* line 889, ../scss/style.scss */
.index_contact .tel span {
  display: block;
  color: #999;
}
@media all and (max-width: 750px) {
  /* line 889, ../scss/style.scss */
  .index_contact .tel span {
    width: 100px;
    height: auto;
    float: none;
    text-align: center;
  }
}
/* line 902, ../scss/style.scss */
.index_contact .tel span:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 15px;
  background: url("../img/icon_index_tel.png") no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  top: 3px;
  margin-right: 5px;
}
/* line 916, ../scss/style.scss */
.index_contact .tel h2 {
  color: #9ec362;
  font-size: 18px;
  margin-top: 10px;
}
@media all and (max-width: 750px) {
  /* line 916, ../scss/style.scss */
  .index_contact .tel h2 {
    height: auto;
    float: none;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
  }
}
/* line 933, ../scss/style.scss */
.index_contact .tel a {
  color: #C49A7B;
}

/* line 939, ../scss/style.scss */
.info_ad {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 943, ../scss/style.scss */
.info_ad .info_btn {
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
  width: 80px;
  height: 140px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
  color: #CCC;
  text-align: center;
  z-index: 1;
}
@media all and (max-height: 488px) {
  /* line 943, ../scss/style.scss */
  .info_ad .info_btn {
    height: 80px;
	overflow:hidden;
  }
  /* line 951, ../scss/style.scss */
  .info_ad .info_btn:hover {
    height: 50px;
	overflow:hidden;
  }
  /* line 953, ../scss/style.scss */
  .info_ad .info_btn:hover:after {
    height: 50px;
	overflow:hidden;
  }
}
/* line 969, ../scss/style.scss */
.info_ad .info_btn span {
  font-size: 13px;
  line-height: 15px;
  display: block;
}
/* line 974, ../scss/style.scss */
.info_ad .info_btn font {
  font-size: 12px;
  line-height: 15px;
  display: block;
}
/* line 979, ../scss/style.scss */
.info_ad .info_btn:after {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  background: rgba(158, 195, 98, 0.2);
  margin: 0 auto;
  margin-top: 10px;
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
}
/* line 989, ../scss/style.scss */
.info_ad .info_btn:hover {
  height: 125px;
  text-decoration:none;
}
/* line 991, ../scss/style.scss */
.info_ad .info_btn:hover:after {
  height: 80px;
}

/* line 998, ../scss/style.scss */
#supersized {
  position: absolute;
}
/* line 1000, ../scss/style.scss */
#supersized li {
  position: absolute;
}

/* line 1005, ../scss/style.scss */
.name_tit {
  font-family: "Italianno";
  color: #9ec362;
}

/* line 1010, ../scss/style.scss */
.block_btn {
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
  display: inline-block;
  color: #9ec362;
  width: 200px;
  height: 44px;
  line-height: 44px;
  text-align: center;
}
@media all and (max-width: 750px) {
  /* line 1010, ../scss/style.scss */
  .block_btn {
    font-size: 13px;
    width: 180px;
  }
}
/* line 1025, ../scss/style.scss */
.block_btn.dark {
  background: #171717;
}
/* line 1028, ../scss/style.scss */
.block_btn.line {
  border: 1px solid #9ec362;
}
/* line 1031, ../scss/style.scss */
.block_btn:hover {
  background: #9ec362;
  color: #fff;
  text-decoration:none;
}

/* line 1037, ../scss/style.scss */
.txt_main_box {
  position: relative;
}
@media all and (max-width: 750px) {
  /* line 1037, ../scss/style.scss */
  .txt_main_box {
    text-align: center;
  }
}
/* line 1045, ../scss/style.scss */
.txt_main_box.center {
  text-align: center;
}
/* line 1048, ../scss/style.scss */
.txt_main_box h4 {
  text-transform: uppercase;
  font-size: 21px;
  line-height: 25px;
  color: #999;
  font-family: "Pertili";
}
@media all and (max-width: 750px) {
  /* line 1048, ../scss/style.scss */
  .txt_main_box h4 {
    font-size: 13px;
    line-height: 22px;
  }
}
@media all and (max-width: 750px) {
  /* line 1059, ../scss/style.scss */
  .txt_main_box h4.news_slogan_index {
    display: none;
  }
}
/* line 1069, ../scss/style.scss */
.txt_main_box h3 {
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 52px;
  line-height: 55px;
  color: #999;
  font-family: "Pertili";
}
@media all and (max-width: 750px) {
  /* line 1069, ../scss/style.scss */
  .txt_main_box h3 {
    font-size: 40px;
    line-height: 45px;
  }
}
/* line 1082, ../scss/style.scss */
.txt_main_box p {
  margin-top: 30px;
  font-size: 13px;
  color: #999;
}
@media all and (max-width: 750px) {
  /* line 1082, ../scss/style.scss */
  .txt_main_box p {
    font-size: 12px;
    line-height: 20px;
  }
}
@media all and (max-width: 750px) {
  /* line 1092, ../scss/style.scss */
  .txt_main_box p.work {
    font-size: 12px;
    line-height: 20px;
    width: 75%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 1109, ../scss/style.scss */
.txt_main_box h6.name_tit {
  margin-top: 30px;
  font-size: 46px;
}
@media all and (max-width: 750px) {
  /* line 1109, ../scss/style.scss */
  .txt_main_box h6.name_tit {
    margin-top: 20px;
    font-size: 35px;
  }
}
/* line 1120, ../scss/style.scss */
.txt_main_box .block_btn {
  margin-top: 30px;
}
/* line 1122, ../scss/style.scss */
.txt_main_box .block_btn.po_ab {
  position: absolute;
  top: 5px;
  right: 0;
  margin: 0;
}
@media all and (max-width: 1300px) {
  /* line 1122, ../scss/style.scss */
  .txt_main_box .block_btn.po_ab {
    position: relative;
  }
}

/* line 1135, ../scss/style.scss */
.full_box {
  width: 100%;
  height: 100%;
}
@media all and (max-height: 600px) {
  /* line 1135, ../scss/style.scss */
  .full_box {
    height: 600px;
  }
}

/* line 1145, ../scss/style.scss */
.about {
  background: url("../img/about_bg.jpg") center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
}
@media all and (max-width: 750px) {
  /* line 1145, ../scss/style.scss */
 /* .about {
    background-image: none;
    background-color: #cbccce;
  } */
}
@media all and (max-height: 600px) {
  /* line 1145, ../scss/style.scss */
  .about {
    height: 100%;
  }
}
/* line 1165, ../scss/style.scss */
.about .inner_banner {
  position: relative;
  -moz-transform: translate(80%, 50%);
  -ms-transform: translate(80%, 50%);
  -webkit-transform: translate(80%, 50%);
  transform: translate(80%, 50%);
  width: 50%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 970px) {
  /* line 1165, ../scss/style.scss */
  .about .inner_banner {
    -moz-transform: translate(30%, 30%);
    -ms-transform: translate(30%, 30%);
    -webkit-transform: translate(30%, 30%);
    transform: translate(30%, 30%);
    width: 70%;
    margin: 0 auto 0 auto;
  }
}
@media all and (max-width: 750px) {
  /* line 1165, ../scss/style.scss */
  .about .inner_banner {
    -moz-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    -webkit-transform: translate(0, 10%);
    transform: translate(0, 10%);
    width: 70%;
    margin: 0 auto 0 auto;
	padding:40px 20px 20px 20px;
  }
}
/* line 1196, ../scss/style.scss */
.about:after {
  content: "";
  display: block;
  clear: both;
}

/* line 1203, ../scss/style.scss */
#photoWall {
  padding: 0 40px;
  margin-top: 40px;
  box-sizing: border-box;
  list-style: none;
}
/* line 1208, ../scss/style.scss */
#photoWall.index_photo {
  margin-top: 30px;
}
/* line 1212, ../scss/style.scss */
#photoWall.index_photo .outer_a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1215, ../scss/style.scss */
#photoWall.index_photo .outer_a:hover .cover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1221, ../scss/style.scss */
#photoWall:after {
  content: "";
  display: block;
  clear: both;
}
/* line 1226, ../scss/style.scss */
#photoWall li {
  overflow: hidden;
  margin: 8px;
  position: relative;
  float: left;
}
/* line 1231, ../scss/style.scss */
#photoWall li .outer_a {
  background: #000;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 1238, ../scss/style.scss */
#photoWall li .outer_a img {
  display: block;
  width: 100%;
  height: 100%;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
}
/* line 1246, ../scss/style.scss */
#photoWall li .outer_a:hover .cover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1250, ../scss/style.scss */
#photoWall li .outer_a .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 1264, ../scss/style.scss */
#photoWall li .outer_a .cover .tit {
  height: 85%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding-top: 10%;
}
/* line 1271, ../scss/style.scss */
#photoWall li .outer_a .cover .tit h3 {
  display: block;
  color: #C4997A;
  font-size: 21px;
  line-height: 30px;
}
/* line 1277, ../scss/style.scss */
#photoWall li .outer_a .cover .tit h4 {
  width: 42px;
  height: 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #C4997A;
  line-height: 40px;
  text-align: center;
  margin: 15px auto 0;
  font-size: 26px;
  color: #C4997A;
  border-radius: 50%;
}
/* line 1292, ../scss/style.scss */
#photoWall li .outer_a .cover .foot {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  width: 100%;
}
/* line 1298, ../scss/style.scss */
#photoWall li .outer_a .cover .foot span {
  color: #fff;
}
/* line 1301, ../scss/style.scss */
#photoWall li .outer_a .cover .foot font {
  color: #999;
  padding-left: 10px;
}

/* line 1311, ../scss/style.scss */
.work {
  padding-bottom: 50px;
}
/* line 1313, ../scss/style.scss */
.work .txt_main_box {
  margin-top: 100px;
}
@media all and (max-width: 750px) {
  /* line 1313, ../scss/style.scss */
  .work .txt_main_box {
    margin-top: 50px;
  }
}

/* line 1324, ../scss/style.scss */
.upderline, section.workSlider .slick-list .slick-track {
  z-index: 2;
  list-style: none;
  font-weight: normal;
  font-size: 21px;
  margin-top: 50px;
  text-align: center;
}
@media all and (max-width: 750px) {
  /* line 1324, ../scss/style.scss */
  .upderline, section.workSlider .slick-list .slick-track {
    font-size: 14px;
  }
}
@media all and (max-width: 970px) {
  /* line 1324, ../scss/style.scss */
  .upderline, section.workSlider .slick-list .slick-track {
    font-size: 15px;
  }
}
/* line 1340, ../scss/style.scss */
.upderline li, section.workSlider .slick-list .slick-track li {
  margin: 0 15px;
  position: relative;
  display: inline-block;
  float: none;
}
/* line 1345, ../scss/style.scss */
.upderline li a, section.workSlider .slick-list .slick-track li a {
  padding: 0 5px 8px 5px;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  border-radius: 0;
  color: #fff;
}
/* line 1352, ../scss/style.scss */
.upderline li:after, section.workSlider .slick-list .slick-track li:after {
  content: "";
  display: block;
  background: #fff;
  margin-top: 10px;
  height: 2px;
  width: 0px;
  -moz-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  -webkit-transition: all, 0.2s;
  transition: all, 0.2s;
}
/* line 1362, ../scss/style.scss */
.upderline li:before, section.workSlider .slick-list .slick-track li:before {
  content: "";
  display: block;
  height: 13px;
  width: 1px;
  background: #c4c4c4;
  left: -18px;
  top: 4px;
  position: absolute;
}
@media all and (max-width: 750px) {
  /* line 1362, ../scss/style.scss */
  .upderline li:before, section.workSlider .slick-list .slick-track li:before {
    display: none;
    left: 0;
  }
}
/* line 1382, ../scss/style.scss */
.upderline li:first-child:before, section.workSlider .slick-list .slick-track li:first-child:before {
  display: none;
}
/* line 1388, ../scss/style.scss */
.upderline li.active a, section.workSlider .slick-list .slick-track li.active a, .upderline li:hover a, section.workSlider .slick-list .slick-track li:hover a {
  color: #fff;
  background: none;
}
/* line 1392, ../scss/style.scss */
.upderline li.active:after, section.workSlider .slick-list .slick-track li.active:after, .upderline li:hover:after, section.workSlider .slick-list .slick-track li:hover:after {
  width: 0;
}
/* line 1396, ../scss/style.scss */
.upderline li.news_list, section.workSlider .slick-list .slick-track li.news_list {
  margin: 0 15px;
  position: relative;
  display: block;
  float: left;
  list-style: none;
  width: auto;
}
@media all and (max-width: 750px) {
  /* line 1396, ../scss/style.scss */
  .upderline li.news_list, section.workSlider .slick-list .slick-track li.news_list {
    font-size: 16px;
  }
}
/* line 1418, ../scss/style.scss */
.upderline.dark_font li a, section.workSlider .slick-list .dark_font.slick-track li a {
  color: #666;
}
/* line 1421, ../scss/style.scss */
.upderline.dark_font li:after, section.workSlider .slick-list .dark_font.slick-track li:after {
  background: #000;
}
/* line 1426, ../scss/style.scss */
.upderline.dark_font li.active a, section.workSlider .slick-list .dark_font.slick-track li.active a, .upderline.dark_font li:hover a, section.workSlider .slick-list .dark_font.slick-track li:hover a {
  color: #C49979;
}
/* line 1432, ../scss/style.scss */
.upderline.need_fixed, section.workSlider .slick-list .need_fixed.slick-track, .upderline.need_fixed_wedding, section.workSlider .slick-list .need_fixed_wedding.slick-track {
  position: absolute;
  width: 100%;
}
/* line 1437, ../scss/style.scss */
.upderline.need_fixed_wedding, section.workSlider .slick-list .need_fixed_wedding.slick-track {
  top: 0;
}
/* line 1440, ../scss/style.scss */
.upderline.relative, section.workSlider .slick-list .relative.slick-track {
  position: relative;
}
/* line 1443, ../scss/style.scss */
.upderline.s_txt, section.workSlider .slick-list .s_txt.slick-track {
  font-size: 13px;
}
/* line 1445, ../scss/style.scss */
.upderline.s_txt li, section.workSlider .slick-list .s_txt.slick-track li {
  margin: 0 10px;
}
/* line 1447, ../scss/style.scss */
.upderline.s_txt li:before, section.workSlider .slick-list .s_txt.slick-track li:before {
  left: -14px;
}
/* line 1452, ../scss/style.scss */
.upderline.need_fixed_about, section.workSlider .slick-list .need_fixed_about.slick-track {
  margin-top: 5%;
}
/* line 1455, ../scss/style.scss */
.upderline.need_fixed_about li a, section.workSlider .slick-list .need_fixed_about.slick-track li a {
  color: #fff;
}
/* line 1458, ../scss/style.scss */
.upderline.need_fixed_about li:after, section.workSlider .slick-list .need_fixed_about.slick-track li:after {
  background: #fff;
}
/* line 1462, ../scss/style.scss */
.upderline.need_fixed_about.fixed_wedding, section.workSlider .slick-list .need_fixed_about.fixed_wedding.slick-track {
  margin-top: 0;
}
/* line 1466, ../scss/style.scss */
.upderline.fixed, section.workSlider .slick-list .fixed.slick-track {
  position: fixed;
  width: 100%;
  top: 90px;
  left: 0;
  z-index: 1000;
  height: 73px;
  padding-top: 40px;
  display: block;
  box-sizing: border-box;
  background: #fff;
}
/* line 1478, ../scss/style.scss */
.upderline.fixed_wedding, section.workSlider .slick-list .fixed_wedding.slick-track {
  position: fixed;
  width: 100%;
  top: 110px !important;
  left: 0;
  z-index: 1000;
  height: 73px;
  padding-top: 40px;
  display: block;
  box-sizing: border-box;
  background: #000;
}
/* line 1490, ../scss/style.scss */
.upderline.fixed_wedding li a, section.workSlider .slick-list .fixed_wedding.slick-track li a {
  color: #fff;
}
/* line 1495, ../scss/style.scss */
.upderline.fixed_wedding li.active:after, section.workSlider .slick-list .fixed_wedding.slick-track li.active:after, .upderline.fixed_wedding li:hover:after, section.workSlider .slick-list .fixed_wedding.slick-track li:hover:after {
  background: #fff;
}

/* line 1503, ../scss/style.scss */
.service {
  position: relative;
  height: 100%;
}
/* line 1506, ../scss/style.scss */
.service .service_slider {
  box-sizing: border-box;
  height: 100%;
}
/* line 1509, ../scss/style.scss */
.service .service_slider .inner_banner {
  height: 100%;
}
@media all and (max-width: 750px) {
  /* line 1509, ../scss/style.scss */
  .service .service_slider .inner_banner {
    width: 60%;
  }
}
/* line 1515, ../scss/style.scss */
.service .service_slider .inner_banner .txt_main_box {
  box-sizing: border-box;
  height: 100%;
}
/* line 1518, ../scss/style.scss */
.service .service_slider .inner_banner .txt_main_box .service_inner {
  height: 100%;
  width: 40%;
  box-sizing: border-box;
  padding-left: 10%;
  position: relative;
  top: 60%;
}

@media all and (max-width: 970px) {
  /* line 1518, ../scss/style.scss */
  .service .service_slider .inner_banner .txt_main_box .service_inner {
    top: 55%;
  }
}
@media all and (max-width: 750px) {
  /* line 1518, ../scss/style.scss */
  .service .service_slider .inner_banner .txt_main_box .service_inner {
    top: 55%;
    width: 85%;
	text-align:left;
  }
}
/* line 1540, ../scss/style.scss */
.service .service_slider .inner_banner .txt_main_box h5 {
  color: #9ec362;
  font-size: 24px;
}
/* line 1544, ../scss/style.scss */
.service .service_slider .inner_banner .txt_main_box p {
  margin-top: 15px;
}
/* line 1550, ../scss/style.scss */
.service .slick-list,
.service .slick-track {
  height: 100%;
}
/* line 1555, ../scss/style.scss */
.service .txt_main_box.outer {
  z-index: 1;
  position: absolute;
  top: 20%;
  left: 10%;
}
@media all and (max-width: 750px) {
  /* line 1555, ../scss/style.scss */
  .service .txt_main_box.outer {
    top: 10%;
  }
}
@media all and (max-width: 970px) {
  /* line 1555, ../scss/style.scss */
  .service .txt_main_box.outer {
    top: 15%;
	text-align:left;
  }
}
/* line 1574, ../scss/style.scss */
.service .slick-prev,
.service .slick-next {
  display: none !important;
}
/* line 1578, ../scss/style.scss */
.service .slick-dots {
  z-index: 1;
  position: absolute;
  list-style: none;
  width: 50%;
  left: 10%;
  top: 54%;
}
@media all and (max-width: 750px) {
  /* line 1578, ../scss/style.scss */
  .service .slick-dots {
    top: 37%;
  }
}
@media all and (max-width: 970px) {
  /* line 1578, ../scss/style.scss */
  .service .slick-dots {
    top: 50%;
  }
}
/* line 1593, ../scss/style.scss */
.service .slick-dots li {
  margin-right: 25px;
  display: inline-block;
}
@media all and (max-width: 750px) {
  /* line 1593, ../scss/style.scss */
  .service .slick-dots li {
    margin-right: 15px;
  }
}
/* line 1602, ../scss/style.scss */
.service .slick-dots li button {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: rgba(255, 255, 255, 0.3);
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  text-indent: -8999px;
}
/* line 1616, ../scss/style.scss */
.service .slick-dots li.slick-active button {
  background: #9ec362;
}

/* line 1624, ../scss/style.scss */
.ctrl_cover {
  display: block;
  list-style: none;
  width: 92px;
  height: 92px;
  background: #3e8e8a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -46px;
  margin-left: -46px;
}
@media all and (max-width: 750px) {
  /* line 1637, ../scss/style.scss */
  .ctrl_cover.index_ctrl {
    top: 50%;
  }
}
@media all and (max-width: 750px) {
  /* line 1624, ../scss/style.scss */
  .ctrl_cover {
    top: 60%;
  }
}
@media all and (max-height: 820px) {
  /* line 1624, ../scss/style.scss */
  /*.ctrl_cover {
    top: 430px;
  }*/
}
@media all and (max-width: 750px) {
  /* line 1655, ../scss/style.scss */
  .ctrl_cover.inside {
    top: 60%;
  }
}
/* line 1665, ../scss/style.scss */
.ctrl_cover:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -0.5px;
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
}
/* line 1677, ../scss/style.scss */
.ctrl_cover li {
  width: 50%;
  text-align: center;
  height: 100%;
  display: block;
  float: left;
  cursor: pointer;
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 1687, ../scss/style.scss */
.ctrl_cover li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1690, ../scss/style.scss */
.ctrl_cover li a {
  display: inline-block;
  width: 11px;
  height: 20px;
  position: relative;
  top: 36px;
}
/* line 1698, ../scss/style.scss */
.ctrl_cover li:first-child a {
  background: url("../img/btn_arrow_prev.svg");
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 1706, ../scss/style.scss */
.ctrl_cover li:last-child a {
  background: url("../img/btn_arrow_next.svg");
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 1716, ../scss/style.scss */
.news {
  height: 600px;
  position: relative;
  background: #F6F6F6;
}
@media all and (max-width: 750px) {
  /* line 1716, ../scss/style.scss */
  .news {
    height: 101%;
  }
}
@media all and (max-height: 600px) {
  /* line 1716, ../scss/style.scss */
  .news {
    height: 600px;
  }
}
/* line 1730, ../scss/style.scss */
.news .news_slider {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
}
@media all and (max-width: 750px) {
  /* line 1730, ../scss/style.scss */
  .news .news_slider {
    width: 100%;
    float: none;
    height: 50%;
  }
}
/* line 1742, ../scss/style.scss */
.news .news_slider .slick-list,
.news .news_slider .slick-track {
  height: 100%;
}
/* line 1746, ../scss/style.scss */
.news .news_slider .slick-prev,
.news .news_slider .slick-next {
  display: block;
  top: 50%;
  right: 0;
  margin-top: -10px;
  position: absolute;
  width: 11px;
  height: 20px;
  border: none;
  text-indent: -9999px;
  z-index: 2;
  cursor: pointer;
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 1762, ../scss/style.scss */
.news .news_slider .slick-prev:hover,
.news .news_slider .slick-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1766, ../scss/style.scss */
.news .news_slider .slick-prev {
  background: url("../img/btn_arrow_prev.svg");
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-right: 14px;
}
/* line 1773, ../scss/style.scss */
.news .news_slider .slick-next {
  background: url("../img/btn_arrow_next.svg");
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-right: -25px;
}
/* line 1780, ../scss/style.scss */
.news .news_slider .slick-dots {
  display: none !important;
}
/* line 1783, ../scss/style.scss */
.news .news_slider .img_box {
  height: 100%;
}
/* line 1785, ../scss/style.scss */
.news .news_slider .img_box .slider_link {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 1792, ../scss/style.scss */
.news .news_box_txt {
  float: left;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 120px;
  padding-top: 150px;
}
@media all and (max-width: 970px) {
  /* line 1792, ../scss/style.scss */
  .news .news_box_txt {
    padding: 100px 10px 0 80px;
    height: 60%;
  }
}
@media all and (max-width: 750px) {
  /* line 1792, ../scss/style.scss */
  .news .news_box_txt {
    margin: 15% auto;
    padding: 0;
    width: 90%;
    float: none;
  }
}
/* line 1817, ../scss/style.scss */
.news .news_box_txt .upderline, .news .news_box_txt section.workSlider .slick-list .slick-track, section.workSlider .slick-list .news .news_box_txt .slick-track {
  margin-top: 50px;
  text-align: left;
}
@media all and (max-width: 750px) {
  /* line 1817, ../scss/style.scss */
  .news .news_box_txt .upderline, .news .news_box_txt section.workSlider .slick-list .slick-track, section.workSlider .slick-list .news .news_box_txt .slick-track {
    margin-top: 20px;
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
}
/* line 1830, ../scss/style.scss */
.news .news_box_txt .upderline.index_news_list, .news .news_box_txt section.workSlider .slick-list .index_news_list.slick-track, section.workSlider .slick-list .news .news_box_txt .index_news_list.slick-track {
  margin-top: 70px;
}
@media all and (max-width: 750px) {
  /* line 1830, ../scss/style.scss */
  .news .news_box_txt .upderline.index_news_list, .news .news_box_txt section.workSlider .slick-list .index_news_list.slick-track, section.workSlider .slick-list .news .news_box_txt .index_news_list.slick-track {
    margin-top: 20px;
    width: 100%;
    display: block;
    list-style: none;
    padding: 0;
    text-align: center;
    position: relative;
    height: auto;
  }
}
/* line 1849, ../scss/style.scss */
.news .news_box_txt .upderline.index_news_list li, .news .news_box_txt section.workSlider .slick-list .index_news_list.slick-track li, section.workSlider .slick-list .news .news_box_txt .index_news_list.slick-track li {
  display: inline-block;
}
@media all and (max-width: 750px) {
  /* line 1849, ../scss/style.scss */
  .news .news_box_txt .upderline.index_news_list li, .news .news_box_txt section.workSlider .slick-list .index_news_list.slick-track li, section.workSlider .slick-list .news .news_box_txt .index_news_list.slick-track li {
    margin: 0 10px;
  }
}
/* line 1866, ../scss/style.scss */
.news .news_box_txt .upderline li:first-child, .news .news_box_txt section.workSlider .slick-list .slick-track li:first-child, section.workSlider .slick-list .news .news_box_txt .slick-track li:first-child {
  margin-left: 0;
}
/* line 1871, ../scss/style.scss */
.news .news_box_txt p {
  color: #333;
  font-size: 13px;
  margin-top: 20px;
}
@media all and (max-width: 750px) {
  /* line 1871, ../scss/style.scss */
  .news .news_box_txt p {
    text-align: center;
    margin-top: 0;
  }
}
/* line 1883, ../scss/style.scss */
.news:after {
  content: "";
  display: block;
  clear: both;
}

@media all and (max-width: 750px) {
  /* line 1889, ../scss/style.scss */
  .index_left {
    text-align: left !important;
  }
}

/* line 1896, ../scss/style.scss */
.reservation .left_side,
.reservation .right_side {
  width: 50%;
  float: left;
}
@media all and (max-width: 750px) {
  /* line 1896, ../scss/style.scss */
  .reservation .left_side,
  .reservation .right_side {
    width: 100%;
    float: none;
  }
}
/* line 1908, ../scss/style.scss */
.reservation .left_side {
  padding: 160px 90px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}
@media all and (max-width: 750px) {
  /* line 1908, ../scss/style.scss */
  .reservation .left_side {
    text-align: left;
    padding: 80px 40px;
    width: 100%;
  }
}
@media all and (max-width: 970px) {
  /* line 1908, ../scss/style.scss */
  .reservation .left_side {
    text-align: left;
    padding: 70px 30px;
  }
}
/* line 1925, ../scss/style.scss */
.reservation .left_side .txt_main_box {
  max-width: 450px;
  margin-bottom: 20px;
  float: right;
}
@media all and (max-width: 970px) {
  /* line 1925, ../scss/style.scss */
  .reservation .left_side .txt_main_box {
    max-width: 100%;
    float: none;
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media all and (max-width: 750px) {
  /* line 1925, ../scss/style.scss */
  .reservation .left_side .txt_main_box {
    max-width: 100%;
    float: none;
	text-align:right;
  }
}
/* line 1942, ../scss/style.scss */
.reservation .left_side .txt_main_box:after {
  content: "";
  display: block;
  clear: both;
}
/* line 1948, ../scss/style.scss */
.reservation .left_side .contact_list {
  font-size: 13px;
  margin-top: 40px;
  list-style: none;
}
/* line 1952, ../scss/style.scss */
.reservation .left_side .contact_list li {
  margin-bottom: 10px;
}
/* line 1955, ../scss/style.scss */
.reservation .left_side .contact_list li span.tel {
  color: #9ec362;
  font-size: 18px;
}
/* line 1958, ../scss/style.scss */
.reservation .left_side .contact_list li span.tel:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 17px;
  background: url("../img/icon_index_tel.png") no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  top: 2px;
  margin-right: 5px;
  display:none;
}
/* line 1972, ../scss/style.scss */
.reservation .left_side .contact_list li span.mail {
  color: #333;
  width:80%;
  display:inline-block;
}
/* line 1974, ../scss/style.scss */
.reservation .left_side .contact_list li span.mail:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 11px;
  background: url("../img/icon_mail.png") no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  top: 3px;
  margin-right: 5px;
  display:none;
}
/* line 1989, ../scss/style.scss */
.reservation .left_side .contact_list li font {
  display: inline-block;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 15px;
  margin-left: 15px;
  color: #999;
  vertical-align:top;
}
/* line 1999, ../scss/style.scss */
.reservation .right_side {
  padding: 160px 0;
  padding-right: 40px;
}
@media all and (max-width: 750px) {
  /* line 1999, ../scss/style.scss */
  .reservation .right_side {
    padding: 40px 40px;
    padding-top: 0;
  }
.reservation .left_side .contact_list li span.mail{ width:72%;}
}
/* line 2009, ../scss/style.scss */
.reservation .right_side .note {
  line-height: 15px;
  border: 1px solid #ccc;
  padding: 8px 25px;
  color: #9ec362;
  margin-bottom: 20px;
  margin-top: 50px;
  display: inline-block;
}
@media all and (max-width: 750px) {
  /* line 2009, ../scss/style.scss */
  .reservation .right_side .note {
    margin-top: 0;
  }
}
/* line 2023, ../scss/style.scss */
.reservation .right_side .note span {
  color: #666;
}
/* line 2027, ../scss/style.scss */
.reservation .right_side table {
  font-size: 13px;
}
/* line 2030, ../scss/style.scss */
.reservation .right_side table tr td {
  position: relative;
  padding: 25px 0 15px;
  border-bottom: 1px solid #EBEBEB;
}
/* line 2034, ../scss/style.scss */
.reservation .right_side table tr td.col_2 {
  width: 100% !important;
}
/* line 2037, ../scss/style.scss */
.reservation .right_side table tr td span {
  color: #666666;
  line-height: 15px;
}
/* line 2041, ../scss/style.scss */
.reservation .right_side table tr td span.required:before {
  color: #9ec362;
}
/* line 2045, ../scss/style.scss */
.reservation .right_side table tr td span:before {
  content: "*";
  display: inline-block;
  color: #fff;
  padding-right: 5px;
}
/* line 2052, ../scss/style.scss */
.reservation .right_side table tr td input[type="text"] {
  width: 100%;
  height: 20px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
}
/* line 2061, ../scss/style.scss */
.reservation .right_side table tr td textarea {
  width: 100%;
  height: 80px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
}
/* line 2070, ../scss/style.scss */
.reservation .right_side table tr td:nth-child(1) {
  width: 20%;
}
@media all and (max-width: 750px) {
  /* line 2070, ../scss/style.scss */
  .reservation .right_side table tr td:nth-child(1) {
    width: 25%;
  }
}
/* line 2078, ../scss/style.scss */
.reservation .right_side table tr td:nth-child(2) {
  width: 80%;
}
@media all and (max-width: 750px) {
  /* line 2078, ../scss/style.scss */
  .reservation .right_side table tr td:nth-child(2) {
    width: 75%;
  }
}
/* line 2095, ../scss/style.scss */
.reservation .right_side table tr:last-child td {
  border-bottom: none;
}
/* line 2105, ../scss/style.scss */
.reservation .right_side table .block_btn {
  cursor: pointer;
  float: left;
  margin-right: 10px;
  width: 200px;
  border: 1px solid #CCC;
  color: #333;
  background: #FFF;
}
@media all and (max-width: 750px) {
  /* line 2105, ../scss/style.scss */
  .reservation .right_side table .block_btn {
    width: 40%;
  }
}
@media all and (max-width: 970px) {
  /* line 2105, ../scss/style.scss */
  .reservation .right_side table .block_btn {
    width: 40%;
  }
}
/* line 2123, ../scss/style.scss */
.reservation .right_side table .block_btn:hover {
  background: #3e8e8a;
  color: #fff;
  border: 1px solid #3e8e8a;
  text-decoration:none;
}
/* line 2130, ../scss/style.scss */
.reservation:after {
  content: "";
  display: block;
  clear: both;
}

@media all and (max-width: 750px) {
  /* line 2137, ../scss/style.scss */
  .fb_box {
    width: 100%;
	display:none;
  }
}

/* line 2148, ../scss/style.scss */
.selecter .selecter-selected {
  background: #FFF;
  border: 0;
}
/* line 2151, ../scss/style.scss */
.selecter .selecter-selected:after {
  content: "";
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  display: block;
  position: absolute;
  width: 10px;
  height: 6px;
  top: 12px;
  right: 7px;
  background: url("../img/icon_arrow_down.png");
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 2166, ../scss/style.scss */
.selecter .selecter-selected:before {
  display: none !important;
}
/* line 2172, ../scss/style.scss */
.selecter.open .selecter-selected:after {
  -moz-transform: rotate(-180);
  -ms-transform: rotate(-180);
  -webkit-transform: rotate(-180);
  transform: rotate(-180);
}
/* line 2177, ../scss/style.scss */
.selecter .selecter-options {
  border-width: 1px;
  z-index: 55;
}
/* line 2182, ../scss/style.scss */
.selecter .selecter-item:before {
  display: none !important;
}

/* line 2188, ../scss/style.scss */
.ui-widget-header {
  background: #f1f1f1 !important;
}

/* line 2192, ../scss/style.scss */
.date_icon {
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 0px;
  width: 23px;
  height: 25px;
}
/* line 2199, ../scss/style.scss */
.date_icon img {
  width: 100%;
}

/* line 2204, ../scss/style.scss */
.footer {
  background: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  color: #999;
}
/* line 2211, ../scss/style.scss */
.footer .left_side {
  float: left;
  width: 50%;
  font-size: 13px;
}
@media all and (max-width: 750px) {
  /* line 2211, ../scss/style.scss */
  .footer .left_side {
    width: 100%;
  }
}
/* line 2220, ../scss/style.scss */
.footer .left_side .to_top {
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
  background: url("../img/icon_arrow_down.png") center no-repeat #333;
  -webkit-background-size: 10px 6px;
  -o-background-size: 10px 6px;
  background-size: 10px 6px;
  display: block;
  float: left;
  -moz-transform: rotate(180);
  -ms-transform: rotate(180);
  -webkit-transform: rotate(180);
  transform: rotate(180);
}
@media all and (max-width: 750px) {
  /* line 2220, ../scss/style.scss */
  .footer .left_side .to_top {
    float: left;
    margin-right: 20px;
    margin-left: 0;
    margin-bottom: 50px;
  }
}
/* line 2240, ../scss/style.scss */
.footer .left_side .fongDesign {
  color: #9ec362;
}
/* line 2244, ../scss/style.scss */
.footer .right_side {
  float: right;
}
/* line 2246, ../scss/style.scss */
.footer .right_side .index_contact {
  position: static;
}
/* line 2250, ../scss/style.scss */
.footer .right_side .index_contact .share_box li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 2252, ../scss/style.scss */
.footer .right_side .index_contact .share_box li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 2259, ../scss/style.scss */
.footer:after {
  content: "";
  display: block;
  clear: both;
}

/* line 2266, ../scss/style.scss */
.at-share-btn {
  -moz-transition: 0.4s 0s ease-in-out !important;
  -o-transition: 0.4s 0s ease-in-out !important;
  -webkit-transition: 0.4s 0s ease-in-out !important;
  -ms-transition: 0.4s 0s ease-in-out !important;
  transition: 0.4s 0s ease-in-out !important;
  margin-right: 5px !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
}
/* line 2278, ../scss/style.scss */
.at-share-btn.at-svc-facebook {
  background: url("../img/icon_fb.svg") !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
/* line 2284, ../scss/style.scss */
.at-share-btn.at-svc-twitter {
  background: url("../img/icon_twitter.svg") !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
/* line 2290, ../scss/style.scss */
.at-share-btn.at-svc-google_plusone_share {
  background: url("../img/icon_google.svg") !important;
  -webkit-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
/* line 2296, ../scss/style.scss */
.at-share-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 2301, ../scss/style.scss */
.at4-icon {
  width: 28px !important;
  height: 28px !important;
}

/* line 2306, ../scss/style.scss */
.page_box {
  position: relative;
  height: 100%;
}
/* line 2310, ../scss/style.scss */
.page_box .light_pagectrl {
  width: 92px;
  height: 92px;
  background: #C49979;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -46px;
  margin-left: -46px;
}
/* line 2323, ../scss/style.scss */
.page_box .right {
  float: left;
  height: 100%;
}
@media all and (max-width: 970px) {
  /* line 2323, ../scss/style.scss */
  .page_box .right {
    height: 100%;
  }
}
/* line 2336, ../scss/style.scss */
.page_box .left {
  float: left;
  height: 100%;
}
@media all and (max-width: 970px) {
  /* line 2336, ../scss/style.scss */
  .page_box .left {
    height: 100%;
  }
}
@media all and (max-width: 750px) {
  /* line 2336, ../scss/style.scss */
  .page_box .left {
    height: 60%;
  }
}
@media all and (max-height: 820px) {
  /* line 2336, ../scss/style.scss */
  /*.page_box .left {
    height: 430px;
  }*/
}
/* line 2351, ../scss/style.scss */
.page_box .right {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10% 95px 3.3%;
}
@media all and (max-width: 1170px) {
  /* line 2351, ../scss/style.scss */
  .page_box .right {
    padding: 30px 30px 30px 60px;
  }
}
@media all and (max-width: 750px) {
  /* line 2351, ../scss/style.scss */
  .page_box .right {
    padding: 30px 30px;
  }
}
/* line 2365, ../scss/style.scss */
.page_box .right .about_tit h2 {
  line-height: 33px;
  height: 33px;
}
/* line 2368, ../scss/style.scss */
.page_box .right .about_tit h2 span {
  float: left;
  line-height: 33px;
  height: 33px;
  display: inline-block;
  color: #999;
  font-size: 13px;
}
/* line 2376, ../scss/style.scss */
.page_box .right .about_tit h2 font {
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #E5E5E5;
  float: left;
  line-height: 33px;
  height: 33px;
  display: inline-block;
  color: #000;
  font-size: 24px;
}
/* line 2388, ../scss/style.scss */
.page_box .right .about_tit h3 {
  font-family: "Italianno";
  color: #C49979;
  font-size: 68px;
  line-height: 68px;
  margin-bottom: 30px;
}
/* line 2397, ../scss/style.scss */
.page_box .txt_main_box {
  margin-bottom: 100px;
}
@media all and (max-width: 750px) {
  /* line 2397, ../scss/style.scss */
  .page_box .txt_main_box {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 1170px) {
  /* line 2397, ../scss/style.scss */
  .page_box .txt_main_box {
    margin-bottom: 50px;
  }
}
/* line 2405, ../scss/style.scss */
.page_box .txt_main_box h3 {
  margin-top: 20px;
}
@media all and (max-width: 1170px) {
  /* line 2405, ../scss/style.scss */
  .page_box .txt_main_box h3 {
    margin-top: 50px;
  }
}
/* line 2412, ../scss/style.scss */
.page_box .page_contect {
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60%;
  margin-bottom: 5%;
}
@media all and (max-width: 750px) {
  /* line 2412, ../scss/style.scss */
  .page_box .page_contect {
    height: 60%;
  }
}
/* line 2422, ../scss/style.scss */
.page_box .page_contect .date {
  color: #999;
  margin-bottom: 10px;
  display: inline-block;
}
/* line 2427, ../scss/style.scss */
.page_box .page_contect p {
  font-size: 13px;
  color: #333;
}
/* line 2431, ../scss/style.scss */
.page_box .page_contect hr {
  border: none;
  height: 1px;
  background: #EBEBEB;
}
/* line 2436, ../scss/style.scss */
.page_box .page_contect h4 {
  color: #9ec362;
  font-size: 24px;
}
/* line 2440, ../scss/style.scss */
.page_box .page_contect h5 {
  color: #9ec362;
  font-size: 16px;
}
/* line 2444, ../scss/style.scss */
.page_box .page_contect h6 {
  font-size: 16px;
}
/* line 2447, ../scss/style.scss */
.page_box .page_contect table {
  text-align: center;
  font-size: 13px;
  width: 100%;
}
/* line 2453, ../scss/style.scss */
.page_box .page_contect table tr td,
.page_box .page_contect table tr th {
  border-right: 1px solid #fff;
}
/* line 2457, ../scss/style.scss */
.page_box .page_contect table tr td {
  padding: 18px 15px;
  color: #666;
  border-bottom: 1px solid #F3EBE4;
}
/* line 2462, ../scss/style.scss */
.page_box .page_contect table tr th {
  padding: 15px;
  background: #F3EBE4;
  font-weight: bold;
}
/* line 2469, ../scss/style.scss */
.page_box .page_contect ul {
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 2474, ../scss/style.scss */
.page_box .page_contect ul li {
  padding-bottom: 10px;
  position: relative;
  padding-left: 15px;
}
/* line 2478, ../scss/style.scss */
.page_box .page_contect ul li:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  top: 9px;
  left: 0;
  display: block;
  background: #666;
}
/* line 2493, ../scss/style.scss */
.page_box:after {
  content: "";
  display: block;
  clear: both;
}

/* line 2500, ../scss/style.scss */
.share_box_out {
  height: 29px;
}
/* line 2503, ../scss/style.scss */
.share_box_out .share_tit, .share_box_out .share_box_out_about .share_tit_2, .share_box_out_about .share_box_out .share_tit_2 {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  float: left;
  border-right: 1px solid #E5E5E5;
  padding-right: 15px;
  margin-right: 15px;
  color: #999;
}
@media all and (max-width: 750px) {
  /* line 2503, ../scss/style.scss */
  .share_box_out .share_tit, .share_box_out .share_box_out_about .share_tit_2, .share_box_out_about .share_box_out .share_tit_2 {
    padding-right: 15px;
    margin-right: 5px;
    margin-bottom: 30px;
  }
}
/* line 2523, ../scss/style.scss */
.share_box_out .share_box {
  padding: 0;
  border: none;
}
/* line 2526, ../scss/style.scss */
.share_box_out .share_box li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/* line 2531, ../scss/style.scss */
.share_box_out_about {
  height: 29px;
  text-align: right;
}
@media all and (max-width: 970px) {
  /* line 2531, ../scss/style.scss */
  .share_box_out_about {
    width: 100%;
    margin: 0;
    padding-right: 0;
    right: 0;
    margin-bottom: 20px;
  }
}
/* line 2545, ../scss/style.scss */
.share_box_out_about .share_tit, .share_box_out_about .share_tit_2 {
  display: inline-block;
  height: 29px;
  line-height: 29px;
  float: left;
  border-right: 1px solid #E5E5E5;
  padding-right: 15px;
  margin-right: 15px;
  color: #999;
}
@media all and (max-width: 750px) {
  /* line 2545, ../scss/style.scss */
  .share_box_out_about .share_tit, .share_box_out_about .share_tit_2 {
    display: inline-block;
    padding-right: 15px;
    margin-right: 5px;
    float: none;
  }
}
@media all and (max-width: 970px) {
  /* line 2545, ../scss/style.scss */
  .share_box_out_about .share_tit, .share_box_out_about .share_tit_2 {
    float: none;
  }
}
/* line 2573, ../scss/style.scss */
.share_box_out_about .share_tit_2 {
  display: none;
}
@media all and (max-width: 750px) {
  /* line 2573, ../scss/style.scss */
  .share_box_out_about .share_tit_2 {
    display: none;
  }
}
/* line 2586, ../scss/style.scss */
.share_box_out_about .share_box {
  padding: 0;
  border: none;
  list-style: none;
  width: auto;
  display: inline-block;
}
@media all and (max-width: 970px) {
  /* line 2586, ../scss/style.scss */
  .share_box_out_about .share_box {
    float: none;
  }
}
/* line 2599, ../scss/style.scss */
.share_box_out_about .share_box li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  list-style: none;
}

/* line 2608, ../scss/style.scss */
.page_close {
  width: 60px;
  height: 60px;
  background: url("../img/close_btn.png") center no-repeat #fff;
  -webkit-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  background-size: 20px 20px;
  position: absolute;
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
  top: 40px;
  right: 40px;
  display: block;
}
@media all and (max-width: 750px) {
  /* line 2608, ../scss/style.scss */
  .page_close {
    top: 20px;
    right: 20px;
  }
}
/* line 2625, ../scss/style.scss */
.page_close:hover {
  background-color: #3e8e8a;
}

/* line 2631, ../scss/style.scss */
.photo_slider {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px;
  height: 100%;
}
@media all and (max-height: 560px) {
  /* line 2631, ../scss/style.scss */
  .photo_slider {
    height: 560px;
  }
}
/* line 2642, ../scss/style.scss */
.photo_slider .slick-list {
  height: 100%;
}
/* line 2644, ../scss/style.scss */
.photo_slider .slick-list .slick-track {
  height: 100%;
}
/* line 2648, ../scss/style.scss */
.photo_slider .slick-slide {
  margin-right: 25px;
  height: 100%;
}
/* line 2652, ../scss/style.scss */
.photo_slider .slick-slide.slick-active img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 2656, ../scss/style.scss */
.photo_slider .slick-slide img {
  height: 100%;
  -moz-transition: 0.4s, 0s;
  -o-transition: 0.4s, 0s;
  -webkit-transition: 0.4s, 0s;
  transition: 0.4s, 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
  opacity: 0.1;
}

/* line 2665, ../scss/style.scss */
.slick_ctrl_box_out {
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  position: absolute;
  right: -325px;
  top: 0;
  height: 100%;
  width: 425px;
}
@media all and (max-width: 750px) {
  /* line 2665, ../scss/style.scss */
  .slick_ctrl_box_out {
    right: -345px;
  }
}
@media all and (max-height: 560px) {
  /* line 2665, ../scss/style.scss */
  .slick_ctrl_box_out {
    height: 560px;
  }
}
/* line 2682, ../scss/style.scss */
.slick_ctrl_box_out.on {
  right: 0px;
}
/* line 2684, ../scss/style.scss */
.slick_ctrl_box_out.on .main_box {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 2688, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box_inner {
  float: left;
  width: 60px;
  height: 100%;
  position: relative;
  margin-right: 1px;
}
/* line 2695, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box {
  position: absolute;
  top: 50%;
  margin-top: -91.5px;
  width: 100%;
  height: 183px;
}
/* line 2701, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .ctrl_btn {
  margin-bottom: 1px;
  list-style: none;
  background: #FFF;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 23px 20px;
  cursor: pointer;
  list-style: none;
  position: relative;
  width: 60px;
  height: 60px;
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
}
/* line 2717, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .ctrl_btn li {
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  width: 20px;
  height: 2px;
  background: #C49979;
  left: 20px;
  position: absolute;
}
/* line 2725, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .ctrl_btn li:nth-child(1) {
  top: 23px;
}
/* line 2728, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .ctrl_btn li:nth-child(2) {
  top: 29px;
}
/* line 2731, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .ctrl_btn li:nth-child(3) {
  bottom: 23px;
}
/* line 2735, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .ctrl_btn:hover {
  background: #C49979;
}
/* line 2737, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .ctrl_btn:hover li {
  background: #fff;
}
/* line 2742, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .slick-prev,
.slick_ctrl_box_out .slick_ctrl_box .slick-next {
  cursor: pointer;
  width: 60px;
  height: 60px;
  margin-bottom: 1px;
  border: none;
  text-indent: -9999px;
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
}
/* line 2753, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .slick-prev {
  background: url("../img/icon_prev_gray.png") no-repeat center #fff;
  -webkit-background-size: 11px 21px;
  -o-background-size: 11px 21px;
  background-size: 11px 21px;
}
/* line 2758, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .slick-prev:hover {
  background: url("../img/icon_prev_gray.png") no-repeat center #C49979;
  -webkit-background-size: 11px 21px;
  -o-background-size: 11px 21px;
  background-size: 11px 21px;
}
/* line 2765, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .slick-next {
  background: url("../img/icon_next_gray.png") no-repeat center #fff;
  -webkit-background-size: 11px 21px;
  -o-background-size: 11px 21px;
  background-size: 11px 21px;
}
/* line 2770, ../scss/style.scss */
.slick_ctrl_box_out .slick_ctrl_box .slick-next:hover {
  background: url("../img/icon_next_gray.png") no-repeat center #C49979;
  -webkit-background-size: 11px 21px;
  -o-background-size: 11px 21px;
  background-size: 11px 21px;
}
/* line 2778, ../scss/style.scss */
.slick_ctrl_box_out .main_box {
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  width: 364px;
  float: left;
  background: #FFF;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 60px;
  padding-top: 135px;
}
@media all and (max-width: 750px) {
  /* line 2778, ../scss/style.scss */
  .slick_ctrl_box_out .main_box {
    padding-top: 60px;
  }
}
/* line 2798, ../scss/style.scss */
.slick_ctrl_box_out .main_box h2 {
  font-size: 21px;
  color: #C49979;
  line-height: 30px;
}
/* line 2803, ../scss/style.scss */
.slick_ctrl_box_out .main_box h6 {
  color: #999;
}
/* line 2806, ../scss/style.scss */
.slick_ctrl_box_out .main_box p {
  color: #333;
  font-size: 13px;
  line-height: 21px;
  margin-top: 20px;
}
/* line 2812, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv {
  margin-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
  margin-top: 20px;
  overflow: auto;
  height: 168px;
}
@media all and (max-width: 750px) {
  /* line 2812, ../scss/style.scss */
  .slick_ctrl_box_out .main_box .dotsDiv {
    height: 50%;
  }
}
/* line 2825, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv .slick-dots {
  position: relative;
  list-style: none;
}
/* line 2828, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv .slick-dots li {
  -moz-transition: 0.3s, 0s;
  -o-transition: 0.3s, 0s;
  -webkit-transition: 0.3s, 0s;
  transition: 0.3s, 0s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  float: left;
  width: 22%;
  height: 50px;
  margin-bottom: 4%;
  margin-right: 4%;
}
/* line 2837, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv .slick-dots li:nth-child(4n+4) {
  margin-right: 0;
}
/* line 2840, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv .slick-dots li button {
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  cursor: pointer;
}
/* line 2848, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv .slick-dots li.slick-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 2852, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv .slick-dots:after {
  content: "";
  display: block;
  clear: both;
}
/* line 2858, ../scss/style.scss */
.slick_ctrl_box_out .main_box .dotsDiv:after {
  content: "";
  display: block;
  clear: both;
}
/* line 2864, ../scss/style.scss */
.slick_ctrl_box_out .main_box .share_box_out {
  position: absolute;
  bottom: 40px;
  right: 20px;
  text-align: right;
}

/* line 2875, ../scss/style.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #EAEAEA;
}
/* line 2879, ../scss/style.scss */
.mCSB_scrollTools .mCSB_dragger.mCSB_scrollTools_onDrag .mCSB_dragger_bar {
  background-color: #ccc;
}
/* line 2884, ../scss/style.scss */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #ccc;
}
/* line 2889, ../scss/style.scss */
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #FFF;
}

/* line 2894, ../scss/style.scss */
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #ccc;
}

/* line 2898, ../scss/style.scss */
section.workSlider {
  width: 40.5%;
  margin: 10px auto 10px auto;
  overflow: visible;
  position: relative;
}
@media all and (max-width: 750px) {
  /* line 2898, ../scss/style.scss */
  section.workSlider {
    width: 70%;
  }
}
/* line 2910, ../scss/style.scss */
section.workSlider .slick-list {
  height: auto;
  float: none;
  margin-right: auto;
  margin-left: auto;
}
/* line 2919, ../scss/style.scss */
section.workSlider .slick-list .slick-track .slick-slide {
  padding: 0 80px;
  position: relative;
  display: inline-block;
  float: none;
  border-left: #959595 1px solid;
}
/* line 2926, ../scss/style.scss */
section.workSlider .slick-list .slick-track .slick-slide::before {
  font-size: 12px;
  color: #666;
}
/* line 2936, ../scss/style.scss */
section.workSlider .slick-list .slick-track .slick-slide a:link {
  color: #666;
  text-decoration: none;
}
/* line 2943, ../scss/style.scss */
section.workSlider .slick-list .slick-track .slick-slide a:visited {
  color: #666;
  text-decoration: none;
}
/* line 2949, ../scss/style.scss */
section.workSlider .slick-list .slick-track .slick-slide a:hover {
  color: #C49979;
  text-decoration: none;
}
/* line 2967, ../scss/style.scss */
section.workSlider .slick-prev, section.workSlider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 67%;
  display: block;
  width: 22px;
  height: 42px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
/* line 2985, ../scss/style.scss */
section.workSlider .slick-prev {
  left: -60px;
  background-image: url(../img/icon_prev_gray.png);
  background-repeat: no-repeat;
  position: absolute;
}
@media all and (max-width: 750px) {
  /* line 2985, ../scss/style.scss */
  section.workSlider .slick-prev {
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
/* line 2995, ../scss/style.scss */
section.workSlider .slick-next {
  right: -60px !important;
  background-image: url(../img/icon_next_gray.png);
  background-repeat: no-repeat;
  position: absolute;
}
@media all and (max-width: 750px) {
  /* line 2995, ../scss/style.scss */
  section.workSlider .slick-next {
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
/* line 3004, ../scss/style.scss */
section.workSlider .slick-next::before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

@media all and (max-width: 750px) {
  /* line 3012, ../scss/style.scss */
  .works_artical {
    width: 80%;
    margin: 0 auto;
  }
}

@media all and (min-width: 750px) {
  /* line 3019, ../scss/style.scss */
  .copyright_box {
    white-space: nowrap;
  }
}

@media all and (max-width: 500px) {
.slick_ctrl_box_out.on .slick_ctrl_box_inner {
  position: absolute;
  margin-left:35px;
}
.slick_ctrl_box_out.on .main_box {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  width:100%;
  margin-top: 25px;
  padding: 80px 44px 60px 120px;
}
.slick_ctrl_box_out .main_box h2{
	margin-top:0;
}
}