@charset "UTF-8";

:root {
  --root: 16px;
  --family: "Noto Sans TC", "PingFang TC", "SF Pro TC", "SF Pro Text", "Microsoft JhengHei", "Helvetica Neue", "Noto Sans CJK TC", Helvetica, Arial, sans-serif;
  --lightBlue: #dff1ff;
  --greenBlue:#0da4b0;
  --text: #000;
  --brown: #7d5b26;
  --copper: #c99411;
  --yellow: #fde773;
  --maroon: #671f1f;
  --color-bg:#dcefed;
  --color-intro: #002653;
  --color-crown: #7b5963;
  --color-news: #671f1f;
  --color-video: #966829;
  --select-arrow: #777;
  --kv-text: #3f3f3f;
  --kv-page: #f5f5f5;
  --kv-yellow: #fcdfa6;
  --kv-beige: #fde9c4;
  --kv-brown: #402011;
  --kv-red: #780307;
  --kv-unit: 1.875rem;
}

:focus {
  outline: none;
}

a:focus {
  outline: 0;
}

a:hover {
  text-decoration: none;
}

dl, ol, ul{
  margin-bottom: 0 !important;
}

.img-responsive {
  width: 100%;
}

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

.hss {
  height: 15px;
}

.hxs {
  height: 30px;
}

.hsm {
  height: 60px;
}

.hmd {
  height: 100px;
}

.text_main {
  color: #a23d27;
}

.text_small {
  font-size: 85%;
}

[mb] {
  display: none;
}

.page_wrapper {
  font-family: Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-weight: normal;
  font-size: 15px;
  position: relative;
}

.pagewidth {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* .pagesize {
  max-width: 1600px;
  padding: 0;
} */

.headerTitleAreaInner {
  padding: 3.25rem 0 2.1875rem;
  background: #19597f;
  max-width: 1600px;
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .headerTitleAreaInner {
    padding: 3rem 4rem;
  }
}

@media (max-width: 480px) {
  .headerTitleAreaInner {
    padding: 3rem;
  }
}

.headerTitleAreaInner img {
  margin: 0 auto;
}

@media (min-width: 641px) and (max-width: 1200px) {
  .headerTitleAreaInner .titleImg {
    max-width: 50%;
  }
}

@media (max-width: 640px) {
  .headerTitleAreaInner .titleImg {
    max-width: calc(100% - 2rem);
  }
}

@media (max-width: 480px) {
  .headerTitleAreaInner .titleImg {
    max-width: calc(100%);
  }
}

.rtb-title-m {
  padding-top: 1.5rem; 
}

.icon_content {
  display: none;
}

@media (max-width: 640px) {
  .icon_content {
    display: block;
    padding: 2rem 0 0;
  }
}

@media (max-width: 480px) {
  .icon_content .icon_img {
    max-width: 70%;
    margin: 0 auto;
  }
}

.icon_content .icon_item {
  text-align: center;
}

.icon_content .slick-arrow {
  background: rgba(54, 157, 177, 1) url(../img/arrow_01.png) center no-repeat;
  background-size: auto 18px;
}

@media (max-width: 440px) {
  .icon_content .slick-arrow {
    top: calc(50% - 8px);
  }
}

.icon_content .slick-arrow.slick-disabled {
  display: none;
}

.icon_content .slick_prev {
  left: -10%;
}

.icon_content .slick_next {
  right: -10%;
}

@media (max-width: 640px) {
  .icon_content .slick-arrow {
    background: rgba(54, 157, 177, 1) url(../img/arrow_01.png) center no-repeat;
    background-size: auto 18px;
  }
}

@media (max-width: 440px) {
  .icon_content .slick-arrow {
    width: 30px;
    height: 30px;
  }
}

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

.headerKvArea img, .headerKvArea img:not([draggable]) {
  /* max-width: 1600px; */
  width: 100%;
  vertical-align: bottom;
  margin: 0 auto;
}

.innerWithNavArea {
  margin-bottom: 0;
  max-width: 1920px;
  padding: 0;
}

.contentArea {
  padding: 0;
  border: none;
  background: var(--lightBlue);
}

.section_wrapper {
  z-index: inherit;
}

select {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: 1.5rem;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
  color: var(--brown);
}

select::-ms-expand {
  display: none;
}

select option {
  background-color: var(--kv-yellow);
  color: var(--kv-text);
  padding: 0.5rem;
}

.select {
  grid-template-areas: "select";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border: 1px solid #777;
  border-radius: 0.25em;
  padding: 1rem;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background: var(--yellow);
  border-color: #a9a7a7;
  border-radius: 10px;
  margin: 0 8vw 6.7188vw;
}

@media (min-width: 641px) {
  .select {
    display: none;
  }
}

.select select {
  grid-column: 1;
  grid-area: select;
}

.select i {
  font-style: normal;
  grid-row: 1;
  grid-column: 1;
  grid-area: select;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 60px;
  border-radius: 9px;
  background: #fff url(../img/select-down-arr.svg) center/cover no-repeat;
  pointer-events: none;
}

.select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--color-news);
  border-radius: inherit;
}

@media (max-width: 840px) {
  .select.mobile {
    margin: 0 5rem 3rem;
  }
}

