@charset "utf-8";

html,
body {
	font-size: 16px;
	color: #333;
	font-family: '微軟正黑體', 'Raleway', sans-serif;
	line-height: 28px;
	font-weight: 400;
  letter-spacing: 1px;
}
body{
	font-size: 1.125rem;
}
img {
  max-width: 100%;
}
p {
  margin: 0 0 1.5rem;
	line-height: 30px;
}
h1,h2,h3,h4,h5,h6 {
  font-family: '微軟正黑體', 'Roboto', sans-serif;
  color: #222;
  margin: 0 0 1rem;
  font-weight: 600;
}
h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2.25rem;
}
h3 {
  font-size: 1.75rem;
}
h4 {
  font-size: 1.5rem;
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1.125rem;
}
h1,h2 {
  font-weight: 700;
}
h3,h4 {
  font-weight: 500;
}
h5,h6 {
  font-weight: 600;
}
a {
  color: #666;
  transition: all 0.3s ease 0s;
  text-decoration: none !important;
  outline: none !important;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0 none;
  color: #CD5D67;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
::-moz-selection {
  background: #CD5D67;
  text-shadow: none;
  color: #ffffff;
}
::selection {
  background: #CD5D67;
  text-shadow: none;
  color: #ffffff;
}
/* 滾軸 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #C43E4D;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
@media screen and (min-width:1440px){
  .container {
    max-width: 1440px;
  }
}
@media screen and (min-width:1600px){
  .container {
    max-width: 1600px;
  }
}

.width-unset {
  width: unset !important;
}
.bg {
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
.bg-unset {
  background: unset !important;
}
button {
  cursor: pointer;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
}
.text-shadow {
  text-shadow: 2px 2px 15px #333;
}
.display-table {
  display: table;
  height: 100%;
  width: 100%;
}
.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.section_padding{
  padding: 80px 0;
}

/* 標題 */
.title{
  position: relative;
  text-align: center;
  color: #222;
  margin-bottom: 5rem;
}
.title::before{
  content: "\e90d";
  font-family: icomoon;
  font-size: 1.125rem;
  color: #CD5D67;
  font-weight: normal;
  position: absolute;
  bottom: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.title.text-white::before{
  color: #f2f2f2;
}
.item_title {
  position: relative;
  display: inline-block;
  color: #324E73;
  font-weight: bold;
  margin-bottom: 3rem;
}
.item_title::before{
  content: "";
  width: 1px;
  height: 30px;
  background: #ccc;
  position: absolute;
  right: -1.5rem;
  bottom: -1rem;
  transform: rotate(36deg);
}
.item_title::after{
  content: "";
  width: 1px;
  height: 30px;
  background: #ccc;
  position: absolute;
  right: -2rem;
  bottom: -0.75rem;
  transform: rotate(36deg);
}
@media screen and (max-width:991px) {
  .title{
    font-size: 2rem;
  }
}

/* ul li 樣式 */
.list_icon1 li{
  position: relative;
  padding-left: 50px;
  margin-bottom: 1.5rem;
}
.list_icon1 li::before{
  content: "\e907";
  font-size: 2rem;
  font-family: icomoon;
  color: #CD5D67;
  position: absolute;
  left: 0;
  top: 0;
}

.logo_img{
  max-height: 50px;
}

/* 按鈕 */
.btn_rc{
  border: 1px solid #fff;
  border-radius: 50px;
  padding: .5rem 2rem;
}

/*Sticky Menu CSS*/
.menu-sticky {
  background: #fff;
  margin: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  z-index: 999;
  width: 100%;
  top: 0;
  position: relative;
}
@-webkit-keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes sticky-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Idx_Banner_Slider */
.carousel-item{
  max-height: 680px;
}
.idx_ban_con{
  width: 40%;
  height:50%;
  text-align: left;
  padding: 3rem 5rem;
  position: absolute;
  right: 15%;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255,255,255,.3);
  clip-path: polygon(20% 0, 100% 0, 100% 70%, 80% 100%, 0 100%, 0 30%);
}
.idx_ban_con_bg{
  width: 40%;
  height:50%;
  text-align: left;
  padding: 3rem 5rem;
  position: absolute;
  right: 16.25%;
  left: auto;
  top: 44%;
  transform: translateY(-44%);
  background: rgba(255,255,255,.3);
  clip-path: polygon(20% 0, 100% 0, 100% 70%, 80% 100%, 0 100%, 0 30%);
}
.idx_ban_txt{
  position: absolute;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  width: 70%;
  text-align: right;
}
.idx_ban_txt h5{
  font-size: 2.5rem;
  margin-bottom: 1rem;
}
.idx_ban_txt p{
  font-size: 1rem;
  color: #333;
}
.idx_ban_con .btn_rc{
  display: inline-block;
  background: #CD5D67;
  color: #fff;
}
.idx_ban_con .btn_rc:hover{
  background: #5A6773;
}
.carousel-control-prev, .carousel-control-next{
  background: none;
  border: 0;
}
.carousel-control-prev, .carousel-control-next{
  display: none;
}
.carousel-indicators li{
  background-color: #cd5d67;
}
@media screen and (max-width:1024px) {
  .mob_ban_height{
    height: 480px;
  }
  .carousel-inner{
    height: 480px;
  }
  .carousel-inner .carousel-item img{
    height: 480px;
    object-fit: cover;
  }
  .idx_ban_con{
    width: 70%;
  }
  .idx_ban_con_bg{
    width: 72%;
  }
}
@media screen and (max-width:576.98px) {
  .idx_ban_con{
    padding: 15px;
  }
  .idx_ban_txt h5{
    font-size: 1.35rem;
    line-height: 1.2;
  }
}

/* 產品 */
.st0{
    d: path("M144.6,36c0,0,14.2,6.1,37.2,13.5c13.2,4.3,29.3,9.1,47.2,13.4c14.3,3.5,29.8,6.7,46,9.2 c17.6,2.7,35.9,4.6,54.3,5c16.5,0.4,32.5,1.4,47.6,2.7c16.7,1.4,32.2,3.3,46.3,5.3c16.4,2.3,30.8,4.9,42.5,7.1 c20.5,4,32.6,7.2,32.6,7.2l-91.8,509.1c0,0-14.4-2.7-37.2-7.6c-12.8-2.7-28.2-6.1-45.2-9.9c-14.1-3.2-29.2-6.8-44.8-10.7 c-15.6-3.9-31.7-8.1-47.6-12.5c-15.4-4.3-31.1-7.8-46.4-10.6c-16.8-3.1-33.2-5.5-48.5-7.3c-18.1-2.1-34.5-3.4-48-4.2 c-22.5-1.4-36.9-1.3-36.9-1.3L144.6,36z");
  animation: wave 2s infinite;
}
@keyframes wave{
  0%, 100%{
    d: path("M144.6,36c0,0,14.2,6.1,37.2,13.5c13.2,4.3,29.3,9.1,47.2,13.4c14.3,3.5,29.8,6.7,46,9.2 c17.6,2.7,35.9,4.6,54.3,5c16.5,0.4,32.5,1.4,47.6,2.7c16.7,1.4,32.2,3.3,46.3,5.3c16.4,2.3,30.8,4.9,42.5,7.1 c20.5,4,32.6,7.2,32.6,7.2l-91.8,509.1c0,0-14.4-2.7-37.2-7.6c-12.8-2.7-28.2-6.1-45.2-9.9c-14.1-3.2-29.2-6.8-44.8-10.7 c-15.6-3.9-31.7-8.1-47.6-12.5c-15.4-4.3-31.1-7.8-46.4-10.6c-16.8-3.1-33.2-5.5-48.5-7.3c-18.1-2.1-34.5-3.4-48-4.2 c-22.5-1.4-36.9-1.3-36.9-1.3L144.6,36z");
  }
  50%{
    d: path("M144.6,36c0,0,19.3-4.7,47.4-4.9c14.8-0.1,32.1,0.9,50.3,4.6c16,3.2,32.8,8.4,49.2,16.4 c13,6.4,25.8,14.6,37.9,25.1c14.9,8.2,29.3,14.5,42.9,19.1c15.3,5.2,29.7,8.4,42.8,10.1c19.6,2.6,36.6,2.2,50,0.6 c21-2.4,33.3-7.5,33.3-7.5l-91.8,509.1c0,0-7.4-6.5-21.5-14.4c-9.7-5.5-22.5-11.6-38.2-16.9c-14-4.7-30.4-8.6-48.9-10.7 c-19.7-2.2-41.8-2.2-66.2,1.3c-17.2,3.6-33.1,5.7-47.9,6.6c-19.4,1.2-36.7,0.5-51.8-1.5c-20.4-2.7-37-7.5-49.6-12.4 C62.2,552.6,52,544.4,52,544.4L144.6,36z");
  }
}
svg {
  width: 90%;
  height: 90%;
  margin-bottom: 5%;
}
svg polyline,
svg line,
svg path {
  fill: none;
  stroke: #000;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: 0.2s;
}
.wave_btn_prev, .wave_btn_next{
  position: absolute;
  top: 40%;
  left: 1rem;
  transform: translateY(-40%);
  font-size: 5rem;
  cursor: pointer;
}
.wave_btn_next{
  left: auto;
  right: 1rem;
}
.wave_btn_prev i, .wave_btn_next i{
  color: #ccc;
}
.wave_btn_prev i:hover, .wave_btn_next i:hover{
  color: #CD5D67;
}

.img_box{
  position: relative;
  width: calc(100% / 2 - 2rem);
  margin: 0 1rem;
  overflow: hidden;
  display: block;
}
.img_box:hover::before{
  content: "\e900";
  font-family: icomoon;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  z-index: 2;
}
.img_box:hover::after{
  content: "\e901";
  font-family: icomoon;
  font-size: 3rem;
  color: #fff;
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
  z-index: 2;
}
.img_box:hover .box_cover{
  width: 100%;
  height: 100%;
  background: rgba(50, 78, 115, .5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.img_box img{
  transform: scale(1,1);
  transition: .3s;
}
.img_box:hover img{
  transform: scale(1.1,1.1);
  transition: .3s;
}
.img_box h3{
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  color: #fff;
  text-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  margin-bottom: 0;
  transition: .3s;
}
.img_box:hover h3{
  font-size: 2.25rem;
  letter-spacing: 2px;
  right: 50%;
  bottom: 50%;
  transform: translate(50%,50%);
  z-index: 2;
  transition: .3s;
}

.pro_tag{
  position: relative;
  padding-top: 3rem;
}
.pro_tag::before{
  content: "";
  width: 1px;
  height: 650px;
  background: #ccc;
  position: absolute;
  right: 2rem;
  bottom: 0;
}
.pro_tag .nav-link{
  position: relative;
  width: 250px;
  height: 80px;
  /* clip-path: polygon(20% 0%, 94% 0, 100% 20%, 100% 80%, 94% 100%, 0 100%); */
  /* background: #ccc; */
  margin-bottom: 2rem;
}
.pro_tag .nav-link span{
  display: block;
  font-size: 1.5rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  text-align: right;
}

.pro_tag .nav-link::before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  clip-path: polygon(20% 0%, 96% 0, 100% 14%, 100% 86%, 96% 100%, 0 100%);
  background: #ccc;
  transform: scale(0.99, 0.975);
}
.pro_tag .nav-link::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  clip-path: polygon(20% 0%, 96% 0, 100% 14%, 100% 86%, 96% 100%, 0 100%);
  background: #fff;
  transform: scale(0.98, 0.96);
}
.pro_tag .nav-link:hover::before{
  background: #CD5D67;
}
.pro_tag .nav-link.active::before{
  content: "";
  background: #CD5D67;
}
.pro_tag .nav-link.active::after{
  background: #CD5D67;
}
.pro_tag .nav-link.active span{
  color: #fff;
}
.pro_tag .nav-link.active .l_icon{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pro_tag .nav-link.active .l_icon::before{
  content: "\e906";
  font-family: icomoon;
  font-size: 3rem;
  color: #CD5D67;
  position: absolute;
  left: -3rem;
  bottom: .5rem;
}
.pro_tag .nav-link.active .l_icon::after{
  content: "";
  width: 20px;
  height: 1px;
  background: #CD5D67;
  position: absolute;
  left: 44px;
  top: -9px;
}
.pro_tag .nav-link.active .l_icon .l_icon_bor{
  position: absolute;
  background: #CD5D67;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 22px;
  top: -15px;
  transform: rotate(33deg);
}
.r_box{
  height: 50%;
  width: 6px;
  background: #5A6773;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  border-radius:10px;
  z-index: 1;
}
.pro_tag .nav-link.active .r_box{
  background: #fff;
}
.pro_tag .nav-link:hover .r_box{
  background: #CD5D67;
}
@media screen and (max-width:1024px) {
  .pro_mob_reverse{
    flex-direction: column-reverse;
  }
  #v-pills-tab{
    flex-wrap: nowrap;
    overflow: auto;
    flex-direction: row !important;
    margin-bottom: 60px;
  }
  .pro_tag .nav-link {
    min-width: 250px;
    margin-left: 80px;
  }
  .pro_tag::before {
    height: 100%;
  }
}
@media screen and (max-width:576.98px) {
  .img_box{
    width: 100%;
    margin-bottom: 30px;
  }
  .pro_mob_CLreverse{
    flex-direction: column-reverse;
  }
}

/* ESG */
.esg_area{
  position: relative;
  background: url(../images/esg_bg.jpg) center no-repeat;
  background-size: cover;
  padding: 100px 0;
  overflow: hidden;
}
/* .esg_area::before{
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(110,130,145,.6);
  filter: blur(50px);
  position: absolute;
  top: 0;
  left: 0;
}
.esg_bg{
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  filter: blur(2px);
} */

.swiper {
  width: 100%;
  height: 100%;
  padding: 60px 0;
}
.idx_proslide .swiper{
  max-width: 400px;
}
.idx_proslide .swiper-button-prev, .idx_proslide .swiper-button-next{
  width: 60px;
  height: 60px;
  left: auto;
  color: #ccc;
}
/* .idx_proslide .swiper-button-prev{
  right: calc(3rem + 60px);
} */
.idx_proslide .swiper-button-prev:hover, .idx_proslide .swiper-button-next:hover{
  color: #CD5D67;
}
.idx_proslide .swiper-button-prev:after, .idx_proslide .swiper-button-next:after{
  font-size: 5rem;
}

.esgSwiper .swiper-slide a{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.slide_center_top .swiper-slide {
  position: relative;
  text-align: center;
  background: rgba(255,255,255,.65);
  padding: 60px 30px;
  margin-top: 30px;
}
@media screen and (min-width:992px) {
  .slide_center_top .swiper-slide.swiper-slide-next{
    margin-top: -50px;
  }
}
.slide_center_top .swiper-slide:hover{
  background: rgba(50,78,115,.8);
}
.slide_center_top .swiper-slide:hover::before{
  content: "\e900";
  font-family: icomoon;
  font-size: 3.5rem;
  color: rgba(255,255,255,.65);
  position: absolute;
  top: 2rem;
  left: 1rem;
}
.slide_center_top .swiper-slide:hover::after{
  content: "\e901";
  font-family: icomoon;
  font-size: 3.5rem;
  color: rgba(255,255,255,.65);
  position: absolute;
  bottom: 2rem;
  right: 1rem;
}
.slide_center_top .swiper-slide i{
  font-size: 5rem;
  color: #324E73;
}
.slide_center_top .swiper-slide h3{
  font-size: 1.5rem;
  margin-top: 2rem;
}
.slide_center_top .swiper-slide:hover i, .slide_center_top .swiper-slide:hover h3{
  color: #fff;
}
.slide_center_top .swiper-horizontal>.swiper-pagination-bullets, .slide_center_top .swiper-pagination-bullets.swiper-pagination-horizontal, .slide_center_top .swiper-pagination-custom, .slide_center_top .swiper-pagination-fraction{
  bottom: 0;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 15px;
  height: 15px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px);
  background: rgba(255,255,255,1);
  border: 1px solid rgba(255,255,255,.5);
}
.swiper-pagination-bullet{
  opacity: .5;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
  width: 50px;
  border-radius: 10px;
  background: #CD5D67;
  border: 1px solid rgba(255,255,255,.2);
  opacity: 1;
}

/* 人才招募 */
.recruit_box{
  position: relative;
  padding: 0 6rem;
}
.recruit_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../images/rec_bg.jpg) center no-repeat;
}
.recruit_box .swiper{
  padding: 2rem 0;
}
.rec_img_box{
  border-bottom: 3px solid #C43E4D;
}
.rec_text{
  font-size: 2.25rem;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  margin-bottom: 2rem;
}
.btn_rc.bg_white {
  width: fit-content;
  margin: 0 auto;
  display: block;
  background: rgba(255,255,255,.7);
  color: #333;
}
.btn_rc.bg_white:hover{
  background: #CD5D67;
  color: #fff;
}
.recruit_box .swiper-button-prev, .recruit_box .swiper-button-next{
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #ccc;
  top: calc(2rem + 25px);
  left: auto;
  right: 2rem;
  color: #ccc;
}
.recruit_box .swiper-button-prev{
  right: calc(3rem + 60px);
}
.recruit_box .swiper-button-prev:hover, .recruit_box .swiper-button-next:hover{
  color: #CD5D67;
  border: 1px solid #CD5D67;
}
@media screen and (max-width:1024px) {
  .recruit_box .swiper-button-prev, .recruit_box .swiper-button-next{
    top: 0;
  }
}
@media screen and (max-width:768px) {
  .rec_text {
    font-size: 1.5rem;
}
}
@media screen and (max-width:576.98px) {
  .recruit_box{
    padding: 0 15px;
  }
  .rec_text{
    font-size: 1.25rem;
    margin: 1rem 0 2rem;
  }
  .recruit_bg{
    background-size: cover;
  }
}

