/*========home========*/
/*z-index*/
.home-title ul {
  z-index: 2;
}

/*animation*/

/*b-lazy*/
.b-lazy {
	opacity:0;
}
.b-loaded {
   opacity:1;
}


/*banner*/
main article.banner {
  margin-top: 0;
  padding: 0;
}
main article.banner:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);

  display: block;
}
main article.banner div {
  width: 100%;
  height: 100vh;
  max-width: inherit;
  max-height: inherit;
}


.banner div {
  width: 100%;
  /*max-width: 1440px;*/
  height: 100vh;
  max-height: 900px;

  opacity: 0;

  display: flex;
  justify-content: center;
  align-items: center;
}

.flexslider {
  margin: 0;
  border: none;
}

.banner>div>h2 {
  color: #d5d5d5;
  font-family: '微軟正黑體','Century Gothic';
  font-size: 3.4rem;

  width: 100%;
  text-align: center;
}
.banner>a {
  width: 30px;
  padding-top: 0;
  position: absolute;
  bottom: 5%;
  justify-content: center;
  align-items: center;
  left: 50%;
  margin-left: -15px;

  opacity: 0;
}
.banner>a .h-line {
  background-color: #ffffff;
}
.banner>a .triangle {
  border-top: 4px solid #ffffff;
}
@media (max-width:640px) {
  .banner>a {
    bottom: 12%;
  }
}
@media (max-width:767px) {
  .banner>div>h2 {
    font-size: 2.5rem;
    width: 90%;
  }
}


/**/


/*news*/
.news {
  width: 100%;
  max-width: 960px;
  margin: 0 8.3%;
  padding-top: 180px;
}

.news .home-title>h2 {
  font-size: 2.2rem;
  font-family: 'Century Gothic','微軟正黑體';
  margin: 0;
  padding: 0 0 16px 0;

  opacity: 0;
}
.news .home-title>h3 {
  font-size: 1.2rem;
  font-family: 'Century Gothic','微軟正黑體';
  margin-bottom: 55px;
  line-height: 1.6;

  opacity: 0;
}
.news .home-title ul {
  opacity: 0;
}
.news .home-title ul>li {
  font-size: 0.875rem;
}

.news .home-title>h2,
.news .home-title>h3 {
  text-align: center;
}

.news .home-title>h2,
.news .home-title>h3,
.news .home-title ul>li {
  color: #d5d5d5;
}
.news .home-title ul>li:hover {
  color: #3870ab;
}

