* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none
}

html,
body {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans TC", Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  color: #000;
  font-size: 1rem;
  font-weight: 400
}

ul,
ol {
  padding-left: 1.5em
}

a:hover {
  text-decoration: none;
  outline: none;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  color: #000
}

a,
button {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  text-decoration: none;
  outline: none;
  color: #000
}

::-webkit-scrollbar {
  width: 8px;
  background-color: transparent
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: none
}

::-webkit-scrollbar-track-piece {
  background-color: transparent
}

::-webkit-scrollbar-track {
  background-color: transparent
}

::-webkit-scrollbar-thumb {
  background-color: #B4995A
}

::-webkit-scrollbar-thumb:hover {
  background-color: #A52A1C
}

::selection {
  background: #BA3240;
  color: #fff
}

.nav_adtop {
  display: block;
  background-color: #B4995A;
  position: relative
}

.nav_adtop a {
  display: block;
  color: #fff;
  text-align: center;
  font-size: .92rem;
  padding: .5em 3em
}

.top_d {
  position: absolute;
  top: 0;
  bottom: 0;
  right: .8em;
  margin: auto;
  cursor: pointer;
  width: 18px;
  height: 18px
}

.top_d i {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.top_d i:nth-child(1) {
  transform: rotate(45deg)
}

.top_d i:nth-child(2) {
  transform: rotate(-45deg)
}

.nav_c_icon {
  display: none
}

.navbar-default {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3em;
  background-color: #fff
}

.navbar-default .logo {
  padding: .5em 0
}

.navbar-default.nav_scrolled {
  width: 100%;
  padding: 0 3em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)
}

.navbar-default.nav_scrolled .logo {
  width: 135px
}

.navbar-default.nav_scrolled .nav_box ul li a {
  padding: 1.2em 0
}

.navbar-default.nav_scrolled .nav_box ul li .nav_menu dd a {
  padding: .5em 0
}

.nav_box {
  display: block
}

.nav_box ul {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.nav_box ul li {
  list-style: none;
  margin: 0 1em;
  position: relative
}

.nav_box ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #000;
  border-bottom: 2px solid transparent;
  padding: 2em 0
}

.nav_box ul li .nav_menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  z-index: 99;
  width: 200px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1)
}

.nav_box ul li .nav_menu dd a {
  padding: .5em 0
}

.nav_box ul li:hover a,
.nav_box ul li:focus a {
  border-color: #B4995A
}

.nav_box ul li:hover .nav_menu,
.nav_box ul li:focus .nav_menu {
  display: block
}

.nav_box ul li:hover .nav_menu dd a,
.nav_box ul li:focus .nav_menu dd a {
  border-color: transparent
}

.nav_box ul li:hover .nav_menu dd a:hover,
.nav_box ul li:hover .nav_menu dd a:focus,
.nav_box ul li:focus .nav_menu dd a:hover,
.nav_box ul li:focus .nav_menu dd a:focus {
  border-color: #B4995A
}

.nav_box .footer_box2 {
  display: none
}

@media (max-width: 991px) {
  .navbar-default {
    padding: 0 1.5em
  }

  .navbar-default.nav_scrolled {
    padding: 0 1.1em
  }

  .navbar-default .logo {
    width: 15%
  }

  .nav_box ul li {
    margin: 0 .5em
  }

  .nav_box ul li a {
    padding: 1.2em 0
  }

  .nav_box ul li:last-child {
    margin-right: 0
  }
}

@media (max-width: 767px) {
  .navbar-default {
    padding: 0 0 0 1em
  }

  .navbar-default.nav_scrolled {
    padding: 0 0 0 1em
  }

  .navbar-default.nav_scrolled .nav_box ul li a {
    padding: .5em 0
  }

  .navbar-default .logo {
    width: 135px
  }

  .nav_box {
    -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(176, 176, 173, 0.98);
    z-index: 99;
    padding-top: 5em;
    transform: translateX(-60em);
    overflow-y: auto
  }

  .nav_box ul {
    display: block;
    text-align: center
  }

  .nav_box ul li {
    margin: 1em auto
  }

  .nav_box ul li a {
    color: #fff;
    font-size: 1.5rem;
    padding: .5em 0
  }

  .nav_box ul li a:hover,
  .nav_box ul li a:focus {
    border-color: #A52A1C;
    color: #A52A1C
  }

  .nav_box ul li .nav_menu {
    display: none;
    position: initial;
    width: 100%;
    left: 0;
    transform: none;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5)
  }

  .nav_box ul li .nav_menu dd a {
    color: #000;
    font-size: 1.25rem
  }

  .nav_box ul li:hover .nav_menu,
  .nav_box ul li:focus .nav_menu {
    display: none;
    position: initial
  }

  .nav_box ul li:hover .nav_menu dd a:hover,
  .nav_box ul li:hover .nav_menu dd a:focus,
  .nav_box ul li:focus .nav_menu dd a:hover,
  .nav_box ul li:focus .nav_menu dd a:focus {
    background-color: #B4995A;
    color: #fff
  }

  .nav_box .footer_box2 {
    display: block
  }

  .nav_box.active {
    transform: translateX(0)
  }

  .nav_c_icon {
    display: flex;
    align-items: center;
    justify-content: center
  }

  .togglebar {
    -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 70px;
    height: 70px;
    background-color: #BA3240;
    cursor: pointer;
    position: relative;
    z-index: 99
  }

  .togglebar i {
    -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    display: block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin: .25em auto
  }

  .togglebar.active {
    background-color: #B4995A
  }

  .togglebar.active i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
  }

  .togglebar.active i:nth-child(1) {
    transform: rotate(45deg)
  }

  .togglebar.active i:nth-child(2) {
    opacity: 0
  }

  .togglebar.active i:nth-child(3) {
    transform: rotate(-45deg)
  }

  .n_c_a {
    font-size: 1rem;
    color: #BA3240;
    border-bottom: 1px solid #BA3240;
    padding-bottom: .3em;
    margin-right: 1em
  }

  .n_c_a img {
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    margin-right: .3em
  }

  .n_c_a:hover,
  .n_c_a:focus {
    color: #B4995A
  }
}

@media (max-width: 480px) {
  .nav_adtop a {
    padding: .5em 2.5em .5em .5em;
    text-align: left
  }

  .navbar-default {
    padding: 0 0 0 .5em
  }

  .navbar-default.nav_scrolled {
    padding: 0 0 0 .5em
  }

  .navbar-default.nav_scrolled .logo {
    width: 110px
  }

  .navbar-default .logo {
    width: 110px
  }

  .n_c_a img {
    margin-right: .1em
  }
}

@media (max-width: 360px) {
  .nav_box {
    padding-top: 3em
  }
}

.wrapper {
  background-color: #F5F2ED
}

.pr_box {
  width: 100%;
  background-color: #BA3240;
  padding: 1.5em 3em;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  font-size: 1rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  color: #fff
}

.pr_box a {
  color: #fff;
  text-decoration: underline
}

.pr_box button {
  display: inline-block;
  vertical-align: middle;
  background-color: #BA3240;
  border: 2px solid #fff;
  color: #fff;
  padding: .8em 2em;
  font-size: 1.1rem;
  margin: .5em auto 0;
  margin-left: 1em
}

.pr_box button:hover,
.pr_box button:focus {
  background-color: #B4995A;
  border-color: #B4995A
}

.in_slick .slick-dots {
  bottom: -2.5em
}

.in_slick .slick-dots li {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  margin: 0 .5em;
  width: 50px;
  height: 8px
}

.in_slick .slick-dots li button {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  width: 50px;
  height: 8px
}

.in_slick .slick-dots li button:before {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  content: "";
  width: 50px;
  height: 4px;
  background-color: #B0B0AD;
  opacity: 1
}

.in_slick .slick-dots li.slick-active {
  width: 90px
}

.in_slick .slick-dots li.slick-active button {
  width: 90px
}

.in_slick .slick-dots li.slick-active button:before {
  width: 90px;
  opacity: 1;
  background-color: #B4995A
}

.scroll {
  font-family: "Bentham", serif;
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  text-align: center;
  color: #fff
}

.scroll:after {
  display: block;
  content: "";
  width: 1px;
  height: 30px;
  background-color: #fff;
  margin: 0 auto
}

.in_top_link {
  margin: 6em auto 4em;
  padding: 1em 0
}

.in_top_link ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.in_top_link ul li {
  margin: 0 1em
}

.in_top_link ul li a {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  background-color: #B0B0AD;
  color: #fff
}

.in_top_link ul li a span {
  display: block;
  font-size: 1.1rem;
  margin-top: .5em
}

.in_top_link ul li a:hover,
.in_top_link ul li a:focus {
  background-color: #A52A1C
}

.in_n_bg {
  background-color: #F0EDD5;
  padding: 3.5em 0 5em;
  position: relative
}

.in_n_bg .in_bg {
  position: absolute;
  right: 0;
  bottom: -32%;
  margin: auto
}

.in_n_items {
  margin: 1em;
  padding: .5em 0
}

.in_n_items a {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  position: relative
}

.in_n_items a b {
  display: block;
  background-color: #BA3240;
  font-weight: 400;
  color: #fff;
  padding: .3em 1em;
  position: absolute;
  top: 1em;
  left: 1em;
  border-radius: 4px
}

.in_n_items a em {
  display: block;
  background-color: #B0B0AD;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  padding: .3em 1em;
  position: absolute;
  top: 1em;
  left: 1em;
  border-radius: 4px
}

.in_n_items a img {
  display: block;
  width: 100%
}