.btn_style {
  transition: all 0.5s ease-in-out;
  font-size: 1.4em;
  line-height: 1em;
  letter-spacing: 1px;
  color: #fff;
  padding: 26px 60px;
  display: inline-block;
  border-radius: 50px;
  font-weight: bold;
  background-color: var(--color-news);
}

.btn_style:hover {
  color: var(--color-news);
  background-color: #eac35a;
}

@media (max-width: 767px) {
  .btn_style {
    padding: 1.5rem 3.75rem;
    display: inline-block;
    font-size: 3.5vw;
  }
}

.btn_wrapper {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.section_one, .section_two, .section_three.up, .section_three.down, .section_one.up {
  padding: 0 150px;
}

@media screen and (max-width: 1600px) {
  .section_one, .section_two, .section_three.up, .section_three.down, .section_one.up {
    padding: 0 200px;
  }
}

@media screen and (max-width: 1300px) {
  .section_one, .section_two, .section_three.up, .section_three.down, .section_one.up {
    padding: 0 100px;
  }
}

@media screen and (max-width: 1200px) {
  .section_one, .section_two, .section_three.up, .section_three.down, .section_one.up {
    padding: 0;
  }
}


.wrapper nav.mainNav {
	max-width: 1462px;
	width: 100%;
	position: relative;
	display: block;
	margin: auto;
	z-index: 999;
}

.wrapper nav.mainNav>img {
	display: block
}

@media screen and (max-width:767px) {
	.wrapper nav.mainNav {
		overflow-x: scroll;
        background-color: #f6eada;
	}

	.wrapper nav.mainNav>img {
		display: none
	}
}

.wrapper nav.mainNav.is-fixed {
	position: fixed;
	bottom: auto;
	top: 99px
}

@media screen and (max-width:767px) {
	.wrapper nav.mainNav.is-fixed {
		top: 60px
	}
	.wrapper nav.mainNav ul {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 5%;
		width: 89.92806%;
		margin: 0 auto;
		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;
	}
}

@media screen and (max-width:767px) {
	.wrapper nav.mainNav ul {
		position: relative;
		left: auto;
		top: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin: 0;
		width: 140vw;
	}
}

@media screen and (max-width:560px) {
	.wrapper nav.mainNav ul {
		width: 200vw
	}
}

.wrapper nav.mainNav li {
	position: relative;
	z-index: 2;
	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;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}


@media screen and (max-width:767px) {
	.wrapper nav.mainNav li {
		width: 20%;
	}


	.wrapper nav.mainNav li:nth-child(2) {
		width: 18%;
	}
}


.wrapper nav.mainNav li .hover {
	opacity: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}

.wrapper nav.mainNav li.active .hover {
	opacity: 1
}

@media screen and (min-width:769px) {
	.wrapper nav.mainNav li:hover .hover {
		opacity: 1
	}
}

.subMainnav {
	display: none
}

@media screen and (max-width:767px) {
	.subMainnav {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 998
	}

	.subMainnav.active {
		display: block
	}
}

.subMainnav ul {
	display: none
}

@media screen and (max-width:767px) {
	.subMainnav ul {
		grid-template-columns: repeat(3, 1fr);
		gap: 1.875rem;
		padding: 1.625rem 2.5rem 1.375rem;
		background-color: #87c7cc;
		margin-top: calc(12vw + 65px)
	}

	.subMainnav ul.active {
		display: -ms-grid;
		display: grid
	}
}

@media screen and (max-width:560px) {
	.subMainnav ul {
		gap: 1.25rem;
		padding: 2.125rem 1.25rem 1.625rem;
		margin-top: calc(12vw + 126px)
	}
}

.subMainnav ul li {
	position: relative;
	padding: 0 .5rem;
	font-size: 1.875rem;
	font-weight: 500;
	color: #fff;
	background-color: #1f9b95;
	text-align: center;
  box-shadow: 3px 3px 0px #74abaf;
}

@media screen and (max-width:760px) {
	.subMainnav ul li {
		font-size: 1rem;
	  line-height: 2rem;
    white-space: nowrap;
    border-radius: 5px;
	}
}

@media screen and (max-width:1366px) {
	nav.fixedNav {
		padding: 0 0 7%
	}
}

@media screen and (max-width:768px) {
	nav.fixedNav {
		opacity: 1;
		width: 16%;
		right: 1vw;
		bottom: 1.5%;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: transparent;
		padding: 0
	}
}

nav.fixedNav.active {
	opacity: 1;
	pointer-events: all
}

nav.fixedNav ul {
	position: relative;
	width: 100%;
}

nav.fixedNav ul li {
	position: relative;
	width: 100%;
	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;
	cursor: pointer;
	padding: 0px;
}

nav.fixedNav ul li span {
	color: #7c5311;
	font-size: 1.25rem;
	font-weight: 500;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out
}

@media screen and (max-width:767px) {
	nav.fixedNav ul {
		display: none
	}
}

#footer,
header {
	font-family: "微軟正黑體", sans-serif
}

.header-spacer {
	height: 102px !important
}

@media screen and (max-width:767px) {
	.header-spacer {
		height: 66px !important
	}
}

.corporate-switcher {
	padding: 0.75rem 0 0
}

.corporate-switcher ul>li>a {
	font-size: 16px
}

#footer .misc-links {
	padding: 1.25rem 0
}