.news .news-section-group {
  padding-top: 80px;
}
.news-section-group section {
  width: 100%;
  opacity: 0;
  height: 0;

  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news-section-group section.open {
  opacity: 1;
  display: flex;
  height: auto;
  padding-bottom: 75px;

  -webkit-transition:  2s ease;
  -moz-transition:  2s ease;
  -ms-transition:  2s ease;
  -o-transition: 2s ease;
}
.news-section-group {
  max-width: 1920px;
  opacity: 0;
}
.news-frame {
  position: relative;
  margin-bottom: 70px;

  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.news-frame { justify-content: center; align-items: center; }
.news-frame:nth-child(1) { order: 0; justify-content: center; align-items: center; }
.news-frame:nth-child(2) { order: 0; justify-content: center; align-items: center; }
.news-frame:nth-child(3) { order: 0; justify-content: center; align-items: center; }
.news-frame:nth-child(4) { order: 0; justify-content: center; align-items: center; }
.news-frame:nth-child(5) { order: 0; justify-content: center; align-items: center; }
.news-frame:nth-child(6) { order: 0; justify-content: center; align-items: center; }
/*.grid-item {
  width: 320px;
}*/
.grid-sizer,
.grid-item {
  width: 33.3333%;
  padding:7px;
}

.news-frame a {
  box-shadow: 15px 15px 15px #111111;
}
.news-frame a picture {
  position: relative;

  display: block;
}
.news-frame a:hover picture .cover-shadow {
  opacity: 1;
}
.news-frame a picture .cover-shadow {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;

  opacity: 0;

  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
}

.cover-shadow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cover-shadow p {
  color: #d6d6d6;
  font-size: 1.3rem;
}
.cover-shadow span.explore-pointer {
  margin: 0;
}
.cover-shadow span.explore-pointer:before,
.cover-shadow span.explore-pointer:after {
  background-color: #3870ab;
}


.explore-pointer {
  margin: 0 auto;
  left: auto;
  margin-bottom: 120px;
}

.back-to-top {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 90px;
}


/*news-RWD mobile mode*/
@media (max-width:1024px) {
  .news-frame div a picture img {
    width: 100%;
  }
}
@media (max-width:768px) {
  .news-frame {
    margin-bottom: 30px;
  }
}
@media(max-width:640px) {
  .news .news-section-group {
    padding-top: 0;
    margin-bottom: 50px;
  }

  .grid-sizer,
  .grid-item {
    width: 50%;
    padding:7px;
  }
}





/*news - info*/
body {
  background-color: #181818;
}
article.head {
  width: 100%;
  height: 50px;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
article.info {
  margin: 0 8.3%;
}
.news-info {
  width: 100%;
  max-width: 960px;
  background-color: #181818;
  padding-top: 130px;
  position: relative;
  margin: 0 auto;
  display: flex;
}

.news-info section {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}
.news-info section>p {
  max-width: 720px;
  font-size: 0.75rem;
  color: #fff;
  margin: 0 auto;
}
.news-info section .little-notice {
  max-width: 720px;
  margin: 0 auto;

  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.news-info section .little-notice div:nth-child(1) {
  display: flex;
  align-items: baseline;
}
.news-info section .little-notice div:nth-child(2) a {
  width: 18px;
  height: 18px;
  margin-left: 20px;
  color: #888888;
  text-align: end;
}
.news-info section .little-notice div:nth-child(2) a.icon-twitter:hover {
  color: #33ccfe;
}
.news-info section .little-notice div:nth-child(2) a.icon-pinterest-p:hover {
  color: #ff0000;
}
.news-info section .little-notice div:nth-child(2) a.icon-facebook:hover {
  color: #3b5b99;
}
.news-info section h1 {
  max-width: 580px;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: 'Century Gothic','微軟正黑體';
  line-height: 140%;
  color: #d1d1d1;
  padding: 25px 0 40px 0;
  margin: 0 auto;
}

.news-slide {
  margin-bottom: 60px;
}

.news-info section .text-editor {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 70px;
}
.news-info section .text-editor h4{
  font-weight: 600;\
  font-family: 'Century Gothic','微軟正黑體';
  color: #fff;
}
.news-info section .text-editor p {
  font-size: 0.875rem;
  font-family: 'Century Gothic','微軟正黑體';
  color: #b5b4b4;
}


.news-info section .offer {
  max-width: 680px;
  margin: 0 auto 45px auto;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.news-info section .offer a {
  width: calc(50% - 1px);
  max-width: 340px;
  height: 70px;
  font-size: 0.875rem;
  background-color: #5f5e5e;
  margin-bottom: 2px;
  padding-right: 16px;
  color: #e0e0e0;
  display: flex;
  align-items: center;
}
.news-info section .offer a:hover {
  background: #424242;
}
.news-info section .offer a span {
  margin: 0 30px;
  color: #e0e0e0;
}
.news-info section .offer a p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-info section .offer a span.icon-download:before {
  color: #fff;
}
.news-info section .offer a:hover span.icon-download:before {
  color: #3870ab;
}



.news-info section .famous-icon {
  width: 100%;
  max-width: 680px;
  color: #888888;
  margin: 0 auto 0 auto;

  display: flex;
  justify-content: center;
}
.news-info section .famous-icon a {
  margin: 0 10px;
}
.icon-twitter:hover {
  color: #33ccfe;
}
.icon-pinterest-p:hover {
  color: #ff0000;
}
.icon-facebook:hover {
  color: #3b5b99;
}

.news-info .back-to-top {
  margin: 60px auto 120px auto;
}

.flex-control-nav,
.flex-nav-prev,
.flex-nav-next {
  display: none;
}


/*info - lightbox*/
.swpmodal-container {
  background-color: rgba(255, 255, 255, 1);
  opacity: 1;

  overflow: auto;
}
.swpmodal-container_i {
  width: 100%;
  max-width: 1920px;
}



/*info-RWD mobile mode*/
@media (max-width:768px) {
  .news-info {
    padding: 75px 8.3% 80px 8.3%;
  }
  .news-info .lan a:nth-child(1) {
    display: block;
  }
  .news-info .back-to-top {
    margin-bottom: 0;
  }
}

@media (max-width:767px) {
  .news-info section .offer a {
    width: 100%;
  }
  .news-info {
    padding: 75px 20px 80px 20px;
  }
  .news-info section .offer {
    justify-content: center;
  }
}

@media(max-width:640px) {
  div.info-lan {
    width: 100%;
  }
  .news-info section .little-notice {
    max-width: 680px;
    padding-top: 0px;

    flex-direction: column-reverse;
  }
  .news-info section .little-notice div:nth-child(1) {
    align-self: center;
    flex-direction: column-reverse;
  }
  .news-info section .little-notice div:nth-child(2) {
    padding-bottom: 0px;

    align-self: center;
  }
  .news-info section .little-notice div:nth-child(2) a {
    margin: 0 10px;
  }
}
@media(max-width:580px) {
  .info-lan {
    width: 100%;
  }

}



/*room-section*/
main section.room-section {
  width: 100%;
  max-width: 1200px;
  margin: 0 8.3%;
  padding-top: 60px;
  padding-bottom: 90px;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-self: center;
}
main section.room-section .room-block {
  cursor: pointer;
  width: calc(50% - 5px);
  max-width: 595px;
  margin-bottom: 10px;
  position: relative;
}
main section.room-section .room-block picture {
  line-height: 0;
  display: block;
}
main section.room-section .room-block picture img {
  width: 100%;
  max-width: 595px;
  max-height: 600px;
}
main section.room-section .room-block div.block-info {
  width: 100%;
  height: 100%;
  max-height: 600px;
  padding: 30px;
  background-color: rgba(24, 24, 24, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;

  transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;

  display: flex;
  flex-direction: column;
  justify-content: center;
}
main section.room-section .room-block:hover div.block-info {
  opacity: 1;
}
main section.room-section .room-block div.block-info div {
  width: 100%;
  height: 100%;
  border: solid 1px #5b5b5b;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
h2.room-type-e {
  font-size: 1.5rem;
  font-weight: 600;
  font-family: '微軟正黑體','Century Gothic';

  color: #d5d5d5;
  margin: 0;
  margin-bottom: 12px;

  /*opacity: 0;*/
}
p.room-type-c {
  font-size: 1rem;
  color: #d5d5d5;
  margin: 0;

  /*opacity: 0;*/
}
main section.room-section .room-block a.hover-hide {
  width: 100%;
  height: 100%;

  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;

  display: none;
}

main section.room-section .room-block.full-pic {
  width: 100%;
  max-width: 1200px;
}
main section.room-section .room-block picture img.full-pic {
  width: 100%;
  max-width: 1200px;
}
main section.room-section .room-block .block-info.full-pic p {
  text-align: center;
}

@media (max-width:1023px) {
  main section.room-section .room-block a.hover-hide {
    display: block;
  }
  main section.room-section {
    margin: 0;
    padding: 60px 8.3% 90px 8.3%;
  }
}

@media (max-width:768px) {
  .news>.home-title {
    margin-bottom: 0;
    padding: 0 20px;
  }
  main section.room-section .room-block div.block-info {
    padding: 8px;
  }
}
@media(max-width:580px) {
  main section.room-section .room-block div {
    padding: 20px;
  }
}
/*room-section end*/





/**/