.in_n_items a .in_n_hover {
  padding: 1.5em 1em;
  background-color: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.in_n_items a .in_n_hover span {
  display: block;
  font-size: .9rem;
  margin-bottom: .5em;
  color: #A52A1C;
  font-weight: 500
}

.in_n_items a .in_n_hover h3 {
  font-size: 1.1rem;
  display: inline;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(55%, rgba(165, 42, 28, 0.15)));
  background-image: linear-gradient(transparent 55%, rgba(165, 42, 28, 0.15) 55%);
  padding: 5px 0;
  line-height: 30px;
  font-weight: 500
}

.in_n_items a .in_n_hover p {
  font-size: 1rem;
  margin-top: 1em
}

.in_n_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1em;
  margin-bottom: 1em
}

.in_n_title h3 {
  margin-bottom: 0;
  font-family: "Bentham", serif;
  font-size: 6.25rem;
  color: #A52A1C;
  letter-spacing: -7px;
  line-height: 65px
}

.in_n_title h3 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.42rem;
  margin-left: 1em;
  color: #000;
  font-weight: 700;
  letter-spacing: 2px
}

.in_n_slick {
  z-index: 1
}

.in_n_arrow {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.in_n_arrow .n_left {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #B0B0AD url(../image/icon/arrows.png) no-repeat center;
  cursor: pointer;
  margin: 0 .3em;
  transform: scaleX(-1)
}

.in_n_arrow .n_left:hover,
.in_n_arrow .n_left:focus {
  background-color: #A52A1C
}

.in_n_arrow .n_right {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #B0B0AD url(../image/icon/arrows.png) no-repeat center;
  cursor: pointer;
  margin: 0 .3em
}

.in_n_arrow .n_right:hover,
.in_n_arrow .n_right:focus {
  background-color: #A52A1C
}

.in_a {
  width: 100%;
  position: absolute;
  bottom: -6.8em;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.in_a a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 60px;
  border-radius: 50px;
  background-color: #BA3240;
  color: #fff;
  font-size: 1rem;
  margin: 0 auto
}

.in_a a:hover,
.in_a a:focus {
  box-shadow: 8px 6px 0 rgba(176, 176, 173, 0.5)
}

.in_l_bg {
  padding: 7em 0 3em
}

.in_l_box {
  margin-bottom: 1.85em
}

.in_l_box a img {
  display: block;
  border-radius: 6px
}

.footer {
  background-color: #373737;
  padding: 3em 0 0
}

.footer_logo img {
  display: block;
  margin: 0 auto
}

.footer_box dl {
  margin-bottom: 1.2em
}

.footer_box dl dd {
  display: inline-block;
  vertical-align: middle
}

.footer_box dl dd a {
  display: block;
  color: #fff;
  font-size: 1.1rem;
  padding: 0 1em;
  position: relative
}

.footer_box dl dd a:after {
  display: block;
  content: "";
  background-color: #fff;
  width: 1px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.footer_box dl dd a:hover,
.footer_box dl dd a:focus {
  color: #B4995A
}

.footer_box dl dd:last-child a:after {
  content: normal
}

.footer_box ul {
  list-style: none;
  padding-left: 1em
}

.footer_box ul li {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 1rem;
  margin-right: 1em;
  margin-bottom: .3em
}

.footer_box ul li a {
  color: #fff
}

.footer_box2 span {
  display: block;
  color: #fff;
  text-align: right;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: .8em;
  font-size: 1rem
}

.footer_box2 ul {
  text-align: right
}

.footer_box2 ul li {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  display: inline-block;
  vertical-align: middle;
  margin-left: .5em
}

.footer_box2 ul li:hover,
.footer_box2 ul li:focus {
  opacity: .5
}

.footer_copyright {
  background-color: #BA3240;
  margin-top: 2em
}

.footer_copyright p {
  display: block;
  text-align: center;
  color: #fff;
  padding: .5em 0
}

.footer_copyright p a {
  color: #fff;
  font-size: 1rem
}

.f_right_box {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  position: fixed;
  right: 1.5em;
  bottom: 1em
}

.f_right_box.scrolled {
  bottom: 11em
}

.f_right_box.scrolled .top {
  display: flex
}

.f_contact {
  margin-bottom: 1em
}

.f_contact a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100px;
  height: 100px;
  background-color: #A52A1C;
  border-radius: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16)
}

.f_contact a img {
  display: block;
  margin: 0 auto
}

.f_contact a span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1rem
}

.f_contact a:hover,
.f_contact a:focus {
  background-color: #B4995A
}

.top {
  display: flex;
  align-items: center;
  display: none;
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  justify-content: center;
  flex-direction: column;
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  -webkit-animation: fadeIn 1.5s;
  -moz-animation: fadeIn 1.5s;
  -ms-animation: fadeIn 1.5s;
  -o-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s
}

.top img {
  display: block;
  margin: 0 auto
}

.top span {
  display: block;
  text-align: center;
  color: #A52A1C;
  font-size: 1.1rem
}

.top:hover,
.top:focus {
  background-color: #B0B0AD
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@media (max-width: 1440px) {
  .f_right_box {
    right: .6em
  }

  .f_right_box.scrolled {
    bottom: 11em
  }
}

@media (max-width: 1199px) {
  .in_top_link ul li a {
    width: 120px;
    height: 120px
  }

  .in_top_link ul li a img{
    width: 30%
  }

  .in_top_link ul li a svg{
    width: 30%;
    height: 30%;

  }

  .in_top_link ul li a span {
    font-size: 1rem
  }

  .f_right_box.scrolled {
    bottom: 15em
  }
}

@media (max-width: 1099px) {
  .in_top_link ul li {
    margin: 0 .5em
  }

  .in_top_link ul li a {
    width: 110px;
    height: 110px
  }

  .in_top_link ul li a span {
    margin-top: .2em
  }
}

@media (max-width: 991px) {
  .in_top_link {
    margin: 4em auto 1em
  }

  .in_top_link ul {
    flex-wrap: wrap
  }

  .in_top_link ul li {
    margin: 0 .5em 1em
  }

  .footer_logo img {
    margin-bottom: 2em
  }

  .footer_box2 {
    margin-right: 1em
  }

  .footer_box2 ul li {
    margin-left: .3em
  }
}

@media (max-width: 767px) {
  .footer_box {
    text-align: center
  }

  .footer_box p {
    padding-left: 0
  }

  .footer_logo {
    width: 135px;
    margin: 0 auto
  }

  .footer_box2 {
    display: none;
    text-align: center;
    margin-top: 1.5em
  }

  .footer_box2 span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 0
  }

  .footer_box2 ul {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-left: 0
  }

  .footer {
    padding: 2em 0 0
  }

  .footer_copyright {
    margin-top: 1em
  }

  .f_contact {
    display: none
  }

  .f_right_box {
    bottom: 15em
  }

  .f_right_box.scrolled {
    bottom: 15em
  }

  .top {
    width: 80px;
    height: 80px
  }

  .top span {
    font-size: 1rem
  }
}

@media (max-width: 576px) {
  .in_top_link ul li {
    margin: 0 1.5em 1.5em
  }

  .in_n_title h3 {
    font-size: 5rem
  }

  .f_right_box {
    bottom: 16em
  }

  .f_right_box.scrolled {
    bottom: 16em
  }
}

@media (max-width: 480px) {
  .in_top_link {
    margin: 3em auto 0
  }

  .in_top_link ul li {
    margin: 0 1em 1.5em
  }

  .in_top_link ul li a {
    width: 88px;
    height: 88px
  }

  .in_top_link ul li a span {
    font-size: .9rem
  }

  .in_n_title {
    flex-wrap: wrap
  }

  .in_n_title h3 {
    width: 100%;
    font-size: 4rem;
    letter-spacing: -3px;
    text-align: center;
    margin-bottom: 0
  }

  .in_n_title h3 span {
    font-size: 1.1rem;
    letter-spacing: 0
  }

  .in_n_arrow .n_right {
    position: absolute;
    top: 8em;
    bottom: 0;
    right: 1em;
    margin: auto;
    z-index: 2
  }

  .in_n_arrow .n_left {
    position: absolute;
    top: 8em;
    bottom: 0;
    left: 1em;
    margin: auto;
    z-index: 2
  }

  .footer_box ul {
    padding: 0
  }

  .footer_box ul li {
    display: block;
    margin-right: 0
  }

  .in_l_bg {
    padding: 5em 0 1em
  }

  .scroll {
    font-size: .9rem
  }

  .footer_box dl dd a {
    padding: 0 .5em
  }

  .top {
    width: 65px;
    height: 65px
  }

  .top img {
    width: 35%
  }

  .top span {
    font-size: .9rem
  }

  .f_right_box {
    bottom: 17em
  }

  .f_right_box.scrolled {
    bottom: 17em
  }

  .pr_box {
    padding: 1.5em
  }

  .pr_box button {
    display: block;
    margin: 1em auto 0
  }
}

@media (max-width: 400px) {
  .footer_box dl dd a {
    padding: 0 .2em
  }

  .footer_box dl dd a:after {
    content: normal
  }
}

@media (max-width: 360px) {
  .in_top_link ul li {
    margin: 0 .5em 1.5em
  }

  .f_right_box {
    bottom: 22em
  }

  .f_right_box.scrolled {
    bottom: 22em
  }
}

.news_banner {
  position: relative
}

.news_banner img {
  display: block
}