/* Footer*/
.footer{
  position: relative;
  background: url(../images/footer_bg.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
.footer::before{
  content: "";
  width: 100%;
  height: 60px;
  background: #5A6773;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.footer .footer_contact{
  padding: 80px 0;
}
@media screen and (max-width:991px){
  .footer .footer_contact{
    background-size: cover;
    background-position: center;
  }
}
@media screen and (max-width:768px) {
  .footer::before{
    height: 80px;
  }
}
@media screen and (max-width:576.98px) {
  .footer::before{
    height: 115px;
  }
}
.bor_b{
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(204,204,204,.6);
}

.TAI_conta li{
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.tel::before,.fax::before,.address::before,.mail::before{
  content: "";
	font-family: 'icomoon';
  font-size: 1.25rem;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
}
.tel::before{
  content: "\ea35";
}
.fax::before{
  content: "\ea0c";
}
.address::before{
  content: "\ea2c";
}
.mail::before{
  content: "\ea24";
}
.TAI_conta li:last-child, .footer_menu li:last-child{
  margin-bottom: 0;
}

.footer_menu{
  display: flex;
  flex-wrap: wrap;
}
.footer_menu li{
  width: calc(100% / 5 - 2rem);
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: bold;
  margin-right: 2rem;
}
.footer_menu li .footer_sec_menu{
  padding-top: .5rem;
}
.footer_menu li .footer_sec_menu li{
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  font-weight: normal;
  font-size: 1.125rem;
}
.footer_menu li .footer_sec_menu li::before{
  content: "";
  width: 7px;
  height: 7px;
  background: #CD5D67;
  border-radius: 50%;
  position: absolute;
  left: .5rem;
  top: 10px;
}

.footer_menu li .footer_sec_menu li:last-child{
  margin-bottom: 0;
}
.copyright{
  position: relative;
  /* background: rgba(90, 103, 115, 0.5); */
  padding: .8rem 0;
  color: #fff;
  font-size: 1rem;
}
.copyright a{
  color: #fff;
}
.copyright a:hover{
  color: #CD5D67;
}
@media screen and (max-width:1200px) {
  .footer_menu li{
    width: calc(100% / 4);
  }
  
}
@media screen and (max-width:1199px) {
  .mob_ftList{
    padding-left: 3rem;
    padding-right: 3rem;
    margin-bottom: 3rem;
  }
}
@media screen and (max-width:991px) {
  .footer_menu li {
    width: calc(100% / 3 - 2rem);
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width:576.98px) {
  .footer_menu li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
}


/* 輸入框顏色 */
.form-control:focus {
  border-color: #CD5D67;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #CD5D67;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #CD5D67;
}

/* Scroll Up */
#scrollUp {
  text-align: center;
  bottom: 80px;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 2rem;
  z-index: 999;
  border-radius: 50px 50px 4px 4px;
}
#scrollUp i {
  font-size: 2.5rem;
  font-weight: 600;
  color: rgba(236, 110, 124, 0.4);
  line-height: 36px;
  transition: all 0.3s ease 0s;
}
#scrollUp i:hover {
  color: #C43E4D;
}

@media screen and (max-width: 991px) {
  .main-menu .rs-menu ul.nav-menu > li > a {
    background: #333333;
  }
  .main-menu .rs-menu ul.nav-menu > li > a:hover,
  .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {
    background: #ab0815;
  }
  .footer_space{
    display: none;
  }
  .footer .company{
    width: 50%;
    margin: 2rem auto;
  }
  .newsletter{
    width: 60%;
    margin: 1rem auto 2rem auto;
  }
  .sub_news{
    display: none;
  }
}

@media screen and (max-width: 700px){
  .footer .company{
    width: 80%;
    margin: 2rem auto;
  }
  .newsletter{
    width: 80%;
  }
  .copyright p{
    padding: 0 15px;
  }
}
.rs-header.fixed{position:fixed;height:60px;background-color:transparent;box-shadow:0 0 20px 0 rgba(0,0,0,0.1)}

/* News */
.news_box{
  border: 1px solid #ddd;
  padding: 1rem;
}

.news_box .news_left{
  position: relative;
}

.news_box .news_right{
  padding: 1rem 2rem;
}

.news_box .news_right p{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: .5rem;
  min-height: 60px;
}

.news_box .news_right h3{
  /* -webkit-line-clamp: 1;
  min-height: auto; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news_class{
  position: absolute;
  right: .5rem;
  bottom: -.5rem;
  background: rgba(205, 93, 103, 0.9);
  padding: .5rem 2rem;
  color: #fff;
}

.news_btn{
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #CD5D67;
  background: #fff;
  text-align: center;
  width: 30px;
  height: 30px;
}

.newsSwiper .news_btn{
  position: absolute;
  right: 1.5rem;
  bottom: -18px;
  width: 60px;
  height: 36px;
  line-height: 36px;
  border-radius: 8px;
}

.news_btn i, .news_box:hover .news_right h3{
  color: #CD5D67;
}

.news_box:hover .news_right .news_btn{
  background: #CD5D67;
}

.news_box:hover .news_right .news_btn i{
  color: #fff;
}

.newsSwiper .news_box:hover{
  border: 1px solid #C43E4D;
}

.newsSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .newsSwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet, .newsAlbumswiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px);
  background: rgba(255,255,255,1);
  border: 1px solid #ccc;
}

.newsSwiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active, .newsAlbumswiper.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 50px;
  border-radius: 10px;
  background: #CD5D67;
  border: 1px solid rgba(255,255,255,.2);
  opacity: 1;
}

.newsSwiper.swiper-horizontal>.swiper-pagination-bullets, .newsSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .newsAlbumswiper .swiper-pagination-bullets.swiper-pagination-horizontal{
  bottom: 0;
}


/* NewsList */
.listsFlex {
  max-width: 1200px;
  margin: 0 auto;
}

.listsWrap .listBox {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  margin: 0.5rem 0;
  position: relative;
  font-size: 1.25rem;
  transition: 0.1s ease-in;
}

.listsWrap .listBox:nth-child(4),
.listsWrap .listBox:nth-child(5),
.listsWrap .listBox:nth-child(6) {
  display: none;
}

.listDate {
  font-family: 'Cambo', serif;
  color: #CD5D67;
  font-weight: 900;
  flex: 0 0 35%;
  max-width: 35%;
  width: 100%;
  display: grid;
  grid-template-areas:
      "Month Day"
      "Year Day";
  border-right: 1px solid #CD5D67;
  padding-right: 1rem;
}

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

.listYear {
  grid-area: Year;
}

.listMonth {
  grid-area: Month;
}

.listDay {
  grid-area: Day;
  font-size: 4rem;
  line-height: 4rem;
}

.listFormat {
  display: none !important;
}

.listIcon {
  display: none;
}

.listsWrap .moreBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.listsWrap .moreBtn a {
  display: block;
  width: 100%;
  height: 100%;
}

.listsWrap .moreBtn a span {
  display: none;
}

.listBox .listTxt {
  padding: 0 1.5rem;
}

.listBox .listTxt h3 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 100%;
  max-width: 100%;
  font-weight: bold;
}

.listBox .listTxt p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}

