/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-a4d7b58 */.bannerAssist {
  background: url("http://bhic.com.tw/wp-content/uploads/2022/09/DSC08306-scaled-1.webp") center/cover no-repeat !important;
}

#inner-body {
  background-color: inherit;
  background-image: inherit;
  background: inherit;
}
.entry-title {
  color: #CEB069 !important;
}

.entry-info.aux-text-align-center,.entry-meta,.comment-respond,.nocomments{
    display: none !important;
}

.hamburger_section_link {
    top: 140px !important;
}
input[type="text"]{
    color: #CEB069;
}

/* 文章的圖片*/
.aux-media-frame img{
    max-width: 1024px;
    width: 1024px;
    border-radius: 0px !important;
}
@media (max-width: 1024px){
    .aux-media-frame img{
        width: 100%;
    }
}
/* 服務項目置中靠左*/
.postid-3231 .entry-content,.postid-3255 .entry-content,.postid-3257 .entry-content,.postid-3261 .entry-content,.postid-3264 .entry-content,.postid-3266 .entry-content,.postid-3270 .entry-content,.postid-3272 .entry-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 灰色改色 */
.footerBlack{
  background: #00180e !important;
}

/* 白色改色 */
.boxCard .img::before{
    border: 1px solid #F1F1F1 !important;
}
a:hover{
    color: #F1F1F1;
}
.navigationHeadr .navigationHeadr_link a::after, .navigationHeadr_RWD .navigationHeadr_link a::after{
    border-bottom: 1px solid #F1F1F1 !important;
}
hr{
    border-bottom: 1px solid #F1F1F1 !important;
}
.scenery{
  background: #F1F1F1 !important;
}