.news_banner .n_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 450px;
  height: 150px;
  background-color: rgba(165, 42, 28, 0.9);
  position: absolute;
  bottom: 0;
  right: 11em;
  margin: auto
}

.news_banner .n_title h1,
.news_banner .n_title .h1 {
  color: #fff;
  font-size: 2.17rem;
  font-weight: 500;
  text-align: right
}

.news_banner .n_title h1 span,
.news_banner .n_title .h1 span {
  font-family: "Bentham", serif;
  display: block;
  font-size: 1.25rem
}

.bread_box {
  background-color: #B4995A
}

.bread_box ul {
  text-align: right;
  list-style: none;
  width: 81%;
  margin: 0 auto;
  padding: .5em 0
}

.bread_box ul li {
  display: inline-block;
  vertical-align: middle;
  vertical-align: top;
  color: #fff;
  margin-left: .2em
}

.bread_box ul li a {
  color: #fff;
  font-size: 1rem
}

.n_bg {
  padding-top: 4.5em
}

.n_list {
  margin: 0 -14px;
  margin-bottom: 3em
}

.n_list ul {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.n_list ul li {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  display: block;
  width: calc(100% / 5);
  border-radius: 6px;
  background-color: #B0B0AD;
  margin: .5em .8em
}

.n_list ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: .8em .5em;
  text-align: center;
  font-size: 1.25rem;
  color: #fff
}

.n_list ul li:hover,
.n_list ul li:focus,
.n_list ul li.active {
  background-color: #BA3240
}

.page {
  margin: 5em auto
}

.page ul {
  text-align: center;
  list-style: none;
  padding: 0
}

.page ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .7em
}

.page ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border: 1px solid #B0B0AD;
  background-color: #fff;
  border-radius: 100%
}

.page ul li a img {
  display: block
}

.page ul li a:hover,
.page ul li a:focus,
.page ul li a.active {
  background-color: #B0B0AD;
  color: #fff
}

.page ul li.pre img {
  transform: scaleX(-1)
}

.page ul li.pre a {
  border: 0;
  width: auto;
  background-color: transparent
}

.page ul li.pre a:hover,
.page ul li.pre a:focus {
  background-color: transparent
}

.page ul li.nex a {
  border: 0;
  width: auto;
  background-color: transparent
}

.page ul li.nex a:hover,
.page ul li.nex a:focus {
  background-color: transparent
}

.n_top_title {
  background-color: #fff;
  padding: 2em 1.5em 1.5em;
  border-bottom: 1px solid #B0B0AD;
  margin-bottom: 2em;
  position: relative
}

.n_top_title:after {
  display: block;
  content: "";
  width: 114px;
  height: 7px;
  background-color: #BA3240;
  position: absolute;
  right: -2.3em;
  bottom: -.3em
}

.n_top_title h1 {
  font-weight: 500;
  font-size: 1.4rem
}

.n_top_title span {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B4995A;
  min-width: 130px;
  height: 30px;
  padding: 0 .8em;
  border-radius: 50px;
  color: #fff;
  font-size: 1rem;
  position: absolute;
  top: -.8em
}

.n_content {
  margin: 1em auto
}

.n_content img {
  margin-bottom: 2em
}

.n_content p {
  font-size: 1rem;
  line-height: 30px
}

.n_share {
  margin-top: 2em;
  border-top: 1px solid #B0B0AD
}

.n_share ul {
  padding: 1.3em 0
}

.n_share ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-family: "Bentham", serif;
  margin: 0 .2em;
  color: #B0B0AD
}

.n_photo {
  margin: 3em auto
}

.n_photo h3 {
  text-align: center;
  font-size: 1.42rem;
  font-weight: 500;
  margin-bottom: 1em
}

.n_slick a {
  margin: 0 1em
}

.n_slick a p {
  text-align: center;
  margin: .5em 0;
  font-size: 1rem
}

.n_slick .slick-prev,
.n_slick .slick-next {
  transform: none;
  top: 35%;
  height: 47px;
  width: 47px;
  margin: auto;
  z-index: 1
}

.n_slick .slick-prev:before,
.n_slick .slick-next:before {
  display: block;
  content: "";
  width: 47px;
  height: 47px;
  border-radius: 4px;
  background: #A52A1C url(../image/icon/arrows.png) no-repeat center;
  opacity: 1
}

.n_slick .slick-prev.slick-disabled:before,
.n_slick .slick-next.slick-disabled:before {
  background-color: #B0B0AD;
  opacity: 1
}

.n_slick .slick-prev {
  transform: scaleX(-1);
  left: 0
}

.n_slick .slick-next {
  right: 0
}

.n_button {
  display: flex;
  align-items: center;
  justify-content: center
}

.n_a {
  margin-top: 3em;
  margin-bottom: 1em
}

.n_a a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 60px;
  background-color: #BA3240;
  border-radius: 50px;
  font-size: 1rem;
  margin: 0 auto;
  color: #fff
}

.n_a a:hover,
.n_a a:focus {
  box-shadow: 6px 7px 0 rgba(176, 176, 173, 0.5)
}

.n_a-2 {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 60px;
  background-color: #B4995A;
  border-radius: 50px;
  font-size: 1rem;
  margin: 3em 1em 1em;
  color: #fff;
  cursor: pointer
}

.n_a-2:hover,
.n_a-2:focus {
  background-color: #A52A1C
}

.book_box {
  display: none
}

.book_box h3 {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 1em
}

.book_area {
  background-color: #fff;
  padding: 3em 8em;
  margin-bottom: 2em
}

.book_area h6 {
  display: block;
  margin: 0 auto 1em;
  font-size: 1.25rem;
  border-bottom: 1px solid #D2D2D2;
  color: #000;
  position: relative;
  font-weight: 400;
  padding: .5em
}

.book_area h6:after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background-color: #B4995A;
  position: absolute;
  left: 0;
  bottom: -2px
}

.book_area ul {
  list-style: none;
  padding: 0
}

.book_area ul li {
  border-bottom: 1px solid #B4995A;
  padding: 1.5em 1em
}

.book_area ul li:last-child {
  border: 0
}

.book_area ul {
  padding: 0
}

.book_area ul li label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-left: 2.2em;
  font-weight: 400
}

.book_area ul li label::after {
  content: url(../image/icon/check.png);
  position: absolute;
  left: 0;
  top: 2px
}

.book_area ul li label h4 {
  font-weight: 400;
  font-size: 1.25rem
}

.book_area ul li label h4 span {
  display: block;
  font-size: 1rem
}

.book_area ul li label h4 em {
  display: block;
  font-size: 1rem;
  font-style: normal;
  color: #BA3240
}

.book_area ul li label h5 {
  font-size: 1.1rem;
  font-weight: 400
}

.book_area ul li input[type="radio"] {
  display: none
}

.book_area ul li input[type="radio"]:checked+label::after {
  content: url(../image/icon/check2.png)
}

.group {
  margin: .6em auto 1em
}

.group label {
  display: block;
  color: #000;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: .5em
}

.group label span {
  color: #BA3240
}

.group .form-control {
  height: 54px;
  border-color: #B0B0AD
}

.group p {
  display: block;
  color: #BA3240;
  font-size: 1rem;
  margin-top: .3em
}

.group button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 215px;
  height: 58px;
  border-radius: 4px;
  background-color: #B4995A;
  font-size: 1.1rem;
  color: #fff;
  border: 0;
  margin: 0 auto
}

.group button:hover,
.group button:focus {
  background-color: #A52A1C
}

.group2 {
  margin-top: 3em
}

.book_box2 {
  text-align: center;
  background-color: #F3F3F3;
  border-radius: 4px;
  margin: 2em auto;
  padding: 2em
}

.book_box2 h4 {
  color: #A52A1C;
  font-size: 1.1rem;
  font-weight: 400
}

.book_box2 p {
  font-size: 1.1rem;
  margin: 1em auto
}

.book_box2 ol {
  text-align: center;
  margin-bottom: 1em;
  padding: 0
}

.book_box2 ol li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em;
  font-size: 1.1rem
}

.book_box2 ol li span {
  color: #B4995A
}

.book_box2 .custom-control-label {
  font-size: 1.1rem
}

.book_box2 .custom-control-label::before {
  top: .1rem;
  left: -1.8rem;
  width: 1.5rem;
  height: 1.5rem
}

.book_box2 .custom-control-label::after {
  top: .1rem;
  left: -1.8rem;
  width: 1.5rem;
  height: 1.5rem
}

.book_area2 {
  display: block;
  background-color: #fff;
  padding: 3em 1em
}

.book_area3 {
  text-align: left;
  width: 45%;
  margin: 0 auto
}

.book_area3 h3 {
  font-size: 1.58rem;
  text-align: center;
  font-weight: 400;
  margin-bottom: 1.5em
}

.book_area3 h3 img {
  display: block;
  margin: 0 auto .5em
}

.book_area3 h4 {
  font-weight: 500;
  font-size: 1.3rem;
  color: #000;
  margin-bottom: .5em
}

.book_area3 h4 span {
  color: #BA3240
}

.book_area3 h5 {
  font-weight: 400;
  font-size: 1.3rem;
  color: #000;
  margin-bottom: .5em
}

.book_area3 h6 {
  font-weight: 400;
  font-size: 1.3rem;
  color: #000;
  margin-bottom: .5em;
  text-align: left
}

.book_area3 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 215px;
  height: 58px;
  border-radius: 4px;
  background-color: #B4995A;
  color: #fff;
  font-size: 1.1rem;
  margin: 3em auto 0
}

.book_area3 a:hover,
.book_area3 a:focus {
  background-color: #BA3240
}

