@charset "UTF-8";
@font-face {
  font-family: LiSong;
  src: url("../webfonts/LiSong.eot"); /* IE9*/
  src: url("../webfonts/LiSong.eot") format("embedded-opentype"), url("../webfonts/LiSong.woff") format("woff"), url("../webfonts/LiSong.ttf") format("truetype");
}
@font-face {
  font-family: Anton-Regular;
  src: url("../webfonts/Anton-Regular.eot"); /* IE9*/
  src: url("../webfonts/Anton-Regular.eot") format("embedded-opentype"), url("../webfonts/Anton-Regular.woff") format("woff"), url("../webfonts/Anton-Regular.ttf") format("truetype");
}
.color_01 {
  color: #3861ad !important;
}

.color_02 {
  color: #65933b !important;
}

.color_03 {
  color: #9d7b22 !important;
}

.color_04 {
  color: #3861ad !important;
}

.color_05 {
  color: #e72124 !important;
}

.bg_01 {
  background: #3861ad !important;
}

.bg_02 {
  background: #65933b !important;
}

.bg_03 {
  background: #9d7b22 !important;
}

.bg_04 {
  background: #3861ad !important;
}

.bg_05 {
  background: #e72124 !important;
}

/*--------------------------------------------------------------------------------------------------*/
/*for無障礙*/
* {
  padding: 0;
  margin: 0;
  line-height: 1.5 !important;
  letter-spacing: 0.12em !important;
  word-spacing: 0.16em !important;
}

*[lang|=zh], *[lang|=zh]* {
  letter-spacing: 0.14em !important;
}

*[lang|=zh] *[lang]:not([lang|=zh]) {
  letter-spacing: 0.12em !important;
}

p {
  margin-bottom: 2em !important;
}

a:focus {
  outline: 2px solid #00b0f0 !important;
  text-decoration: none;
}

a.sr-only {
  color: #fff;
  background: #000;
  float: left;
  padding: 0 10px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: absolute !important;
  z-index: 101;
}

input.form-control:focus, textarea.form-control:focus, input[type=text]:focus, input[type=file]:focus, input[type=checkbox]:focus, input[type=button]:focus, input[type=radio]:focus, input[type=password]:focus, input[type=tel]:focus, input:focus, textarea:focus, select:focus {
  background-color: #ffbf47 !important;
  color: #000 !important;
  outline: 2px solid #00b0f0 !important;
}

input[type=submit]:focus, .owl-theme .owl-nav [class*=owl-]:focus {
  outline: 2px solid #00b0f0 !important;
}

button:focus {
  outline: 2px solid #00b0f0;
}

#main-content {
  float: left;
}

body {
  margin: 0 auto;
  max-width: 1200px;
  background: #fff;
}

/*swiper*/
.swiper {
  float: left;
  width: 100%;
  padding: 0 45px;
  position: relative;
}
.swiper .swiper-slide {
  opacity: 0.3;
}
.swiper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}
.swiper .swiper-slide.swiper-slide-active, .swiper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.swiper a {
  float: left;
  width: 100%;
}
.swiper [class^=swiper-button-]:after {
  font-size: 1.1em;
  color: rgba(0, 0, 0, 0.8);
}
.swiper .cricle_btn:after {
  background: rgba(0, 0, 0, 0.8);
  padding: 9px 13px;
  font-size: 1.1em;
  border-radius: 30px;
  color: #fff;
}
.swiper .white_btn:after {
  color: #fff !important;
  font-size: 1.1em;
}
.swiper .cricle_btn.white_btn:after {
  background: rgb(255, 255, 255);
  padding: 15px 16px;
  font-size: 1.2em;
  border-radius: 30px;
  color: #333 !important;
}
.swiper .cricle_btn.white_btn:hover:after {
  background-color: #3861ad;
  color: #fff !important;
}
.swiper .swiper-button-next:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f054";
}
.swiper .swiper-button-prev:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f053";
}
.swiper .swiper-button-prev {
  margin-left: 25px;
}
.swiper .swiper-button-next {
  margin-right: 25px;
}
.swiper [class^=swiper-button-] {
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}
.swiper [class^=swiper-button-]:hover, .swiper [class^=swiper-button-]:focus {
  color: #3861ad;
  opacity: 0.7;
}
.swiper.button_right {
  margin-right: 90px;
}
.swiper.button_right .swiper-button-prev {
  left: auto;
  right: 50px;
}
.swiper img {
  width: 100%;
}
.swiper .title {
  font-size: 1.2em;
  padding-bottom: 10px;
}
.swiper .swiper-slide.swiper-slide-duplicate-next, .swiper .swiper-slide.swiper-slide-duplicate-prev {
  opacity: 0 !important;
}
.swiper .opacity_1 {
  opacity: 1 !important;
}
.swiper.btn_bottom_center {
  position: relative;
  width: 100%;
  padding-bottom: 50px !important;
}
.swiper.btn_bottom_center .button_box {
  position: relative;
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper.btn_bottom_center .button_box .swiper-button-prev {
  position: relative;
  padding-right: 20px;
}
.swiper.btn_bottom_center .button_box .swiper-button-next {
  position: relative;
  padding-left: 20px;
}
.swiper.btn_left_right {
  padding: 0 50px;
}
.swiper.btn_right_top {
  position: relative;
  width: 100%;
}
.swiper.btn_right_top .button_box {
  position: relative;
  width: 100%;
  height: 45px;
}
.swiper.btn_right_top .button_box .swiper-button-prev {
  position: absolute;
  right: 45px;
  left: auto;
}
.swiper.btn_right_top .button_box .swiper-button-next {
  position: absolute;
  right: 10px;
}
.swiper.btn_right_top .swiper-wrapper {
  margin-top: 0;
}
.swiper.btn_right_top .swiper-pagination-bullet-active {
  background: #3861ad;
}
.swiper.dot_bottom .swiper-wrapper {
  padding-bottom: 40px;
}
.swiper.swiper_yt {
  width: calc(100% - 100px) !important;
  padding: 0 50px;
}
.swiper.swiper_yt .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 450px;
}
.swiper.swiper_yt .swiper-slide iframe {
  width: 100%;
  height: 450px;
}
.swiper.swiper_yt .swiper-slide .embed-responsive {
  position: initial;
}

.swiper-slide video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  justify-content: center;
  align-items: center;
}

/*youtube*/
.gallery-slider {
  position: relative;
  width: calc(100% - 120px);
  padding: 0 60px;
  height: auto;
}
.gallery-slider iframe {
  width: 100%;
  height: auto;
}

/*youtube影片*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

/*錨點*/
.anchor_list {
  display: inline-block;
  text-align: center;
  width: 100%;
  list-style: none;
  margin: 50px 0;
  margin-left: 0px;
  padding-left: 0 !important;
}
.anchor_list li {
  display: inline-block;
}
.anchor_list a {
  padding: 10px 15px;
  border-radius: 5px;
  color: #333;
  margin: 5px 6px 5px 3px;
  border: solid #ccc 1px;
  text-decoration: none;
  box-shadow: none;
}
.anchor_list a:hover, .anchor_list a:focus {
  background: #eee;
  color: #333;
}
.anchor_list a.active {
  background: #3861ad;
  color: #fff;
  border: solid #3861ad 1px;
}

@media (max-width: 767px) {
  .anchor_list a {
    font-size: 0.9em;
    padding: 5px 8px;
  }
}/*# sourceMappingURL=style.css.map */