.listsWrap .listBox:hover {
  background-color: var(--hoverColor2);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.listsWrap .listBox:hover h3{
  color: #CD5D67;
}
@media screen and (min-width:1100px) {
  .listDate {
      flex: 0 0 50%;
      max-width: 18%;
  }

  .listBox .listTxt {
      flex: 0 0 80%;
      max-width: 80%;
  }
}

@media screen and (max-width:991px) {
  .listDate {
      flex: 0 0 25%;
      max-width: 25%;
  }
}

@media screen and (max-width:576px) {
  .listsWrap .listBox {
      flex-wrap: wrap;
  }

  .listDate {
      flex: 0 0 50%;
      max-width: 50%;
  }

  .listBox .listTxt {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
      margin-top: 1rem;
  }
}

.btnBox .btn_rc{
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 0.5rem 2rem;
  background: #CD5D67;
  color: #fff;
}

.btnBox .btn_rc:hover {
  background: #5A6773;
}


.order-first {	
	-ms-flex-order: -1;	
	order: -1	
}	
.order-last {	
	-ms-flex-order: 13;	
	order: 13	
}	
.order-0 {	
	-ms-flex-order: 0;	
	order: 0	
}	
.order-1 {	
	-ms-flex-order: 1;	
	order: 1	
}	
.order-2 {	
	-ms-flex-order: 2;	
	order: 2	
}	
.order-3 {	
	-ms-flex-order: 3;	
	order: 3	
}	
.order-4 {	
	-ms-flex-order: 4;	
	order: 4	
}	
.order-5 {	
	-ms-flex-order: 5;	
	order: 5	
}	
.order-6 {	
	-ms-flex-order: 6;	
	order: 6	
}	
.order-7 {	
	-ms-flex-order: 7;	
	order: 7	
}	
.order-8 {	
	-ms-flex-order: 8;	
	order: 8	
}	
.order-9 {	
	-ms-flex-order: 9;	
	order: 9	
}	
.order-10 {	
	-ms-flex-order: 10;	
	order: 10	
}	
.order-11 {	
	-ms-flex-order: 11;	
	order: 11	
}	
.order-12 {	
	-ms-flex-order: 12;	
	order: 12	
}	
.offset-1 {	
	margin-left: 8.333333%	
}	
.offset-2 {	
	margin-left: 16.666667%	
}	
.offset-3 {	
	margin-left: 25%	
}	
.offset-4 {	
	margin-left: 33.333333%	
}	
.offset-5 {	
	margin-left: 41.666667%	
}	
.offset-6 {	
	margin-left: 50%	
}	
.offset-7 {	
	margin-left: 58.333333%	
}	
.offset-8 {	
	margin-left: 66.666667%	
}	
.offset-9 {	
	margin-left: 75%	
}	
.offset-10 {	
	margin-left: 83.333333%	
}	
.offset-11 {	
	margin-left: 91.666667%	
}
@media (min-width:576px) {
        .order-sm-first {	
		-ms-flex-order: -1;	
		order: -1	
	}	
	.order-sm-last {	
		-ms-flex-order: 13;	
		order: 13	
	}	
	.order-sm-0 {	
		-ms-flex-order: 0;	
		order: 0	
	}	
	.order-sm-1 {	
		-ms-flex-order: 1;	
		order: 1	
	}	
	.order-sm-2 {	
		-ms-flex-order: 2;	
		order: 2	
	}	
	.order-sm-3 {	
		-ms-flex-order: 3;	
		order: 3	
	}	
	.order-sm-4 {	
		-ms-flex-order: 4;	
		order: 4	
	}	
	.order-sm-5 {	
		-ms-flex-order: 5;	
		order: 5	
	}	
	.order-sm-6 {	
		-ms-flex-order: 6;	
		order: 6	
	}	
	.order-sm-7 {	
		-ms-flex-order: 7;	
		order: 7	
	}	
	.order-sm-8 {	
		-ms-flex-order: 8;	
		order: 8	
	}	
	.order-sm-9 {	
		-ms-flex-order: 9;	
		order: 9	
	}	
	.order-sm-10 {	
		-ms-flex-order: 10;	
		order: 10	
	}	
	.order-sm-11 {	
		-ms-flex-order: 11;	
		order: 11	
	}	
	.order-sm-12 {	
		-ms-flex-order: 12;	
		order: 12	
	}	
	.offset-sm-0 {	
		margin-left: 0	
	}	
	.offset-sm-1 {	
		margin-left: 8.333333%	
	}	
	.offset-sm-2 {	
		margin-left: 16.666667%	
	}	
	.offset-sm-3 {	
		margin-left: 25%	
	}	
	.offset-sm-4 {	
		margin-left: 33.333333%	
	}	
	.offset-sm-5 {	
		margin-left: 41.666667%	
	}	
	.offset-sm-6 {	
		margin-left: 50%	
	}	
	.offset-sm-7 {	
		margin-left: 58.333333%	
	}	
	.offset-sm-8 {	
		margin-left: 66.666667%	
	}	
	.offset-sm-9 {	
		margin-left: 75%	
	}	
	.offset-sm-10 {	
		margin-left: 83.333333%	
	}	
	.offset-sm-11 {	
		margin-left: 91.666667%	
	}
}
@media (min-width:768px) {
        .order-md-first {	
		-ms-flex-order: -1;	
		order: -1	
	}	
	.order-md-last {	
		-ms-flex-order: 13;	
		order: 13	
	}	
	.order-md-0 {	
		-ms-flex-order: 0;	
		order: 0	
	}	
	.order-md-1 {	
		-ms-flex-order: 1;	
		order: 1	
	}	
	.order-md-2 {	
		-ms-flex-order: 2;	
		order: 2	
	}	
	.order-md-3 {	
		-ms-flex-order: 3;	
		order: 3	
	}	
	.order-md-4 {	
		-ms-flex-order: 4;	
		order: 4	
	}	
	.order-md-5 {	
		-ms-flex-order: 5;	
		order: 5	
	}	
	.order-md-6 {	
		-ms-flex-order: 6;	
		order: 6	
	}	
	.order-md-7 {	
		-ms-flex-order: 7;	
		order: 7	
	}	
	.order-md-8 {	
		-ms-flex-order: 8;	
		order: 8	
	}	
	.order-md-9 {	
		-ms-flex-order: 9;	
		order: 9	
	}	
	.order-md-10 {	
		-ms-flex-order: 10;	
		order: 10	
	}	
	.order-md-11 {	
		-ms-flex-order: 11;	
		order: 11	
	}	
	.order-md-12 {	
		-ms-flex-order: 12;	
		order: 12	
	}	
	.offset-md-0 {	
		margin-left: 0	
	}	
	.offset-md-1 {	
		margin-left: 8.333333%	
	}	
	.offset-md-2 {	
		margin-left: 16.666667%	
	}	
	.offset-md-3 {	
		margin-left: 25%	
	}	
	.offset-md-4 {	
		margin-left: 33.333333%	
	}	
	.offset-md-5 {	
		margin-left: 41.666667%	
	}	
	.offset-md-6 {	
		margin-left: 50%	
	}	
	.offset-md-7 {	
		margin-left: 58.333333%	
	}	
	.offset-md-8 {	
		margin-left: 66.666667%	
	}	
	.offset-md-9 {	
		margin-left: 75%	
	}	
	.offset-md-10 {	
		margin-left: 83.333333%	
	}	
	.offset-md-11 {	
		margin-left: 91.666667%	
	}
}
@media (min-width:992px) {
        .order-lg-first {	
		-ms-flex-order: -1;	
		order: -1	
	}	
	.order-lg-last {	
		-ms-flex-order: 13;	
		order: 13	
	}	
	.order-lg-0 {	
		-ms-flex-order: 0;	
		order: 0	
	}	
	.order-lg-1 {	
		-ms-flex-order: 1;	
		order: 1	
	}	
	.order-lg-2 {	
		-ms-flex-order: 2;	
		order: 2	
	}	
	.order-lg-3 {	
		-ms-flex-order: 3;	
		order: 3	
	}	
	.order-lg-4 {	
		-ms-flex-order: 4;	
		order: 4	
	}	
	.order-lg-5 {	
		-ms-flex-order: 5;	
		order: 5	
	}	
	.order-lg-6 {	
		-ms-flex-order: 6;	
		order: 6	
	}	
	.order-lg-7 {	
		-ms-flex-order: 7;	
		order: 7	
	}	
	.order-lg-8 {	
		-ms-flex-order: 8;	
		order: 8	
	}	
	.order-lg-9 {	
		-ms-flex-order: 9;	
		order: 9	
	}	
	.order-lg-10 {	
		-ms-flex-order: 10;	
		order: 10	
	}	
	.order-lg-11 {	
		-ms-flex-order: 11;	
		order: 11	
	}	
	.order-lg-12 {	
		-ms-flex-order: 12;	
		order: 12	
	}	
	.offset-lg-0 {	
		margin-left: 0	
	}	
	.offset-lg-1 {	
		margin-left: 8.333333%	
	}	
	.offset-lg-2 {	
		margin-left: 16.666667%	
	}	
	.offset-lg-3 {	
		margin-left: 25%	
	}	
	.offset-lg-4 {	
		margin-left: 33.333333%	
	}	
	.offset-lg-5 {	
		margin-left: 41.666667%	
	}	
	.offset-lg-6 {	
		margin-left: 50%	
	}	
	.offset-lg-7 {	
		margin-left: 58.333333%	
	}	
	.offset-lg-8 {	
		margin-left: 66.666667%	
	}	
	.offset-lg-9 {	
		margin-left: 75%	
	}	
	.offset-lg-10 {	
		margin-left: 83.333333%	
	}	
	.offset-lg-11 {	
		margin-left: 91.666667%	
	}
}
@media (min-width:1200px) {
        .order-xl-first {	
		-ms-flex-order: -1;	
		order: -1	
	}	
	.order-xl-last {	
		-ms-flex-order: 13;	
		order: 13	
	}	
	.order-xl-0 {	
		-ms-flex-order: 0;	
		order: 0	
	}	
	.order-xl-1 {	
		-ms-flex-order: 1;	
		order: 1	
	}	
	.order-xl-2 {	
		-ms-flex-order: 2;	
		order: 2	
	}	
	.order-xl-3 {	
		-ms-flex-order: 3;	
		order: 3	
	}	
	.order-xl-4 {	
		-ms-flex-order: 4;	
		order: 4	
	}	
	.order-xl-5 {	
		-ms-flex-order: 5;	
		order: 5	
	}	
	.order-xl-6 {	
		-ms-flex-order: 6;	
		order: 6	
	}	
	.order-xl-7 {	
		-ms-flex-order: 7;	
		order: 7	
	}	
	.order-xl-8 {	
		-ms-flex-order: 8;	
		order: 8	
	}	
	.order-xl-9 {	
		-ms-flex-order: 9;	
		order: 9	
	}	
	.order-xl-10 {	
		-ms-flex-order: 10;	
		order: 10	
	}	
	.order-xl-11 {	
		-ms-flex-order: 11;	
		order: 11	
	}	
	.order-xl-12 {	
		-ms-flex-order: 12;	
		order: 12	
	}	
	.offset-xl-0 {	
		margin-left: 0	
	}	
	.offset-xl-1 {	
		margin-left: 8.333333%	
	}	
	.offset-xl-2 {	
		margin-left: 16.666667%	
	}	
	.offset-xl-3 {	
		margin-left: 25%	
	}	
	.offset-xl-4 {	
		margin-left: 33.333333%	
	}	
	.offset-xl-5 {	
		margin-left: 41.666667%	
	}	
	.offset-xl-6 {	
		margin-left: 50%	
	}	
	.offset-xl-7 {	
		margin-left: 58.333333%	
	}	
	.offset-xl-8 {	
		margin-left: 66.666667%	
	}	
	.offset-xl-9 {	
		margin-left: 75%	
	}	
	.offset-xl-10 {	
		margin-left: 83.333333%	
	}	
	.offset-xl-11 {	
		margin-left: 91.666667%	
	}
}