.book_area3 .book_atm {
  text-align: left;
  margin: 2em auto
}

.book_area3 .book_atm p {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: .5em
}

.book_area3 .book_atm ul {
  list-style: none;
  padding: 0
}

.book_area3 .book_atm ul li {
  margin-bottom: 1em;
  font-size: 1.25rem
}

.book_area3 .book_atm ul li span {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  padding: .2em .5em;
  background-color: #BA3240;
  color: #fff;
  font-size: 1.1rem;
  border-radius: 4px;
  text-align: center;
  margin-right: .5em
}

#o_btn {
  height: 80px
}

@media (max-width: 1599px) {
  .book_area3 {
    width: 60%
  }
}

@media (max-width: 1399px) {
  .news_banner .n_title {
    right: 8em
  }

  .book_area {
    padding: 1.5em 3em
  }
}

@media (max-width: 1199px) {
  .news_banner .n_title {
    width: 400px;
    height: 120px;
    right: 7em
  }
}

@media (max-width: 1099px) {
  .news_banner .n_title {
    width: 350px;
    height: 110px;
    right: 6em
  }
}

@media (max-width: 991px) {
  .n_list ul {
    flex-wrap: wrap;
    justify-content: center
  }

  .n_top_title:after {
    right: -1em
  }

  .n_slick .slick-next {
    right: 0
  }

  .n_slick .slick-prev {
    left: 0
  }

  .book_box2 ol li {
    margin: 0 1em 1em
  }

  .book_area3 {
    width: 70%
  }
}

@media (max-width: 767px) {
  .n_bg {
    padding-top: 2.5em
  }

  .news_banner .n_title {
    right: 4em
  }

  .n_slick .slick-next {
    right: 0
  }

  .n_slick .slick-prev {
    left: 0
  }

  .group2 {
    margin-top: 0
  }

  .book_box2 {
    padding: 2em 1em
  }

  .book_area2 {
    padding: 3em 2em
  }

  .book_area3 {
    width: 100%
  }
}

@media (max-width: 576px) {
  .n_list ul li {
    width: calc(100% / 4)
  }

  .news_banner .n_title {
    right: 0
  }

  .n_slick .slick-prev,
  .n_slick .slick-next {
    top: 30%
  }

  .n_slick .slick-prev:before,
  .n_slick .slick-next:before {
    width: 40px;
    height: 40px
  }
}

@media (max-width: 480px) {
  .n_list ul li {
    width: 41%
  }

  .n_a {
    margin-bottom: 2em
  }

  .news_banner .n_title {
    position: initial;
    width: 100%;
    height: 90px;
    background-color: #a52a1c
  }

  .news_banner .n_title h1,
  .news_banner .n_title .h1 {
    font-size: 1.8rem
  }

  .n_top_title:after {
    right: 0;
    bottom: -.25em
  }

  .n_slick .slick-next {
    right: 0
  }

  .n_slick .slick-prev {
    left: 0
  }

  .n_photo {
    margin: 1em auto 3em
  }

  .book_area {
    padding: 1.5em 1em
  }

  .book_area ul li {
    padding: 1.5em 0
  }

  .book_area ul li label {
    display: block
  }

  .book_area ul li label h5 {
    margin-top: .5em
  }

  .n_button {
    display: block
  }

  .n_a-2 {
    margin: 0 auto 1em
  }

  .book_area2 {
    padding: 3em 1em
  }

  .book_area3 .book_atm ul li span {
    display: block;
    margin-bottom: .5em
  }
}

.c_title {
  margin-bottom: 1.5em
}

.c_title h3 {
  text-align: center;
  font-size: 1.58rem;
  font-weight: 500
}

.c_box {
  background-color: #fff;
  padding: 1.5em 1em;
  margin: 1.5em auto 3em;
  position: relative
}

.c_box:after {
  display: block;
  content: "";
  width: 102px;
  height: 5px;
  background-color: #A52A1C;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.2em
}

.c_box p {
  text-align: center;
  font-size: 1rem;
  line-height: 30px;
  font-weight: 400
}

.c_box p a {
  color: #000
}

.c_bg {
  background-color: #fff;
  padding: 5em 1em 3em;
  margin-bottom: 5em
}

.c_group {
  margin-bottom: 2em
}

.c_group label {
  color: #000;
  font-weight: 400;
  font-size: 1.1rem
}

.c_group label span {
  color: #BA3240
}

.c_group .form-control {
  border: 0;
  border-radius: 0;
  height: 58px;
  background-color: #EFEFEF;
  margin: .5em auto
}

.c_group .form-control_arrows,
.c_group option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #EFEFEF url(../image/icon/arrows3.png) no-repeat center;
  background-position-x: 96%
}

.c_group ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  text-align: center;
  margin-bottom: 0
}

.c_group ul li {
  margin: 0 .5em
}

.c_group ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  height: 53px;
  border-radius: 50px;
  background-color: #B0B0AD;
  color: #fff;
  font-size: 1rem
}

.c_group ul li button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  height: 53px;
  border-radius: 50px;
  background-color: #A52A1C;
  color: #fff;
  font-size: 1rem;
  border: 0;
  cursor: pointer
}

.c_group ul li button:hover,
.c_group ul li button:focus {
  box-shadow: 6px 7px 0 rgba(176, 176, 173, 0.5)
}

.c_group2 {
  margin-top: 2em
}

@media (max-width: 767px) {
  .c_bg {
    padding: 2em
  }
}

@media (max-width: 576px) {
  .c_group2 {
    margin-top: 0;
    margin-bottom: 3em
  }
}

@media (max-width: 480px) {
  .c_bg {
    padding: 2em 1em 0
  }

  .c_group ul li a {
    width: 120px
  }

  .c_group ul li button {
    width: 120px
  }
}

.q_list ul {
  flex-wrap: wrap
}

.q_list ul li {
  width: 17.5%
}

.qa {
  margin: 3em auto
}

.qa .q {
  background-color: #fff;
  padding: 1em 0;
  padding-left: 5em;
  position: relative;
  cursor: pointer
}

.qa .q em {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 1.58rem;
  font-family: "Bentham", serif;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #BA3240;
  color: #fff;
  position: absolute;
  top: -.8em;
  left: .5em
}

.qa .q h3 {
  font-size: 1.25rem;
  font-weight: 400;
  padding-right: 2em;
  background: url(../image/icon/arrows3.png) no-repeat right center;
  background-position-x: 98%
}

.qa .a {
  display: none
}

.qa .a .a_box {
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: #F1EAD8;
  padding: 2em 3.5em;
  margin-top: .5em;
  min-height: 152px
}

.qa .a .a_box em {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 1.58rem;
  font-family: "Bentham", serif;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #B4995A;
  color: #fff;
  margin-right: 1em
}

.qa .a .a_box p {
  font-size: 1rem;
  margin-top: .7em;
}

.qa .a .a_box .a_content {
  width: calc(100% - 50px);
}

@media (max-width: 1640px) {
  .q_list ul li {
    width: 22.5%
  }
}

@media (max-width: 1580px) {
  .q_list ul li {
    width: 22%
  }
}

@media (max-width: 1291px) {
  .q_list ul li {
    width: 30%
  }
}

@media (max-width: 576px) {
  .q_list ul li {
    width: 44%
  }

  .qa .a .a_box {
    padding: 1em
  }

  .qa .a .a_box em {
    margin-right: .5em
  }
}

@media (max-width: 480px) {
  .q_list ul li {
    width: 100%
  }

  .n_list ul li a {
    padding: .5em
  }

  .qa .q h3 {
    background-position-x: 95%
  }
}

@media (max-width: 360px) {
  .qa .q h3 {
    background-position-x: 92%
  }
}

.f_bg {
  padding: 4.5em 0
}

.f_search {
  margin: 2em auto;
  background-color: #fff;
  padding: 1.5em;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)
}

.f_search h3 {
  margin-bottom: 1em;
  font-size: 1.25rem;
  font-weight: 400;
  border-left: 3px solid #BA3240;
  padding-left: .7em
}

.f_search .f_form {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.f_search .f_form .form-control {
  height: 50px;
  border-radius: 0;
  border: 0;
  width: calc(100% - 20%);
  background-color: #F5F2ED
}

.f_search .f_form button {
  font-size: 1.1rem;
  background-color: #BA3240;
  border: 0;
  height: 50px;
  width: 20%;
  color: #fff
}

.f_search .f_form button:hover,
.f_search .f_form button:focus {
  background-color: #B4995A
}

.f_box a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1em auto
}

.f_box a:hover span,
.f_box a:focus span {
  background-color: #A52A1C
}

.f_box a:hover .f_box2,
.f_box a:focus .f_box2 {
  background-color: #B4995A;
  color: #fff
}

.f_box span {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BA3240;
  border: 1px solid #BA3240;
  width: 116px;
  height: 83px;
  color: #fff;
  font-size: 1.4rem
}

.f_box .f_box2 {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff url(../image/icon/arrows4.png) no-repeat right center;
  background-position-x: 93%;
  border: 1px solid #B0B0AD;
  height: 83px;
  width: calc(100% - 116px);
  padding: 0 1.5em;
  padding-right: 2em;
  font-size: 1.25rem;
  color: #000;
  font-weight: 500
}

.f_select h3 {
  display: none
}

.f_select .f_dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap
}

.f_a {
  position: relative;
  width: 45%;
  margin-bottom: 1.8em
}

.f_a a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 83px;
  border: 1px solid #B0B0AD;
  background-color: #fff;
  font-size: 1.25rem;
  font-weight: 500
}