#footer .misc-links a {
	font-size: 15px
}

#footer .miniature {
	font-size: 14px !important;
	line-height: 1.5
}

.wrapper {
	width: 100%;
	margin: 0 auto
}

.wrapper * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.wrapper .sec {
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto
}

.wrapper .container {
	width: 97%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative
}

.wrapper main {
	background-color: #f6eada;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: repeat-y
}

.wrapper .mainbg {
	position: relative;
	z-index: 5;
	overflow: hidden
}

/* .wrapper .sec1 {
}

@media screen and (max-width:768px) {
	.wrapper .sec1 {
	}
} */

@media screen and (max-width:768px) {
	.wrapper .sec1 .container {
		width: 100%
	}
}

.wrapper .sec2 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec2 {
		display: block;
	}
}

.wrapper .sec3,
.wrapper .sec4 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec3,
	.wrapper .sec4 {
		display: block;
	}
}

.wrapper .sec5 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec5 {
		display: block;
	}
}

.wrapper .sec6 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec6 {
		display: block;
	}
}

.wrapper .sec7 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec7 {
		display: block;
	}
}

.wrapper .sec8 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec8 {
		display: block;
	}
}

.wrapper .sec9 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec9 {
		display: block;
	}
}

.wrapper .sec10 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec10 {
		display: block;
	}
}

.wrapper .sec11 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec11 {
		display: block;
	}
}

.wrapper .sec12 {
	display: none;
}

@media screen and (max-width:768px) {
	.wrapper .sec12 {
		display: block;
	}
}


/* SECTION_ONE                    */
/* ****************************** */
.section_one {
  background: var(--lightBlue);
}

.section_one .text_part {
  width: 100%;
  color: var(--color-intro);
  padding: 6.5rem 6rem 2.5rem;
  font-size: 1.375rem;
  line-height: 1.6;
}

.section_one .text_part span.em {
  font-weight: 700;
}

@media (max-width: 1600px) {
  .section_one .text_part {
    padding: 6.5rem 3rem 2.5rem;
  }
}

@media (max-width: 1300px) {
  .section_one .text_part {
    padding: 6rem 1rem 2rem;
  }
}

@media (max-width: 840px) {
  .section_one .text_part {
    padding: 6rem 4rem 2rem;
  }
}

@media (max-width: 480px) {
  .section_one .text_part {
    padding: 4rem 3rem 2rem;
  }
}

@media (max-width: 414px) {
  .section_one .text_part {
    padding: 3rem 2rem 2rem;
  }
}

.section_one .btn_wrapper {
  margin: 0 0 4rem;
}

.btn_all_news {
  display: block;
  margin: 0 auto;
}

@media (max-width: 570px) {
  .btn_all_news {
    max-width: 35%;
  }
}



/* SECTION_TWO                    */
/* ****************************** */
.section_two {
  background: var(--lightBlue) url(../img2025/bg_section2.jpg) center top/contain no-repeat;
}

.section_two--top {
  text-align: center;
  margin: 0  auto 3rem;
}

@media (max-width: 840px) {
  .section_two--top {
    padding: 0 6rem;
  }
}

@media (max-width: 600px) {
  .section_two--top {
    padding: 0 4rem;
  }
}

@media (max-width: 480px) {
  .section_two--top {
    padding: 0 2rem;
  }
}

@media (max-width: 430px) {
  .section_two--top {
    margin-bottom: 1em;
  }
}

@media (max-width: 414px) {
  .section_two--top {
    padding: 0 2rem;
  }
}

.section_two--top img {
  margin: 0 auto;
}

.section_two--bottom {
  padding: 0 7rem 3rem;
}

@media (max-width: 1600px) {
  .section_two--bottom {
    padding: 0 3rem 3rem;
  }
}

@media (max-width: 1200px) {
  .section_two--bottom {
    padding: 0 10rem 3rem;
  }
}

@media (max-width: 840px) {
  .section_two--bottom {
    padding: 1rem 12rem 3rem;
  }
}

@media (max-width: 750px) {
  .section_two--bottom {
    padding: 1rem 10rem 3rem;
  }
}

@media (max-width: 600px) {
  .section_two--bottom {
    padding: 1rem 8rem 3rem;
  }
}

@media (max-width: 570px) {
  .section_two--bottom {
    padding: 1rem 6rem 3rem;
  }
}

@media (max-width: 470px) {
  .section_two--bottom {
    padding: 1rem 5rem 3rem;
  }
}

@media (max-width: 420px) {
  .section_two--bottom {
    padding: 1rem 4rem 3rem;
  }
}

@media (max-width: 767px) {
  .section_two--bottom   {
    cursor: default;
  }
}

.section_two--bottom [data-slick-index] {
  background: url(../img/slick-slide-2023.png) center/cover no-repeat;
}

.section_two--bottom [data-slick-index="1"] {
  background-image: url(../img/slick-slide-2022.png);
}

.section_two--bottom [data-slick-index="2"] {
  background-image: url(../img/slick-slide-2021.png);
}