@media (max-width: 768px){
    .elementor-post__thumbnail__link{
        width: 100% !important;
    }
    .single-post .aux-primary .hentry .entry-title{
        font-size: 28px;
        line-height: 1.2;
        letter-spacing: 1px;
    }
}
@media (max-width: 425px){
    .single-post .aux-primary .hentry .entry-title{
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e1cf715 */@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.container {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.rwdBlank {
  padding-left: 20px;
  padding-right: 20px;
}

.mt-2 {
  margin-top: 2em;
}

.mt-5 {
  margin-top: 5em;
}

.smallText {
  font-size: 0.5em;
}

.column {
  -webkit-column-count: 2;
          column-count: 2;
}

body {
  background-color: #052019;
}

a {
  text-decoration: initial;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #CEB069;
  letter-spacing: 1px;
}

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6, p {
  line-height: 1.5;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 0.8em;
}

hr {
  border: none;
  border-bottom: 1px solid #fff;
}

@media (max-width: 768px) {
  h2 {
    font-size: 1.4em;
  }
  h3 {
    font-size: 1.2em;
  }
  h4 {
    font-size: 0.5em;
  }
}

.navigationHeadr, .navigationHeadr_RWD {
  margin-top: 2em;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navigationHeadr .navigationHeadr_link, .navigationHeadr_RWD .navigationHeadr_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.navigationHeadr .navigationHeadr_link a, .navigationHeadr_RWD .navigationHeadr_link a {
  display: block;
  padding: 10px 30px;
}

.navigationHeadr .navigationHeadr_link a::after, .navigationHeadr_RWD .navigationHeadr_link a::after {
  content: '';
  display: block;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 0;
  -webkit-transform: translateY(2em);
          transform: translateY(2em);
  border-bottom: 1px solid #fff;
}

.navigationHeadr .navigationHeadr_link a:hover::after, .navigationHeadr_RWD .navigationHeadr_link a:hover::after {
  -webkit-transform: translateY(0.8em);
          transform: translateY(0.8em);
  opacity: 1;
}

.navigationHeadr_RWD {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 2em 1em 2em 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  display: none;
}

.navigationHeadr_RWD .hamburger span {
  display: block;
  width: 1.5em;
  height: 3px;
  background: #000;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.navigationHeadr_RWD .hamburger .line-2 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.hamburger_section_link {
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 117px;
  padding: 10px 20px;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
  display: none;
}

.hamburger_section_link a {
  display: block;
  padding: 10px 30px;
  border-bottom: 1px solid #CEB069;
}

@media (max-width: 768px) {
  .navigationHeadr_RWD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hamburger_section_link {
    display: block;
  }
}

@media (max-width: 425px) {
  .footerBlack .companyProfile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footerBlack .companyProfile .img {
    margin-bottom: 1em;
  }
}

.footerBlack {
  background-color: #222325;
  padding-top: 80px;
  padding-bottom: 30px;
  text-align: center;
}

.footerBlack .companyProfile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.footerBlack .companyProfile .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.footerBlack .companyProfile .nav a {
  display: block;
  padding: 0 30px 20px 30px;
}

.footerBlack .companyProfile article p {
  line-height: 2;
}

.footerBlack footer {
  margin-top: 60px;
}

@media (max-width: 425px) {
  .footerBlack .companyProfile .nav a {
    padding: 0 8px 20px 8px;
  }
}

@media (max-width: 375px) {
  .footerBlack .companyProfile .nav a {
    padding: 0 3px 20px 3px;
  }
}

.graphicCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.graphicCard .carousel {
  width: 50%;
  position: relative;
}

.graphicCard .carousel .img {
  position: absolute;
  top: 50%;
  right: -3em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.graphicCard .carousel .img img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.graphicCard article {
  width: 50%;
  height: 100%;
  background-color: #222325;
  padding-top: 10em;
  padding-bottom: 10em;
}

.graphicCard article h2, .graphicCard article p {
  padding-left: 6em;
  padding-right: 3em;
}

.graphicCard article button {
  margin-left: 6em;
  margin-top: 6em;
}

.graphicCard article > * {
  margin-top: 2em;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

@media (max-width: 768px) {
  .graphicCard {
    display: block;
  }
  .graphicCard .carousel, .graphicCard article {
    width: 100%;
  }
  .graphicCard .carousel {
    left: -3em;
    right: auto;
  }
  .graphicCard article {
    padding-top: 14em;
  }
  .graphicCard article h2, .graphicCard article p {
    padding-left: 4em;
    padding-right: 4em;
  }
}

@media (max-width: 425px) {
  .graphicCard article {
    padding-top: 8em;
    padding-bottom: 5em;
  }
  .graphicCard article h2, .graphicCard article p {
    padding-left: 2em;
    padding-right: 2em;
  }
}

.pictureCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pictureCard > * {
  width: 50%;
}

.pictureCard article {
  padding: 10em 3em 10em 3em;
}

.pictureCard article > * {
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.pictureCard .carousel {
  position: relative;
}

.pictureCard .carousel .img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pictureCard .carousel .img img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

@media (max-width: 768px) {
  .pictureCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pictureCard > * {
    width: 100%;
  }
  .pictureCard article {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .pictureCard .carousel .img {
    top: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .pictureCard .carousel .img img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
  }
  .md-columnReverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 425px) {
  .pictureCard article {
    margin-top: 12em;
  }
}

.rowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.multiWordCard {
  text-align: center;
}

.multiWordCard h4 {
  display: inline;
  position: relative;
}

.multiWordCard h4::before, .multiWordCard h4::after {
  content: '';
  display: block;
  background-color: #CEB069;
  width: 3em;
  height: 1px;
  position: absolute;
  left: 110%;
  top: 50%;
}

.multiWordCard h4::before {
  left: -50%;
}

.multiWordCard .boxCard {
  margin-top: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.multiWordCard .boxCard .box {
  width: 30%;
  margin: 1em;
}

.multiWordCard .boxCard .box .img {
  position: relative;
  margin: 10px;
}

.multiWordCard .boxCard .box .img h3 {
  position: absolute;
  left: 30px;
  bottom: 10px;
}

.multiWordCard .boxCard .box .img img {
  position: relative;
  width: 100%;
  height: 100%;
}

.multiWordCard .boxCard .box .img::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  border: 1px solid #fff;
  right: -10px;
  bottom: -10px;
  opacity: 1;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.multiWordCard .boxCard .box .img:hover::before {
  right: 0;
  bottom: 3px;
}

.multiWordCard button {
  margin-top: 3em;
}

@media (max-width: 768px) {
  .multiWordCard .boxCard .box {
    margin-bottom: 1em;
    width: 40%;
  }
  .multiWordCard .boxCard .box .img img {
    width: 100%;
  }
}

@media (max-width: 425px) {
  .multiWordCard .boxCard .box {
    width: 100%;
  }
}

.button {
  background-color: #052019;
  color: #fff;
  border: none;
  padding: 20px;
  position: relative;
}

.button::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid #052019;
  right: -10px;
  bottom: -10px;
  opacity: 1;
  zoom: 1;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.button:hover {
  opacity: 0.9;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.button:hover::before {
  right: 0;
  bottom: 0;
}

.buttonAssist {
  display: inline-block;
  width: 100%;
}

.buttonAssist button {
  border: none;
  background: none;
  position: relative;
}

.buttonAssist button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  display: block;
  height: 1px;
  width: 60px;
  background-color: #CEB069;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.buttonAssist:hover button::after {
  width: 120px;
}

.popupWindow {
  display: none;
  width: 100vw;
  height: 100vh;
  background: #052019;
  position: fixed;
  top: 0;
  left: 0;
}

.popupWindow_box {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  padding: 3em;
  line-height: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popupWindow_box h3 {
  margin-top: .3em;
  font-size: 3em;
}

@media (max-width: 768px) {
  .popupWindow_box h3 .serve {
    display: none;
  }
  .popupWindow_box h3 .serve_rwd {
    display: block;
  }
}

.popupWindow_box p {
  margin-top: 1em;
  display: inline-block;
}

.close {
  cursor: pointer;
  z-index: 10;
  font-size: 30px;
  position: fixed;
  top: 1em;
  right: 1em;
}

#learn-more rect {
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media (max-width: 1024px) {
  .popupWindow_box h3 {
    font-size: 2em;
  }
}

@media (max-width: 425px) {
  .fullVersion {
    font-size: 12px;
  }
}

.banner {
  width: 100%;
  /*
    height: calc(100vh - 101px);
    background-color: #1B2784;
    */
  /* 因為影片大小而設，不需要可以拿掉 */
  overflow: hidden;
}

.banner video {
  -webkit-transform: translateY(-15%);
          transform: translateY(-15%);
}

.bannerAssist {
  width: 100%;
  background: url("../../img/index/bannerAssist.jpg") center/cover no-repeat;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.bannerAssist h3, .bannerAssist h2 {
  padding: 1em 3em 1em 3em;
}

.navigationHeadr_RWD .img {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

/* one page at a time */
.onePage {
  height: 100vh;
  overflow: hidden;
}

.onePage.multiWordCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1440px) {
  .onePage .footerBlack {
    margin-top: 0;
  }
}

@media (max-width: 1024px) {
  .onePage.graphicCard article {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

@media (max-width: 768px) {
  .onePage {
    height: auto;
    overflow: visible;
  }
  .onePage.graphicCard {
    display: block;
  }
  .onePage.graphicCard .carousel, .onePage.graphicCard article {
    width: 100%;
  }
  .onePage.graphicCard .carousel {
    top: 150px;
  }
  .onePage.graphicCard article {
    padding-top: 25em;
  }
  .onePage.graphicCard article > * {
    margin-top: 1em;
  }
  .onePage.graphicCard article h2, .onePage.graphicCard article p {
    padding-left: 2em;
    padding-right: 2em;
  }
  .onePage.graphicCard article button {
    margin-left: 2em;
    margin-top: 2em;
  }
  .onePage.pictureCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 3em;
  }
  .onePage.pictureCard article {
    padding: 5em 1em 1em 1em;
    margin-top: 26em;
  }
  .onePage.pictureCard article > * {
    margin-top: .5em;
  }
  .onePage.multiWordCard header {
    margin-top: 180px;
  }
  .onePage.multiWordCard .boxCard {
    margin-top: 0em;
  }
  .onePage.multiWordCard .boxCard .box {
    margin: .1em;
  }
  .onePage .bannerAssist {
    margin-top: 120px;
  }
}

@media (max-width: 425px) {
  .onePage.graphicCard {
    display: block;
  }
  .onePage.graphicCard .carousel, .onePage.graphicCard article {
    width: 100%;
  }
  .onePage.graphicCard .carousel {
    top: 0px;
  }
  .onePage.graphicCard article {
    padding-top: 8em;
    padding-bottom: 3em;
  }
  .onePage.graphicCard article > * {
    margin-top: 1em;
  }
  .onePage.graphicCard article h2, .onePage.graphicCard article p {
    padding-left: 1em;
    padding-right: 1em;
  }
  .onePage.graphicCard article button {
    margin-left: 1em;
    margin-top: 2em;
  }
  .onePage.pictureCard {
    margin-top: 60px;
  }
  .onePage.multiWordCard header {
    margin-top: 60px;
  }
}

.contactBackground {
  background: red;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 30px;
  padding-bottom: 30px;
}

.formBlack {
  width: 60%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.formBlack .formBlack_text, .formBlack form {
  padding: 50px 60px 50px 80px;
}

.formBlack .formBlack_text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 2em;
}

.formBlack .formBlack_text h2 {
  margin-bottom: .5em;
}

.formBlack form {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  border-left: 1px solid #CEB069;
  padding-left: 3em;
}

.formBlack form label {
  display: block;
  line-height: 1.5;
  margin-bottom: 1em;
}

.formBlack form label input, .formBlack form label textarea {
  width: 100%;
  border: none;
  background: none;
  border-radius: none;
  border-bottom: 1px solid #CEB069;
  padding: 4px;
}

.formBlack form label input:focus, .formBlack form label textarea:focus {
  outline: 1px solid #CEB069;
}

.formBlack form label .genderInput {
  margin-right: 2em;
}

.formBlack form label input[type="radio"] {
  width: auto;
}

.formBlack form input[type="submit"] {
  background: #CEB069;
  color: #fff;
  border: none;
  padding: 20px;
  width: 100%;
  margin-top: 4em;
}

@media (max-width: 768px) {
  .contactBackground {
    width: auto;
    display: block;
  }
  .contactBackground .formBlack {
    display: block;
    width: 100%;
  }
  .contactBackground .formBlack .formBlack_text, .contactBackground .formBlack form {
    padding: 20px;
  }
  .contactBackground .formBlack form {
    border: none;
  }
  .contactBackground .formBlack form label {
    line-height: 2;
  }
}

.serve_rwd {
  display: none;
  width: 100%;
  height: 100%;
  margin-bottom: calc(100vh - 117px);
}

.serve_rwd .fullVersion {
  background: url("https://www.crazyppt.com/wp-content/uploads/2018/10/1-1PH1120331.jpg") center/100% 100% no-repeat;
  width: 100%;
  height: calc(100vh - 117px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  position: absolute;
  top: 117px;
  /*
        &:hover{
            //transform: scale(110%);
            .fullVersionText{
                transform: translateY(-10%);
                background: linear-gradient(to bottom, rgba(35, 35, 35, 0.05) 0%, rgba(35, 35, 35, 0.92) 75%);
                h3{
                    background: none;
                }
                p{
                    opacity: 1;
                }
            }
        }
        */
}

.serve_rwd .fullVersion .fullVersionText {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  line-height: 1.5;
  opacity: 0;
}

.serve_rwd .fullVersion .fullVersionText h2 {
  font-weight: 900;
}

.serve_rwd .fullVersion .fullVersionText p {
  margin-top: 1em;
}

.popupWindow_box {
  background: url("../../img/cooperationCase/04.jpg") center/100% 100% no-repeat;
}

.popupWindow_box > div {
  padding: 30px;
  border: 10px double;
  background: #05201999;
}

.fullVersion:nth-child(2) {
  background: url("data:image/jpeg;base64,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") center/100% 100% no-repeat;
}

.fullVersion:nth-child(3) {
  background: url("https://prd-image-masters.caravan-stories.com.tw/c/sig=1.wJPHhERFgwnK6pqXcpnOuTgK_Pkdv2HcqqPh335P2iM=/caravan-stories/masters/production-tw/attachments/1b21c7fb435b583e0592c03c04df26a9.jpg") center/100% 100% no-repeat;
}

.fullVersion:nth-child(4) {
  background: url("https://png.pngtree.com/thumb_back/fh260/background/20190221/ourmid/pngtree-fresh-dream-warm-rendering-image_19702.jpg") center/100% 100% no-repeat;
}

.fullVersion:nth-child(5) {
  background: url("https://thumb.photo-ac.com/d5/d57dc2cecb2114882678ba16700eea2d_t.jpeg") center/100% 100% no-repeat;
}

.fullVersion:nth-child(6) {
  background: url("https://thumb.photo-ac.com/d5/d57dc2cecb2114882678ba16700eea2d_t.jpeg") center/100% 100% no-repeat;
}

.arrow {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}

.arrow span {
  padding: 10px;
}

.bookmark {
  z-index: 2;
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0;
  text-align: center;
}

.bookmark .circle {
  display: inline-block;
  padding: 4px;
  margin: 4px;
  border-radius: 50%;
  background: transparent;
  border: 2px solid #CEB069;
}

@media (max-width: 768px) {
  .serve {
    display: none;
  }
  .serve_rwd {
    display: block;
  }
}
/*# sourceMappingURL=all.css.map *//* End custom CSS */