.f_a span {
  display: none;
  background-color: #A52A1C;
  padding: .7em;
  color: #fff;
  font-size: 1rem;
  border-radius: 4px;
  min-width: 165px;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -11.5em;
  margin: auto;
  z-index: 1;
  pointer-events: none
}

.f_a span:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 17px 10px 0;
  border-color: transparent #A52A1C transparent transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.05em;
  margin: auto
}

.f_a:hover span,
.f_a:focus span {
  display: block
}

.f_a:hover a,
.f_a:focus a {
  background-color: #A52A1C;
  color: #fff;
  border-color: #A52A1C
}

.f_box3 {
  display: flex;
  align-items: center;
  justify-content: center
}

.f_box3 h4 {
  padding: 1em;
  color: #fff;
  font-size: 2rem;
  background-color: #BA3240;
  padding: .2em .6em;
  border-radius: 4px;
  font-weight: 400;
  margin-right: .5em
}

.f_box3 h3 {
  font-size: 1.9rem;
  font-weight: 400;
  color: #000
}

.f_box3 h3 span {
  font-family: "Bentham", serif;
  display: block;
  color: #B4995A;
  font-size: 1rem;
  font-weight: 400
}

.f_box4 {
  margin: 2em auto
}

.f_box4 ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0
}

.f_box4 ul li {
  margin: 0 1em
}

.f_brand {
  padding: 0 1em;
  margin: 1em auto
}

.f_brand a {
  display: block;
  position: relative
}

.f_brand a img {
  display: block;
  border: 1px solid #B0B0AD;
  border-radius: 6px;
  margin: 0 auto
}

.f_brand a .f_hover {
  -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(180, 153, 90, 0.8);
  border-radius: 6px;
  width: 100%;
  height: 100%;
  opacity: 0
}

.f_brand a .f_hover span {
  font-family: "Bentham", serif;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  width: 79px;
  height: 79px;
  border-radius: 100%;
  border: 1px solid #fff
}

.f_brand a:hover .f_hover,
.f_brand a:focus .f_hover {
  opacity: 1;
  width: 93%;
  height: 87%
}

.f_body {
  padding: 3em 5em
}

.f_body button {
  position: absolute;
  top: .2em;
  right: .5em;
  background-color: transparent;
  border: 0;
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer
}

.f_body button:hover,
.f_body button:focus {
  color: #000
}

.f_body img {
  display: block;
  border: 1px solid #ddd;
  margin: 1em auto 2em
}

.f_body h3 {
  font-size: 1.58rem;
  color: #000;
  font-weight: 500;
  border-left: 3px solid #BA3240;
  padding: 0 .6em;
  margin: 1.2em auto;
  line-height: 26px
}

.f_body p {
  font-size: 1rem;
  margin-bottom: 2em
}

.f_body ul {
  padding: 0;
  list-style: none
}

.f_body ul li {
  display: block;
  margin: .6em auto;
  font-size: 1rem
}

.f_body ul li span {
  display: inline-block;
  vertical-align: middle;
  padding: .1em 1em;
  border-radius: 4px;
  background-color: #BA3240;
  font-size: 1rem;
  color: #fff;
  margin-right: 1em
}

.f_body ul li a {
  text-decoration: underline;
  color: #000
}

.f_body ul li a:hover,
.f_body ul li a:focus {
  color: #B0B0AD
}

.f_page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.5em auto 5em;
  padding: 0 1em
}

.f_page ul {
  list-style: none;
  padding: 0
}

.f_page ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em
}

.f_page ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 43px;
  height: 43px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #B0B0AD
}

.f_page ul li a:hover,
.f_page ul li a:focus,
.f_page ul li a.active {
  background-color: #B0B0AD;
  color: #fff
}

.f_page ul li.pre {
  transform: scaleX(-1)
}

.f_page ul li.pre a {
  background-color: transparent;
  border: 0;
  width: auto;
  height: auto
}

.f_page ul li.nex a {
  background-color: transparent;
  border: 0;
  width: auto;
  height: auto
}

.f_page .f_bak a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 141px;
  height: 50px;
  border-radius: 50px;
  background-color: #BA3240;
  color: #fff;
  font-size: 1rem
}

.f_page .f_bak a:hover,
.f_page .f_bak a:focus {
  box-shadow: 8px 6px 0 rgba(176, 176, 173, 0.5)
}

@media (max-width: 1199px) {
  .f_a {
    margin-bottom: 1.3em
  }

  .f_a a {
    height: 60px;
    font-size: 1.1rem
  }

  .f_brand {
    padding: 0
  }
}

@media (max-width: 991px) {
  .f_box4 ul li {
    margin: 0 .5em
  }
}

@media (max-width: 767px) {
  .f_bg {
    padding: 2.5em 0
  }

  .f_select h3 {
    display: block;
    text-align: center;
    padding: .5em 1em;
    cursor: pointer;
    background: #fff url(../image/icon/arrows3.png) no-repeat right center;
    background-position-x: 95%;
    border: 1px solid #B0B0AD;
    margin-bottom: 1em
  }

  .f_select .f_dropdown {
    display: none;
    overflow: hidden;
    -webkit-animation: slide 1s 1;
    -moz-animation: slide 1s 1;
    -ms-animation: slide 1s 1;
    -o-animation: slide 1s 1;
    animation: slide 1s 1
  }

  .f_select .f_dropdown.active {
    display: flex
  }

  .f_a {
    width: 48%
  }

  .f_a span {
    -webkit-transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all .3s cubic-bezier(0.42, 0, 0.58, 1);
    display: inline-block;
    position: initial;
    transform: none;
    background-color: transparent;
    color: #000;
    min-width: auto;
    margin: 0
  }

  .f_a span:before {
    content: normal
  }

  .f_a a:hover span,
  .f_a a:focus span {
    color: #fff
  }
}

@-webkit-keyframes slide {
  from {
    height: 0;
    opacity: 0
  }

  to {
    height: auto;
    opacity: 1
  }
}

.f_page {
  margin: 1.5em auto 3em
}

.f_body {
  padding: 2em
}

.modal {
  padding: 0 !important
}

@media (max-width: 576px) {
  .f_box3 {
    margin-top: 1.5em
  }

  .f_box4 ul {
    flex-wrap: wrap
  }

  .f_box4 ul li {
    margin-bottom: .5em
  }
}

@media (max-width: 480px) {
  .f_box a {
    margin-bottom: 0
  }

  .f_box .f_box2 {
    padding: 0 1em;
    padding-right: 1.5em;
    height: 65px;
    width: calc(100% - 100px)
  }

  .f_box span {
    height: 65px;
    font-size: 1.25rem;
    width: 100px
  }

  .f_a {
    width: 48%
  }

  .f_a a {
    padding: 0 .5em;
    justify-content: flex-start
  }

  .f_a a span {
    padding: 0
  }

  .f_page {
    display: block;
    padding: 0;
    margin: 1.5em auto 2em
  }

  .f_page ul {
    text-align: center;
    margin-bottom: 1em
  }

  .f_page .f_bak {
    margin: 2em auto 0
  }

  .f_page .f_bak a {
    margin: 0 auto
  }

  .f_body ul li span {
    display: block;
    text-align: center;
    margin: 0 auto
  }

  .f_box3 {
    display: block;
    text-align: center
  }

  .f_box3 h4 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: .3em
  }

  .f_search .f_form .form-control {
    width: calc(100% - 30%)
  }

  .f_search .f_form button {
    width: 30%
  }
}

.s_title {
  margin: 0 auto 5em
}

.s_title iframe {
  margin-top: 2em;  
  height: 190px;
}

.s_title h3 {
  text-align: center;
  font-weight: 500;
  font-size: 1.58rem
}

.s_box {
  margin-bottom: 6em
}

.s_box img {
  display: block;
  margin: 0 auto
}

.s_box i {
  display: block;
  width: 160px;
  height: 8px;
  background-color: #BA3240;
  margin-top: -.25em;
  position: relative;
  z-index: 1
}

.s_box h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BA3240;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 400;
  text-align: center;
  width: 245px;
  height: 46px;
  margin-bottom: 1em
}

.s_box h4 {
  font-size: 1rem;
  color: #000;
  margin-bottom: 1em;
  font-weight: 400;
  padding: 0 1em
}

.s_box ul {
  display: inline-block;
  vertical-align: middle;
  vertical-align: top;
  list-style-type: square;
  width: 47%;
  margin-left: .7em
}

.s_box ul li {
  font-size: 1rem;
  margin-bottom: .5em
}

.s_box ul li::marker {
  color: #BA3240
}

.s_box dl dd {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  margin: 0 auto 1.3em;
  padding: 0 1em
}

.s_box dl dd h4 {
  font-size: 1.1rem;
  color: #B4995A;
  margin-bottom: 0;
  padding: 0
}

.s_box dl dd p {
  font-size: 1rem
}

.s_box2 {
  margin-bottom: 3em;
  padding: 0 .5em
}

.s_box2 h4 {
  color: #B4995A;
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 1em
}

.s_box2 p {
  font-size: 1rem;
  margin-bottom: 1em
}

.s_box2 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 172px;
  height: 40px;
  border-radius: 50px;
  background-color: #B4995A;
  font-size: 1rem;
  font-weight: 400;
  color: #fff
}

.s_box2 a img {
  margin-right: .5em
}

.s_box2 a:hover,
.s_box2 a:focus {
  background-color: #BA3240
}

.s_box3 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 4em
}