.section_two--bottom [data-slick-index="3"] {
  background-image: url(../img/slick-slide-2020.png);
}

.section_two--bottom [data-slick-index="4"] {
  background-image: url(../img/slick-slide-2019.png);
}

.section_two--bottom [data-slick-index="5"] {
  background-image: url(../img/slick-slide-2018.png);
}

.section_two--bottom [data-slick-index="6"] {
  background-image: url(../img/slick-slide-2017.png);
}

.section_two--bottom .slick-slide {
  aspect-ratio: 330/293;
}

.section_two--bottom .slick-slide > div {
  display: flex;
  align-items: center;
  padding: 3rem 6rem 0 0.5rem;
}

@media (max-width: 1600px) {
  .section_two--bottom .slick-slide > div {
    padding: 3rem 7em 0rem 0.5rem;
  }
}

@media (max-width: 1400px) {
  .section_two--bottom .slick-slide > div {
    padding: 2.5rem 5em 0rem 0.2rem;
  }
}

@media (max-width: 1300px) {
  .section_two--bottom .slick-slide > div {
    padding: 3.5rem 5em 0rem 0.5rem;
  }  
}

@media (max-width: 1200px) {
  .section_two--bottom .slick-slide > div {
    padding: 5rem 7em 0 1rem;
  }  
}

@media (max-width: 1100px) {
  .section_two--bottom .slick-slide > div {
    padding: 4rem 5rem 4rem 1.5rem;
  }  
}

@media (max-width: 990px) {
  .section_two--bottom .slick-slide > div {
    padding: 3rem 5rem 2rem 1rem;
  }  
}

@media (max-width: 840px) {
  .section_two--bottom .slick-slide > div {
    padding: 5rem 7rem 0 1rem;
  }
}

@media (max-width: 800px) {
  .section_two--bottom .slick-slide > div {
    padding: 4rem 7rem 0 1rem;
  }
}

@media (max-width: 660px) {
  .section_two--bottom .slick-slide > div {
    padding: 3rem 4rem 0 0.5rem;
  }
}

@media (max-width: 600px) {
  .section_two--bottom .slick-slide > div {
    padding: 4rem 5rem 0 0.5rem;
  }
}

@media (max-width: 500px) {
  .section_two--bottom .slick-slide > div {
    padding: 3rem 5rem 0 0.5rem;
  }
}

@media (max-width: 420px) {
  .section_two--bottom .slick-slide > div {
    padding: 2.2rem 4rem 0 0.2rem;
  }
}

.section_two--bottom .slick_prev, .section_two--bottom .slick_next {
  background: url(../img/slick-arr-r.png) center/cover no-repeat;
  width: 40px;
  height: 47px;
  top: 41%;
  border-radius: 0;
}

@media (max-width: 600px) {
  .section_two--bottom .slick_prev, .section_two--bottom .slick_next {
    width: 30px;
    height: 35px;
  }
}

.section_two--bottom .slick_prev {
  left: -55px;
  transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 600px) {
  .section_two--bottom .slick_prev {
    left: -40px;
  }
}

.section_two--bottom .slick_next {
  transform: translateY(-50%);
  right: -55px;
}

@media (max-width: 600px) {
  .section_two--bottom .slick_next {
    right: -40px;
  }
}


.section_two--bottom .slick-disabled {
  display: none !important;
}

 .crown_in {
  position: relative;
}

.crown_text {
  color: var(--kv-text);
  display: flex;
  width: 100%;
}

.crown_word {
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.3;
}

@media (max-width: 1600px) {
  .crown_word {
    font-size: 1.3rem;
  }
}

@media (max-width: 1400px) {
  .crown_word {
    font-size: 1.2rem;
  }
}

@media (max-width: 1200px) {
  .crown_word {
    font-size: 1.3rem;
  }
}

@media (max-width: 1000px) {
  .crown_word {
    font-size: 1.2rem;
  }
}

@media (max-width: 900px) {
  .crown_word {
    font-size: 1rem;
  }
}

@media (max-width: 840px) {
  .crown_word {
    font-size: 1.6rem;
  }
}

@media (max-width: 800px) {
  .crown_word {
    font-size: 1.4rem;
  }
}

@media (max-width: 760px) {
  .crown_word {
    font-size: 1.3rem;
  }
}

@media (max-width: 630px) {
  .crown_word {
    font-size: 1.2rem;
  }
}

@media (max-width: 600px) {
  .crown_word {
    font-size: 1.3rem;
  }
}

@media (max-width: 520px) {
  .crown_word {
    font-size: 1.2rem;
  }
}

@media (max-width: 520px) {
  .crown_word {
    font-size: 1.1rem;
  }
}

@media (max-width: 420px) {
  .crown_word {
    font-size: 1rem;
  }
}

@media (max-width: 360px) {
  .crown_word {
    font-size: 14px;
  }
}