.s_box3 h3 {
  text-align: center;
  font-size: 1.58rem;
  font-weight: 400;
  background-color: #fff;
  position: relative;
  padding: 1.5em 1em;
  width: 100%
}

.s_box3 h3:before {
  display: block;
  content: "";
  width: 97px;
  height: 5px;
  background-color: #BA3240;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.15em;
  margin: auto
}

.s_box3 ul {
  list-style: none;
  position: absolute;
  right: 1.5em;
  bottom: -1.3em
}

.s_box3 ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .3em
}

.s_box3 ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 122px;
  height: 47px;
  background-color: #B4995A;
  border-radius: 4px;
  font-size: 1.1rem;
  color: #fff
}

.s_box3 ul li a:hover,
.s_box3 ul li a:focus {
  background-color: #BA3240
}

.s_box4 {
  margin-top: 2em
}

.s_box4 p {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1em;
  line-height: 28px
}

.s_box4 h4 {
  font-size: 1.1rem;
  margin: 1em auto;
  font-weight: 500
}

.s_box4 ul {
  margin-top: 1em
}

.s_box4 ul li {
  font-size: 1rem;
  margin-bottom: .8em
}

.s_box4 ul li::marker {
  color: #BA3240
}

.s_box4 h3 {
  display: block;
  background-color: #B0B0AD;
  font-size: 1.1rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: .4em 0
}

.s_bg {
  background-color: #fff;
  padding: 4em 0 6em
}

.s_bg p {
  font-size: 1rem;
  color: #000;
  line-height: 26px;
  margin-bottom: 1.5em
}

.s_bg h4 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 1.5em
}

.s_bg h5 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 1em
}

.s_bg ul li {
  font-size: 1rem;
  line-height: 30px;
  font-weight: 400
}

.s_bg ul li::marker {
  color: #BA3240
}

.s_box5 h3 {
  background-color: #F1EAD8;
  border-radius: 6px;
  color: #BA3240;
  font-size: 2.17rem;
  font-weight: 700;
  text-align: center;
  height: 127px;
  padding-top: .8em
}

.s_box5 .nav-tabs {
  list-style: none;
  text-align: center;
  padding: 0;
  margin-top: -1em
}

.s_box5 .nav-tabs .nav-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .4em
}

.s_box5 .nav-tabs .nav-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 1.25rem;
  background-color: #fff;
  padding: .3em 1.2em
}

.s_box5 .nav-tabs .nav-item a sub {
  font-size: 10px
}

.s_box5 .nav-tabs .nav-item a.active {
  background-color: #BA3240;
  color: #fff
}

.s_tabs .tab-content {
  margin-top: 1.8em
}

.s_tabs .tab-content h3 {
  margin-bottom: .5em;
  font-weight: 400;
  font-size: 1.1rem
}

.s_tabs .tab-content ol {
  padding-left: 1em;
  margin-bottom: 3em
}

.s_tabs .tab-content ol li {
  margin-bottom: .3em;
  font-size: 1rem;
  font-weight: 400
}

.s_tabs .tab-content p {
  text-align: right;
  font-size: 1rem;
  font-weight: 400
}

.s_tabs .tab-content table {
  width: 100%;
  margin-top: 1.2em;
  border-collapse: collapse
}

.s_tabs .tab-content table tr:first-child {
  background-color: #BA3240
}

.s_tabs .tab-content table tr:nth-child(even) {
  background-color: #fff
}

.s_tabs .tab-content table tr.table_d td {
  color: #B0B0AD
}

.s_tabs .tab-content table tr th {
  padding: .8em;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 400
}

.s_tabs .tab-content table tr td {
  padding: 1em;
  text-align: center;
  font-size: 1rem;
  font-weight: 400
}

.s_box6 {
  margin-bottom: 2em
}

.s_box6 h3 {
  display: block;
  font-size: 1.58rem;
  border-bottom: 1px solid #B0B0AD;
  padding: .6em .8em;
  font-weight: 400;
  position: relative
}

.s_box6 h3:after {
  display: block;
  content: "";
  width: 97px;
  height: 5px;
  background-color: #BA3240;
  position: absolute;
  bottom: -.1em;
  left: 0;
  margin: auto
}

.s_box6 p {
  padding: 1em;
  font-size: 1rem
}

.s_box6-2 {
  margin-top: 2em
}

.s_box6-2 h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 219px;
  height: 50px;
  border-radius: 4px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  background-color: #B4995A;
  margin-bottom: 1.5em
}

.s_box6-2 h4 {
  font-size: 1.1rem;
  color: #BA3240;
  font-weight: 500;
  margin-bottom: .8em
}

.s_box6-2 p {
  font-size: 1rem;
  color: #000;
  margin-bottom: 1em;
  line-height: 26px
}

.s_box6-2 p span {
  color: #B4995A
}

.s_box6-2 ul {
  margin-bottom: 1.2em
}

.s_box6-2 ul li {
  font-size: 1rem;
  margin-bottom: .3em
}

.s_box6-2 ul li::marker {
  color: #BA3240
}

.s_box6-2 h5 {
  color: #B4995A;
  font-size: 1rem;
  margin-bottom: .3em;
  font-weight: 500
}

.s_box6-2 ol {
  margin-bottom: 2em
}

.s_box6-2 ol li {
  margin-bottom: .5em;
  font-size: 1rem
}

.s_box6-2 img {
  margin: 1em auto
}

.s_box6-2 table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1.5em
}

.s_box6-2 table tr:first-child {
  background-color: #B0B0AD
}

.s_box6-2 table tr:first-child td {
  color: #fff
}

.s_box6-2 table tr:nth-child(2) {
  background-color: #fff
}

.s_box6-2 table tr td {
  border: 5px solid #F5F2ED;
  padding: .5em;
  text-align: center;
  color: #000;
  font-size: 1.1rem
}

.s_box6-2 table tr td:first-child {
  background-color: #B4995A;
  color: #fff
}

.s_box6-3 {
  background-color: #fff;
  border-radius: 4px;
  padding: 2.5em 3em;
  margin: 1em auto
}

.s_box6-3 dl {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.s_box6-3 dl dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem
}

.s_box6-3 dl dd span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background-color: #BA3240;
  color: #fff;
  font-size: .92rem;
  font-weight: 400;
  margin-right: 1em
}

.s_box7 {
  margin: .8em auto 3em
}

.s_box7 h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 219px;
  height: 50px;
  border-radius: 4px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  background-color: #B4995A;
  margin-bottom: 1.5em
}

.s_box7 ul li {
  font-size: 1rem
}

.s_box7 ul li::marker {
  color: #BA3240
}

.s_box7 ul li img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em
}

.s_box7 ul li span {
  color: #BA3240
}

.s_box7 ul li p {
  margin-top: 1em
}

@media (max-width: 1549px) {
  .s_box6-3 {
    padding: 1em
  }
}

@media (max-width: 1399px) {
  .s_box6-3 dl dd {
    flex-wrap: wrap;
    margin: 0 .5em
  }
}

@media (max-width: 991px) {
  .s_title {
    margin: 0 auto 3em
  }

  .s_box5 .nav-tabs .nav-item {
    margin-bottom: 1em
  }
}

@media (max-width: 767px) {
  .s_box {
    margin-bottom: 2em
  }

  .s_box i {
    margin: -.25em auto 0
  }

  .s_box h3 {
    margin: 0 auto 1.5em
  }

  .s_box3 {
    display: block;
    margin-bottom: 0
  }

  .s_box3 ul {
    position: initial;
    padding: 0;
    text-align: center;
    margin-top: 2em
  }

  .s_box6-2 {
    margin-top: 1em
  }

  .s_box6-2 table {
    margin-bottom: 2.5em
  }
}

@media (max-width: 480px) {
  .s_box ul {
    width: 100%
  }

  .s_box dl dd {
    width: 100%
  }

  .s_bg {
    padding: 2em 0
  }

  .s_box3 h3 {
    padding: 1em
  }

  .s_box5 .nav-tabs .nav-item {
    margin: 0 .2em 1em
  }
}

.a_box img {
  display: block
}

.a_box i {
  display: block;
  width: 160px;
  height: 8px;
  background-color: #BA3240;
  margin-top: -.25em;
  position: relative;
  z-index: 9
}

.a_box h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 237px;
  height: 46px;
  background-color: #BA3240;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 2em
}

.a_box p {
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400
}

.a_bg .container-fluid {
  padding-top: 6em;
  padding-bottom: 6em
}

.a_bg .container-fluid:nth-child(even) {
  background-color: #F1EAD8
}

@media (max-width: 991px) {
  .a_bg .container-fluid {
    padding-top: 3em;
    padding-bottom: 3em
  }
}

@media (max-width: 576px) {
  .a_box img {
    display: block;
    margin: 0 auto
  }

  .a_box i {
    margin: -.25em auto 0
  }

  .a_box h3 {
    margin: 2em auto 1em
  }
}

.dm_title h3 {
  font-size: 1.58rem;
  font-weight: 500;
  margin-bottom: .8em
}

.dm_box {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: flex-start;
  max-height: 411px;
  height: 100%;
  margin-bottom: 3em
}

.dm_box a {
  width: 290px
}

.dm_box a img {
  display: block
}

.dm_box .dm_right {
  padding: 2em 2em 0;
  width: calc(100% - 290px);
  height: 100%
}

.dm_box .dm_right h3 {
  font-weight: 500;
  font-size: 1.4rem
}

.dm_box .dm_right p {
  font-size: 1rem;
  margin-top: 1em
}

.dm_box .dm_right p time {
  font-size: .9rem;
  color: #BA3240
}

.dm_box .dm_right p span {
  color: #BA3240
}

.dm_box .dm_right h4 {
  font-size: 1rem;
  font-weight: 500
}

.dm_box .dm_right h4 span {
  font-size: 1.25rem;
  color: #BA3240
}

.dm_box .dm_right a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 33px;
  border-radius: 4px;
  background-color: #B4995A;
  color: #fff;
  font-size: 1rem;
  margin-top: 1.2em
}

.dm_box .dm_right a:hover,
.dm_box .dm_right a:focus {
  background-color: #BA3240
}

.dm_box2 h3 {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: .5em
}

.dm_box2 .dm_d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 33px;
  border-radius: 4px;
  background-color: #B4995A;
  color: #fff;
  font-size: 1rem;
  margin: 1.2em auto 0;
  margin-top: 1.2em
}

.dm_box2 .dm_d:hover,
.dm_box2 .dm_d:focus {
  background-color: #BA3240
}

.dm_bg {
  background-color: #F1EAD8;
  padding: 3.5em 0
}

.dm_form h3 {
  color: #000;
  font-size: 1.58rem;
  font-weight: 500;
  margin-bottom: .5em
}

.dm_form .dm_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: .8em 0;
}

.dm_form .dm_group .form-control {
  height: 53px;
  border-radius: 0;
  border: 0
}

.dm_form .dm_group .form-control_code {
  width: 200px;
}

.dm_form .dm_group button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 53px;
  font-size: 1.25rem;
  color: #fff;
  background-color: #BA3240;
  border: 0
}

.dm_form .dm_group button:hover,
.dm_form .dm_group button:focus {
  background-color: #B4995A
}

.dm_form .custom-control-label::before {
  border: 0
}

.dm_form .custom-radio .custom-control-label::before {
  border-radius: 4px
}

.dm_form .custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

@media (max-width: 1680px) {
  .dm_box .dm_right {
    padding: 1em 1em 0
  }
}

@media (max-width: 1559px) {
  .dm_box .dm_right h3 {
    font-size: 1.1rem
  }
}

@media (max-width: 1499px) {
  .dm_box {
    flex-direction: column;
    height: auto;
    max-height: 100%;
    box-shadow: none
  }

  .dm_box a {
    width: 100%
  }

  .dm_box a img {
    width: 100%
  }

  .dm_box .dm_right {
    width: 100%;
    padding: 2em
  }

  .dm_box .dm_right p {
    margin-top: .5em
  }

  .dm_box .dm_right h4 {
    line-height: 20px
  }

  .dm_box .dm_right a {
    margin-top: 1em
  }
}

@media (max-width: 991px) {
  .dm_title h3 {
    text-align: center
  }
}

@media (max-width: 767px) {
  .dm_box2 h3 {
    font-size: 1.1rem
  }
}

@media (max-width: 699px) {
  .dm_form .dm_group button {
    width: 100%;
    margin-top: .8em;
  }


}

@media (max-width: 576px) {
  .dm_box2 {
    margin-bottom: 2em
  }
}

@media (max-width: 480px) {
  .dm_bg {
    padding: 2em 0
  }

  .dm_form .dm_group {
    display: block
  }

  .dm_form .dm_group .form-control {
    height: 55px
  }

  .dm_form .dm_group button {
    display: block;
    text-align: center;
    width: 100%;
    height: auto;
    padding: .5em 0
  }
}

.r_box {
  margin-bottom: 3.5em
}

.r_box h3 {
  display: inline-block;
  vertical-align: middle;
  background-color: #F1EAD8;
  min-width: 290px;
  padding: 1em 1.5em;
  color: #000;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative
}

.r_box h3:after {
  display: block;
  content: "";
  width: 62px;
  height: 3px;
  background-color: #BA3240;
  position: absolute;
  right: -1em;
  bottom: -.1em
}

.r_box2 {
  background-color: #fff;
  margin: 0 1.5em;
  margin-bottom: 2em;
  padding: 3em;
  margin-top: -.8em
}

.r_box2 p {
  color: #000;
  font-size: 1rem;
  line-height: 26px;
  margin-bottom: .5em
}

.r_box2 p span {
  display: block;
  color: #BA3240
}

.r_box2 ol li {
  font-size: 1rem;
  line-height: 30px;
  margin-bottom: .5em
}

.r_box2 ol li ul li::marker {
  color: #BA3240
}

.r_box2 h4 {
  color: #B4995A;
  font-size: 1.1rem;
  margin-bottom: 1em;
  font-weight: 400
}

.r_box2 ul li {
  font-size: 1rem;
  line-height: 30px;
  margin-bottom: .5em
}

.r_box2 ul li::marker {
  color: #BA3240
}

.r_title {
  margin: 2.5em auto
}

.r_title h3 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500
}

.r_box3 {
  margin-bottom: 4em
}

.r_box3 img {
  display: block;
  margin: 0 auto
}

.r_bg {
  background-color: #fff;
  padding-top: 5em;
  padding-bottom: 5em;
  margin-top: 5em
}

.r_bg2 {
  padding-top: 4em
}

.r_title2 {
  margin-bottom: 4em;
  margin-top: -7em
}

.r_title2 h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 320px;
  height: 62px;
  background-color: #BA3240;
  border-radius: 50px;
  margin: 0 auto;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500
}

.r_box4 {
  margin: 3em auto
}

.r_box4 h3 {
  font-size: 1.25rem;
  font-weight: 500
}

.r_box4 h3:after {
  display: block;
  content: "";
  width: 62px;
  height: 3px;
  background-color: #BA3240;
  margin: .8em 0
}

.r_box4 p {
  font-size: 1rem
}

.r_box5 {
  display: block;
  margin: 1em auto 3.5em
}

.r_box5 span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1em;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  background-color: #B4995A;
  color: #fff;
  font-size: 1rem
}

.r_box5 img {
  display: block;
  margin: 0 auto
}

@media (max-width: 1099px) {
  .r_bg {
    padding-top: 1em;
    padding-bottom: 2em;
    margin-top: 1em
  }

  .r_bg2 {
    padding-top: 2em
  }

  .r_title2 {
    margin-bottom: 1em;
    margin-top: -3em
  }
}

@media (max-width: 767px) {
  .r_box2 {
    padding: 2em 1.5em
  }
}

@media (max-width: 576px) {
  .r_box3 {
    margin-bottom: 1em
  }

  .r_title2 {
    margin-top: 1em;
    margin-bottom: 0
  }
}

@media (max-width: 480px) {
  .r_bg2 {
    padding-top: 0
  }

  .r_bg {
    padding-bottom: 0;
    padding-top: 0
  }
}

@media (max-width: 400px) {
  .r_box h3 {
    min-width: 100%;
    padding: .5em 1em
  }

  .r_box h3:after {
    right: 0
  }

  .r_box2 {
    margin: 0 auto 1em;
    padding: 1em
  }

  .r_title2 h3 {
    width: 100%
  }
}

.hr_box p {
  padding: 3em 4em;
  background-color: #fff;
  font-size: 1rem;
  color: #000;
  line-height: 26px
}

.hr_box a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3em auto;
  width: 164px;
  height: 60px;
  border-radius: 50px;
  background-color: #BA3240;
  color: #fff
}

.hr_box a:hover,
.hr_box a:focus {
  box-shadow: 8px 6px 0 rgba(176, 176, 173, 0.5)
}

@media (max-width: 480px) {
  .hr_box p {
    padding: 2em
  }
}

.co_box {
  margin-bottom: 5em
}

.co_box h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-left: 2em;
  padding: .8em 0;
  padding-left: 1.5em;
  position: relative
}

.co_box h3:before {
  display: block;
  content: "";
  width: 3px;
  height: 62px;
  background-color: #BA3240;
  position: absolute;
  left: 0;
  top: .5em
}

.co_box .co_box2 {
  background-color: #F1EAD8;
  padding: 2em 4.5em
}

.co_box .co_box2 p {
  line-height: 26px;
  font-size: 1rem
}

.co_box .co_box2 ul {
  margin-top: 1em
}

.co_box .co_box2 ul li {
  font-size: 1rem;
  margin-bottom: .5em
}

.co_box .co_box2 ul li::marker {
  color: #BA3240
}

.co_box .co_box2 img {
  margin-top: 2em
}

.co_a a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  height: 60px;
  border-radius: 50px;
  background-color: #BA3240;
  color: #fff;
  font-size: 1.25rem;
  margin: 0 auto
}

.co_a a:hover,
.co_a a:focus {
  box-shadow: 8px 6px 0 rgba(176, 176, 173, 0.5)
}

.co_tabs .nav-tabs {
  text-align: center;
  padding: 0
}

.co_tabs .nav-tabs li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em
}

.co_tabs .nav-tabs li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 249px;
  height: 60px;
  border-radius: 50px;
  background-color: #B0B0AD;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400
}

.co_tabs .nav-tabs li a.active {
  background-color: #BA3240
}

.co_tabs .tab-content {
  background-color: #fff;
  border-radius: 4px;
  padding: 4em 4em 3em;
  padding-top: 6em;
  margin-top: -2em
}

.co_group {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin: 0 auto 1.5em
}

.co_group label {
  width: 150px;
  font-size: 1.1rem;
  font-weight: 400
}

.co_group .form-control {
  height: 46px;
  border-radius: 2px;
  background-color: #E5E5E5;
  border: 0
}