.crown_word strong {
  position: relative;
  color: var(--color-crown);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.crown_word strong.no1 {
  background: url(../img/no1.svg);
  width: 50px;
  height: 30px;
}

.crown_word strong.no1::after {
  content: "";
}

.crown_word strong span {
  color: transparent;
}

.crown_word strong span.ball {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin: 0 0.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.crown_word strong span.ball.b05 {
  background-image: url(../img/ball-05.svg);
}

.crown_word strong span.ball.b06 {
  background-image: url(../img/ball-06.svg);
}

.crown_word strong span.ball.b07 {
  background-image: url(../img/ball-07.svg);
}

.crown_word strong span.ball.b08 {
  background-image: url(../img/ball-08.svg);
}

.crown_word strong span.ball.b10 {
  background-image: url(../img/ball-10.svg);
}

.crown_word strong span.ball.b13 {
  background-image: url(../img/ball-13.svg);
}

.crown_word strong::after {
  content: "！";
  position: absolute;
  right: 0;
  transform: translateX(100%);
  font-weight: 300;
  color: var(--kv-text);
}



/* SECTION_THREE                  */
/* ****************************** */
.section_three.up {
  background: var(--color-bg) url(../img/section-3-up-bg.png) center top/cover no-repeat;
  margin: -4rem auto 3rem;
}

.section_three--top {
  text-align: center;
  padding: 11rem 0 0;
}

@media (max-width: 1024px) {
  .section_three--top {
    padding: 0;
  }
}

@media (max-width: 840px) {
  .section_three--top {
    padding: 0 6rem 2rem;
  }
}

@media (max-width: 600px) {
  .section_three--top {
    padding: 0 4rem 2rem;
  }
}

@media (max-width: 480px) {
  .section_three--top {
    padding: 0 3rem 2rem;
  }
}

@media (max-width: 430px) {
  .section_three--top {
    padding: 0 3rem 1rem;
  }
}

@media (max-width: 414px) {
  .section_three--top {
    padding: 0 2rem 1rem;
  }
}

.section_three--top img {
  margin: 0 auto;
}

.section_three.down {
  background: var(--color-bg) url(../img/section-3-down-bg.png) center top/cover no-repeat;
}

.section_three--bottom {
  padding: 0;
  clear: both;
  width: 100%;
  display: inline-block;
}

.section_three--bottom .news_history {
  min-height: 4vw;
}

.section_three--bottom .news_part {
  padding-bottom: 1.125vw;
}

.section_three--bottom .news_part .news_wrap {
  margin: 0 auto;
  width: 63.25vw; /*1012px */
  background: var(--yellow);
  border-radius: 1vw;
  padding: 0 8vw;
}

.section_three--bottom .news_slick {
  padding: 1.3125vw 0 0;

}

.section_three--bottom .news_item {
  padding: 4px 5px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.section_three--bottom .news_item .news_media {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1.3125vw 0.9375vw 0.9375vw 0;
}

.section_three--bottom .news_item .news_media span {
  font-family: "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體", sans-serif;
  font-size: 0.9375vw;
  font-weight: 700;
  line-height: 1;
  color: var(--color-news);
}

.section_three--bottom .news_logo {
  position: absolute;
  width: calc(100% - 10px);
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px;
  display: inline-flex;
  display: none;
}

.section_three--bottom .news_logo img {
  width: auto;
  height: 35px;
}

.section_three--bottom .news_thumb {
  position: relative;
}

.section_three--bottom .news_thumb > img {
  border-radius: 12px;
  width: 100%;
  max-width: 13.75vw;
  aspect-ratio: 220 / 118;
  box-shadow: 0 3px 3px rgba(255,255,255,.4);
}

.section_three--bottom .news_text {
  position: absolute;
  bottom: 5%;
  width: 90%;
  left: 5%;
  z-index: 6;
  color: #fff;
  letter-spacing: 0;
  font-size: 0.75vw;
  line-height: 1.2;
  margin-bottom: 0;
  white-space: pre-wrap;
}

.section_three--bottom .news_text a {
  color: #fff;
}

.section_three--bottom .news_shade {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  right: 0;
}

.section_three--bottom .news_year_title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 0.625vw;
}

.section_three--bottom .news_year_title img {
  position: relative;
  top: -2px;
  width: 100%;
  max-width: 7.062vw;
}

@media (max-width: 640px) {
  .section_three--bottom .news_year_title {
    display: none;
  }
}

.section_three--bottom .slick-initialized .slick-slide {
  padding: 0 0.5rem;
}

.section_three--bottom .slick_prev,
.section_three--bottom .slick_next {
  background: url(../img2025/btn_sw-right.svg) center/cover no-repeat;
  width: 3.125vw;
  height: 3.125vw;
  top: 6vw;
}

.section_three--bottom .slick_prev {
  transform: translateY(-50%) rotate(180deg);
  left: -4vw;
}

.section_three--bottom .slick_next {
  transform: translateY(-50%);
  right: -4vw;
}


.section_three--bottom .slick-disabled {
  display: none !important;
}

.news_tab {
  width: 63.25vw; /*1012px */;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 1.5rem;
  margin: 0.375vw auto 3vw;
}

@media (max-width: 640px) {
  .news_tab {
    display: none;
  }
}

.news_tab li {
  position: relative;
}

.news_tab li a {
  display: block;
  text-align: center;
}

.news_tab li a strong {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.news_tab li a strong img {
  max-width: 7.25vw;
  margin-bottom: 0.813vw;
}

.news_tab li a strong::after {
  content: "";
  width: 4.188vw;
  height: 1vw;
  background: url(../img2025/icon_tab-down-arr.png) center top/cover no-repeat;
}


/* section_one                   */
/* ****************************** */
.main-wrap{
  background: #f6eada;
}

.section_one {
  background: #f6eada;
}

.section_one .section1_text{
  width: 80%;
  margin: 3vw auto;
  text-align: center;
  font-weight: 400;
  line-height: 1.5rem;
}

.section_one .section1_line img{
  width: 100%;
  padding-bottom: 50px;
}

.section_one.up {
  background: var(--color-bg) url(../img/section-5-up-bg.png) center top/cover no-repeat;
  margin: -6rem auto 0;
}

.section_one--bottom {
  position: relative;
  padding: 0 5vw;
}

.section_one .section1_title {
  text-align: center;
}

.section_one .section1_title img {
    width: 650px;
    margin: 0 auto;
    padding-top: 5vw;;    
    padding-bottom: 5vw;
}

@media (max-width: 750px) {
  .section_one .section1_title img {
    display: block;
    width: 80%;
  }
}

nav.mainNav ul {
  display: flex;
  justify-content:center;
}


nav.mainNav li {
  position: relative;
  z-index: 2;
  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;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

nav.mainNav li .hover{
  opacity: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

nav.mainNav .active .hover{
  opacity: 1;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.subNav .sub-nav-container{
  position: relative;
  width: 100%;
  height: 100px;
  margin: 30px auto;
}

.subNav .sub-background{
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
  background: #f6eada;
}

.subNav .front{
  left: 10px;
}

.subNav .back{
  right: 10px;
}

.subNav .sub-nav-content{
  position: relative;
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px 0;
  margin:auto;
}

.subNav .sub-line{
  width: 50%;
  position: absolute;
  left: 0;
  z-index: 0;
}


.subNav .sub-line-2{
  width: 50%;
  transform: scaleX(-1);
  position: absolute;
  right:0;
  z-index: 0;
}

.subNav .sub-nav-content.active{
  display: flex;
}

.subNav img{
  height: 3px !important;
}

.subNav .sub-nav-item{
  position: relative;
  color:#595656;
  cursor: pointer;
  background-color: #f6eada;
  z-index: 2;
}

.subNav .sub-nav-item p{
  margin-bottom: 0;
  font-size: 1.1rem;
}

.subNav .sub-nav-item:hover p{
  position: relative;
  z-index: 2;
  color: #ffffff;
}

.subNav .sub-active  p{
  position: relative;
  z-index: 2;
  color: #ffffff;
}

.subNav .sub-nav-item .sub-nav-hover{
  opacity: 0;
  width: 85%;
  height: 25px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  background-color:#1e6ba9;
}

.subNav .sub-active .sub-nav-hover{
  opacity: 1;
}

.subNav .sub-nav-item:hover .sub-nav-hover{
  opacity: 1;
}

.subNav .sub-nav-item:nth-child(3){
  position: relative;
  margin-left: 10px;
  padding:0 15px;
}

.subNav .sub-nav-item:nth-child(3):before{
  content:"";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 2px;
  height: 25px;
  background-color:#0059a2;
}

.subNav .sub-nav-item:nth-child(3):after{
  content:"";
  position: absolute;
  right: -1px;
  top: 5px;
  width: 3px;
  height: 25px;
  background-color:#0059a2;
}

.subNav .sub-nav-item:nth-child(4){
  padding:0 15px;
}

.subNav .sub-nav-item:nth-child(4):after{
  content:"";
  position: absolute;
  right: -1px;
  top: 5px;
  width: 3px;
  height: 25px;
  background-color:#0059a2;
}

.subNav .sub-nav-item:nth-child(5){
  padding:0 15px;
  margin-right: 10px;
}


.subNav .sub-nav-item:nth-child(5):after{
  content:"";
  position: absolute;
  right: -1px;
  top: 5px;
  width: 2px;
  height: 25px;
  background-color:#0059a2;
}


@media screen and (min-width: 769px) {
    nav.mainNav li:hover .hover {
        opacity: 1;
    }
}

nav.fixedNav {
  width: 200px;    
  height: fit-content;
  position: fixed;
  right: -1%;
  bottom: 0;
  top: 0;
  margin: auto;
  display: block;
  border-radius: 20px;
  border: 5px solid #0aa4b0;
  padding-bottom: 0;
  background: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: -0.125rem -0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  box-shadow: -0.125rem -0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  text-align: center;
  transform: scale(.8);
  z-index: 100;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

nav.fixedNav ul li span {
    color: #0aa4b0;
	  margin:.1rem auto ;
	  font-size: 1rem;
    font-weight: 500;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

nav.fixedNav ul li.navLogo {
  width: 100%;
  height: 3vw;
  margin-bottom: .5vw;;
  border-radius: 13px 13px 0 0;
  position: relative;
  background-color: #d75546;
  cursor: default;
}

nav.fixedNav ul li.navLogo img{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0vw;
  margin: auto;
}

nav.fixedNav ul li.navTitle {
  width: 95%;
  margin: auto;
  background-color: #469ed7;
  cursor: default;
  pointer-events: none;
}

nav.fixedNav ul li.navTitle span{
  color: #ffffff;
  font-size: 1rem;
}

nav.fixedNav ul li.toAnchor:hover{
  width: 95%;
  background-color: #bae3f9;
  margin: auto;
}

nav.fixedNav ul li:last-child.toAnchor:hover{
  border-radius: 0 0 10px 10px;
}

nav.fixedNav ul li.toAnchor.nav-btn-active{
  width: 95%;
  background-color: #bae3f9;
  margin: auto;
}

nav.fixedNav ul li:last-child.toAnchor.nav-btn-active{
  border-radius: 0 0 10px 10px;
}

@media (max-width: 1024px) {
  .section_one, .section_two, .section_three.up, .section_three.down, .section_one.up {
    margin: 0;
    padding: 0;
  }
}

.report_content {
  padding: 50px 15%;
}

.report_content p {
  color: #000;
  font-size: 1.3em;
  margin: 15px auto;
  text-align: justify;
}

.report_content p a {
  color: #0f3c6e;
  border-bottom: 1px solid #0f3c6e;
}

.report_content .img_text {
  color: #0f3c6e;
  font-size: 1em;
}

.report_content img {
  border-radius: 10px;
  margin: 5px 0;
}

.report_content .subtitle {
  font-size: 1.7em;
  color: #3a3a3a;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}

.report_content--pcBlue {
  background-color: #ebf4f8;
  padding-top: 5px;
  padding-bottom: 20px;
}

.report_content--blue {
  background-color: #ebf4f8;
}

.report_content--yellow {
  background-color: #ffd527;
  padding: 10px 0;
  border-bottom: 7px solid #eac426;
}

.report_content--yellow .border_line {
  border-top: 7px solid #fff;
  border-bottom: 7px solid #fff;
}

.report_content--yellow p {
  font-size: 1.8em;
  color: #0f3c6e;
  text-align: center;
  margin: 20px auto;
}

.report_content--more {
  text-align: center;
}
.report_content--more .more {
  color: #0f3c6e;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.report_title {
  color: #0f3c6e;
  font-size: 2em;
  line-height: 1.5em;
  font-weight: bold;
}

@media all and (max-width: 1025px) {
  .section_part .report_content {
    padding: 50px 10%;
  }
  .section_part .report_content .subtitle {
    font-size: 1.6em;
  }
}

@media all and (max-width: 992px) {
  .report_content {
    padding: 30px;
  }

  .report_content--yellow p {
    font-size: 1.5em;
  }
}

@media all and (max-width: 767px) {
  .pagewidth {
    padding: 0;
  }

  .section_part .report_content {
    padding: 20px 15px;
  }

  .section_part .report_content p {
    font-size: 4.5vw;
    letter-spacing: 1px;
    line-height: 1.6em;
  }

  .section_part .report_content .img_text {
    font-size: 4vw;
    line-height: 1.5em;
  }

  .section_part .report_content .subtitle {
    font-size: 5.5vw;
    letter-spacing: 1px;
  }

  .section_part .report_content--pcBlue {
    background-color: #fff;
  }

  .section_part .report_content--yellow {
    padding: 7px 0;
    border-bottom: 4px solid #eac426;
  }
  .section_part .report_content--yellow .border_line {
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
  }
  .section_part .report_content--yellow p {
    font-size: 4vw;
    margin: 10px auto;
  }
  .section_part .report_content--more .more {
    font-size: 1em;
    letter-spacing: 0px;
  }
  .section_part .report_title {
    font-size: 6vw;
  }
}

.swiper-pagination-bullet {
  border: 1px solid #1da1f2;
}

.swiper-pagination-bullet-active {
  background: #1da1f2;
}

img:not([draggable]), embed, object, video {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: initial !important;
  z-index: 1;
}


.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  padding-bottom: 3rem;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.section_one--bottom .swiper-slide {
  position: relative;
  width: 640px !important;
  height: auto;
  padding: 0;
}

@media (max-width: 750px) {
  .section_one--bottom  .swiper-slide {
    width: 100% !important;
    height: 100% !important;
  }
}

.swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.swiper-image {
  position: relative;
}

.swiper-image img {
  max-width: 640px;
  max-height: 480px;
  border-radius: 33px;
  margin: 0 auto;
  /* border: 0.625vw solid #fff; */
  /* box-shadow: 0 -2px 9px 3px rgba(64, 64, 64, .3); */
}

@media (max-width: 767px) {
  .swiper-image img {
    max-width: 400px;
    max-height: 225px;
  }
}

@media (max-width: 575px) {
  .swiper-image img {
    max-width: 320px;
    max-height: 180px;
  }
}

@media all and (max-width: 391px) {
  .swiper-image img {
    max-width: 240px;
    max-height: 135px;
  }
}

.swiper-image strong {
  position: absolute;
  color: #fff;
  bottom: 0;
  left: calc(50% - 320px);
  right: calc(50% - 320px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1vw 1.3vw;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

@media (max-width: 767px) {
  .swiper-image strong {
    left: calc(50% - 200px);
    right: calc(50% - 200px);
  }
}

@media (max-width: 575px) {
  .swiper-image strong {
    left: calc(50% - 160px);
    right: calc(50% - 160px);
    font-size: 12px;
    line-height: 1.3;
  }
}

@media (max-width: 575px) {
  .swiper-image strong {
    left: calc(50% - 120px);
    right: calc(50% - 120px);
  }
}

.swiper-image .viewBox {
  position: absolute;
  left: calc(50% - 320px);
  right: calc(50% - 320px);
  top: 0;
  bottom: 0;
  z-index: 250;
  cursor: pointer;
}

.swiper-image .viewBox iframe {
  width: 100%;
  height: 100%;
  border-radius: 33px;
}

@media (max-width: 767px) {
  .swiper-image .viewBox {
    left: calc(50% - 200px);
    right: calc(50% - 200px);
  }
}

@media (max-width: 575px) {
  .swiper-image .viewBox {
    left: calc(50% - 160px);
    right: calc(50% - 160px);
    font-size: 12px;
    line-height: 1.3;
  }
}

@media (max-width: 390px) {
  .swiper-image .viewBox {
    left: calc(50% - 120px);
    right: calc(50% - 120px);
  }
}

.swiper-image.fake strong, .swiper-image.fake .viewBox {
  display: none !important;
  pointer-events: none;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

.swiper-button-box {
  z-index: inherit;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 42%;
  width: 37px;
  height: 66px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background: transparent url(../img2025/btn_sw-media-right.png) center/cover no-repeat;
  /* background-image: none;
  background-color: transparent;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.25rem 0 1.25rem 1.25rem;
  border-color: transparent transparent transparent #fff;
  border-radius: 0; */
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 25%;
  right: auto;
  transform: rotate(0.5turn);
}

@media (max-width: 767px) {
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 2.5%;
  }
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 25%;
  left: auto;
}

@media (max-width: 767px) {
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 2.5%;
  }
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  perspective: 1200px;
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container {
  width: 100%;
  /* width: 130%;
  left: -15%; */
}

.swiper-slide img {
  display: block;
  margin: auto;
  width: 100%;
}

.swiper-slide {
  width: 640px;
  height: auto;
  padding: 0;
}

/* .swiper-slide iframe {
  border-radius: 33px;
} */

@media (max-width: 991px) {
  .swiper-slide {
    width: 100%;
  }
}

.swiper-slide .slider-image .preview-icon {
  z-index: -1;
  width: calc(100% - 30px);
}

.swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
  opacity: 1;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}

.swiper-pagination-bullet {
  background: transparent none repeat scroll 0 0;
  border: 1px solid var(--greenBlue);
  border-radius: 20px;
  display: inline-block;
  height: 17px;
  opacity: 1;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 17px;
  transition: 0.2s;
}

.swiper-pagination-bullet-active {
  background: var(--greenBlue);
  border: medium none;
  height: 18px;
  opacity: 1;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 18px;
}

@media (max-width: 640px) {
  .section_two {
    background: var(--lightBlue) url(../img2025/bg_section2@mb.jpg) center top/contain no-repeat;
  }
  .section_three--bottom .news_history .news_part {
    padding-bottom: 7.8125vw;
  }
  .section_three--bottom .news_part .news_wrap {
    margin: 0 auto;
    width: 84.375%;
    background: var(--yellow);
    border-radius: 2.5vw;
    padding: 0 8vw;
  }
  .section_three--bottom .slick_prev,
  .section_three--bottom .slick_next {
    width: 8.4375vw;
    height: 8.4375vw;
    top: 45%;
  }
  .section_three--bottom .slick_prev {
    left: -7vw;
  }
  .section_three--bottom .slick_next {
    right: -7vw;
  }
  .section_three--bottom .news_slick {
    padding: 5.3125vw 0 0;
  }
  .section_three--bottom .news_thumb > img {
    border-radius: 3.125vw;
    max-width: 161.875vw;
    aspect-ratio: 323 / 182;
  }
  .section_three--bottom .news_thumb > img.news_shade {
    aspect-ratio: unset;
  }
  .section_three--bottom .news_text {
    font-size: 3.9063vw;
  }
  .section_three--bottom .news_item .news_media {
    padding: 3.75vw 2.5vw 4vw 0;
  }
  .section_three--bottom .news_item .news_media span {
    font-size: 4.375vw;
  }
  .section_one--bottom {
    padding: 5.5vw 5vw;
  }
  .swiper-button-next, .swiper-button-prev {
    width: 27px;
    height: 48px;
  }
  .swiper-pagination-bullet {
    height: 9px;
    width: 9px;
  }
  
  .swiper-pagination-bullet-active {
    height: 10px;
    width: 10px;
  }
}

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

  .section_one .section1_line img{
    padding-bottom: 0;
  }

	.section_one{
		position: relative;
		top: 15vw;
	}

	.section_one--bottom {
		position: relative;
		padding: 0 5vw; 
	}

	.section_one .section1_text{
		width: 80%;
		margin: 3vw auto;
		text-align: center;
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
		padding-bottom: 30vw;
	}

	.title-media{        
		width: 90%;
    height: 50px;
    margin: 10vw auto;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;
	}
}

@media (max-width: 820px) and (min-width: 750px) {
  .section_one .section1_text{
		padding-bottom: 10vw;
	}
}