.co_group button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 202px;
  height: 48px;
  background-color: #BA3240;
  font-size: 1.1rem;
  color: #fff;
  border-radius: 4px;
  border: 0;
  margin: 0 auto;
  margin-top: 1em
}

.co_group button:hover,
.co_group button:focus {
  background-color: #B4995A
}

.co_bottom {
  margin-top: 4em
}

.co_bottom h3 {
  display: block;
  position: relative;
  margin-bottom: 2em;
  z-index: 1
}

.co_bottom h3 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  background-color: #B4995A;
  border-radius: 50px;
  padding: .3em 1.5em
}

.co_bottom h3:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #B0B0AD;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1
}

.co_bottom ul li {
  font-size: 1rem;
  margin-bottom: 1.2em
}

.co_bottom ul li::marker {
  color: #BA3240
}

@media (max-width: 1499px) {
  .co_group {
    width: 75%
  }
}

@media (max-width: 576px) {
  .co_tabs .nav-tabs li a {
    width: 180px;
    height: 50px
  }

  .co_group {
    width: 100%
  }
}

@media (max-width: 480px) {
  .co_box {
    margin-bottom: 2em
  }

  .co_box .co_box2 {
    padding: 1em
  }

  .co_box h3 {
    margin-left: .5em;
    padding-left: 1em
  }

  .co_tabs .nav-tabs li {
    margin: 0 .1em
  }

  .co_tabs .nav-tabs li a {
    width: 125px;
    height: 50px
  }

  .co_tabs .tab-content {
    padding: 2em;
    padding-top: 5em
  }
}

@media (max-width: 400px) {
  .co_box h3 {
    padding: .8em
  }

  .co_group {
    display: block
  }

  .co_group label {
    display: block;
    width: 100%;
    margin-bottom: .5em
  }
}

.v_list {
  margin-bottom: 4em
}

.v_list ul {
  text-align: center;
  padding: 0
}

.v_list ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em
}

.v_list ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 60px;
  border-radius: 6px;
  background-color: #B0B0AD;
  color: #fff;
  font-size: 1.25rem
}

.v_list ul li:hover a,
.v_list ul li:focus a,
.v_list ul li.active a {
  background-color: #BA3240
}

.v_box {
  margin: 3em auto 4em;
  padding: 0 1em
}

.v_box p {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  text-align: center
}

.v_form {
  background-color: #fff;
  border-radius: 4px;
  padding: 4em 4em 2em
}

.v_form .v_group {
  display: flex;
  align-items: center;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 2em
}

.v_form .v_group label {
  width: 130px;
  font-size: 1.1rem;
  font-weight: 400
}

.v_form .v_group label span {
  color: #BA3240
}

.v_form .v_group .form-control {
  height: 46px;
  width: calc(100% - 130px);
  background-color: #E5E5E5;
  border: 0
}

.v_form .v_group dl {
  text-align: center;
  display: block;
  width: 100%;
  margin: 2em auto 0
}

.v_form .v_group dl dd {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em
}

.v_form .v_group dl dd a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B0B0AD;
  color: #fff;
  font-weight: 400;
  font-size: 1.1rem;
  width: 134px;
  height: 48px;
  border-radius: 50px
}

.v_form .v_group dl dd button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BA3240;
  color: #fff;
  font-weight: 400;
  font-size: 1.1rem;
  width: 134px;
  height: 48px;
  border-radius: 50px;
  border: 0
}

.v_form .v_group dl dd button:hover,
.v_form .v_group dl dd button:focus {
  box-shadow: 8px 6px 0 rgba(176, 176, 173, 0.5)
}

@media (max-width: 1480px) {
  .v_form {
    padding: 3em 2em 1em;
    margin: 0 15px
  }
}

@media (max-width: 767px) {
  .v_form .v_group {
    display: block
  }

  .v_form .v_group label {
    display: block;
    width: 100%;
    margin-bottom: .5em
  }

  .v_form .v_group .form-control {
    width: 100%
  }
}

@media (max-width: 576px) {
  .v_list {
    margin-bottom: 2em
  }

  .v_list ul li {
    margin: 0 .5em
  }

  .v_list ul li a {
    width: 160px;
    height: 50px
  }

  .v_box {
    margin: 2em auto
  }

  .v_form .v_group {
    margin-bottom: 1em
  }
}

@media (max-width: 480px) {
  .v_form {
    padding: 2em 1em 1em;
    margin: 0
  }

  .v_box {
    padding: 0
  }
}

@media (max-width: 400px) {
  .v_form {
    padding: 2em .2em 1em
  }

  .v_form .v_group dl dd {
    margin: 0
  }

  .v_form .v_group dl dd a {
    width: 125px
  }

  .v_form .v_group dl dd button {
    width: 125px
  }

  .v_list {
    margin-bottom: 1em
  }

  .v_list ul li a {
    width: 126px
  }
}

.foun_height {
  min-height: 600px
}

.foun_box {
  text-align: center;
  margin-top: 3em
}

.foun_box p {
  font-size: 1rem;
  color: #000
}

.foun_box a {
  display: inline-block;
  vertical-align: middle;
  padding: .5em 1em;
  background-color: #B4995A;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  margin: 2.5em auto;
  border-radius: 4px
}

.foun_box a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: .3em
}

@media (max-width: 767px) {
  .foun_height {
    min-height: auto
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

.four_box {
  text-align: center;
  padding: 3em 0
}

.four_box h3 {
  font-weight: 700;
  font-size: 10rem;
  color: #A52A1C;
  margin-bottom: 0;
  line-height: 10rem
}

.four_box h4 {
  font-weight: 700;
  color: #373737;
  font-size: 3.5rem;
  margin-top: 0
}

.four_box p {
  font-size: 1.35rem;
  color: #373737
}

.four_box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 60px;
  border-radius: 50px;
  background-color: #BA3240;
  color: #fff;
  font-size: 1rem;
  margin: 2em auto
}

.four_box a:hover,
.four_box a:focus {
  background-color: #B4995A
}

/* service_new */

.parking_space {
  background-color: #BA3240;
  padding: 1.5em 1em;
  margin: 0 auto;
}

.parking_space ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.parking_space ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: .3em;
  letter-spacing: 3px;
  font-size: 1.5rem;
  color: #fff;
}

.parkingicon {
  display: block;
  margin: 0 auto;
  stroke: #fff;
}

.parking_space ul li span {
  color: #BA3240;
  letter-spacing: 0;
  margin-right: .3em;
}

.parking_space ul li b {
  color: #BA3240;
  background-color: #fff;
  padding: .1em .5em;
  margin: 0 .6em;
  border-radius: 2px;
  letter-spacing: 1px;
  font-size: 30px;
}

.parking_space_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100px;
  height: 100px;
  background-color: #B4995A;
  border-radius: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  margin-bottom: .5em;
  color: #fff;
  line-height: 23px;
  font-weight: normal;
  font-size: 20px;
}

.parking_space_box b {
  display: inline-block;
  vertical-align: middle;
  color: #A52A1C;
}

.parking_span{
  display: block;
  text-align: right;
  font-size: 0.93rem;
  margin-top: .8em;
}




@media (max-width: 767px) {
  .parking_space_box {
    display: none;
  }
}

@media (max-width: 576px) {
  .s_title iframe {
    height: 250px;
  }

  .parking_space ul li b {
    margin: 0 0.2em;
  }
  .parking_space ul li {
    flex-wrap: wrap;
    font-size: 1.25rem;
  }

}


@media (max-width: 400px) {
  .parking_space {
    padding: 1em 0.5em 0.5em;
  }
  .s_title iframe {
    height: 280px;
  }
  .parking_space ul li b {
    margin: .5em 0.2em;
  }

}


/* coupon */

.s_table {
  margin-bottom: 5em;
  margin-top: -3em;
}

.s_table table {
  width: 100%;
  border-collapse: collapse;
}

.s_table table tr th {
  padding: .5em;
  background-color: #BA3240;
  color: #fff;
  font-size: 1.125rem;
  letter-spacing: 1px;
  font-weight: 400;
}

.s_table table tr th:first-child {
  text-align: left;
  padding: .5em 1em;
}

.s_table table tr td {
  padding: 1em;
  background-color: #fff;
  border-bottom: 1px solid #B4995A;
  text-align: center;
}

.s_table table tr td:first-child {
  text-align: left;
}

.co_tabs {
  margin-bottom: 3em;
}

@media (max-width: 991px) {
  .s_table {
    margin-top: -2em;
  }
}

/*  */

.in_lightbox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  padding: 2em
}

.in_lightbox img {
  border: 12px solid #B4995A;
  box-shadow: 0 0 8px rgba(0, 0, 0, .3);
  max-width: 1440px;
  width: 100%;
  max-height: 70vh;
  height: 100%;
}

.in_lightbox2 {
  position: relative
}

.in_lightbox .delete_icon {
  transition: all .3s ease-in-out;
  width: 40px;
  height: 40px;
  background-color: #B4995A;
  position: absolute;
  top: -3em;
  right: 0;
  cursor: pointer
}

.in_lightbox .delete_icon:hover,
.in_lightbox .delete_icon:focus {
  background-color: #fff
}

.in_lightbox .delete_icon:hover i,
.in_lightbox .delete_icon:focus i {
  background-color: #B4995A
}

.in_lightbox .delete_icon i {
  display: block;
  width: 28px;
  height: 2px;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.in_lightbox .delete_icon i:nth-child(2) {
  transform: rotate(-45deg)
}

@media (max-width:576px) {
  .in_lightbox img {
    border: 8px solid #B4995A
  }
}