.about p { font-size:1rem;  line-height:1.875rem; font-weight: 400; }
@media (max-width:640px) {
.about p { font-size:0.9rem; line-height: 1.5rem;  }
}
.main-wrap{ width: 100%; padding:0px; margin:0px auto; height: auto;  display: flex; flex-wrap: wrap;  }
.main-about{ position: relative; margin:0px; padding:0px; }

.main-about .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
@media (max-width: 767.98px) {
.main-about{ padding:40px 0px 0px 0px;background-size: 100% auto; background-position:0px top;}   
}
.block {width:50%; height: auto;margin: 0; padding: 2vw 2vw; position: relative; z-index: 9;}
@media (max-width: 992px) {
.block {width:100%;margin: 0px; padding: 0px; }  
} 
 @media (max-width:767.98px) {
.block { padding: 0px; }  
} 
.block-txt{width:100%; margin: auto; padding:50px 0px ;  display: block; position: relative;z-index: 9;   }
.block-txt p {   margin-bottom: 10px; color:#3b3d40 }
.block-txt p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;   margin-bottom: 10px;   }
.post-btn{ margin-top:30px; }
@media (max-width:840px) {
.block-txt{ margin:50px 0px; padding: 0px;}   
}
@media (max-width:767.98px) {
.block-txt{margin:0px 0px 50px 0px;  padding: 0px;}   
}
@media (max-width:320px) {
.block-txt{  padding: 0px 20px;}  
}

.block-pic {width:50%; height: auto;margin:  auto; padding:0px;  position: relative;  }
 @media (max-width: 992px) {
.block-pic {width:100%; height:460px;padding-bottom: 40px;   order: 2;  }
}
@media (max-width: 768px) {
.block-pic { height: 430px; }
}

@media (max-width: 640px) {
.block-pic { height:230px; }
}

@media (max-width: 320px) {
.block-pic { height:180px; }
}
 
.main-vision{ position: relative; margin:0px; padding:0px 0px 0px 0px; }
.main-vision .block { padding:50px; text-align: center}
 @media (max-width:1366px) {
.main-vision .block { padding:30px; }
}
 @media (max-width:1024px) {
.main-vision .block { padding:0px 15px; }
}
 
.imgBox{ display: flex; flex-wrap: wrap; justify-content: center;align-items: center;  position: relative}
.one { width: 100%;margin:auto;  -webkit-animation: slide_up_down 2s ease-in-out infinite alternate both; animation: slide_up_down 2s ease-in-out infinite alternate both}
.one  img { display: block; border-radius: 10px;  width: 100%; box-shadow:0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);}
.two { padding: 30px; margin:auto; }
.two  img { display: block; border-radius: 10px;  width: 100%; box-shadow:0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3);}



.choose-us-img { position: absolute; left:5%;  top:-15%;  width: 150%; height: 150%;  max-height: none;z-index: -1; -webkit-animation: rotate-center 100s linear infinite both;  animation: rotate-center 100s linear infinite both; }
 /*.skewed-bg*/
.skewed{ background-color:#9a000b}
.skewed-bg { padding:100px 0px 150px 0px; transform: skew(0deg, -7deg); margin-top: 100px;  background:#000; box-shadow: inset 0 0 100px rgba(255,255,255,.25);}
.skewed-bg .content { transform: skew(0deg, 7deg); text-align: center;}
.skewed-bg .content .title { padding-top: 100px; font-weight: normal;}
.skewed-bg .content .title-text { width: 70%; margin: auto auto 15px auto; color: #fff; font-weight: 600;}
  .background-3 { background-image: linear-gradient(#8b9da9, #fff6e4); box-shadow: inset 0 0 100px hsla(0,0%,0%,.3); }
@media (max-width:1024px) {
.skewed-bg .content .title-text { width: 90%; }
}
@media (max-width:840px) {
.skewed-bg .content .title-text { width: 100%; }
}
@media (max-width:640px) {
.skewed-bg .content .title-text { font-size: 0.9rem; letter-spacing: 0px;}
}

/**  ----------------------------------------
 * animation rotate-center
 * ----------------------------------------*/

.rotate-center { -webkit-animation: rotate-center 100s linear infinite both; animation: rotate-center 100s linear infinite both; }
 @-webkit-keyframes rotate-center {
  0% {  -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotate-center {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% {  -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
}

/* --- animation slide_up_down  ------------- */
 .slide_up_down { -webkit-animation: slide_up_down 1.7s ease-in-out infinite alternate both; animation: slide_up_down 1.7s ease-in-out infinite alternate both; }
 @-webkit-keyframes slide_up_down {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
@keyframes slide_up_down {
	0% {  -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 
}

/* --- animation slide_down_up  ------------- */
 .slide_down_up { -webkit-animation: slide_down_up 1.7s ease-in-out infinite alternate both; animation: slide_down_up 1.7s ease-in-out infinite alternate both; }
 @-webkit-keyframes slide_down_up {
	0% { -webkit-transform: translateY(20px); transform: translateY(-20); }
	100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}
@keyframes slide_down_up {
	0% {  -webkit-transform: translateY(20px); transform: translateY(20px); }
	100% { -webkit-transform: translateY(0px); transform: translateY(0px); } 
}




.card-box{ width: 100%; height: 100%;  } 


.bg-end-background{ background-image: attr(src url); background-repeat: no-repeat; background-size:100% auto ;background-position:left bottom;  background-attachment: fixed; position: absolute;z-index:-1;background-color:#010c3f;  width: 100%;  height: 100%; top: 0px; right: 0; bottom: 0; left: 0; transition: 0.8s 1s; -webkit-filter: brightness(0.35); }
@media (max-width: 1024px) {
.bg-end-background{  background-size:120% auto ;  }	
}
@media (max-width:767.98px) {
.bg-end-background{ background-attachment: scroll;background-position:center bottom;  background-size:150% auto;}
}

 
/*全球佈局與合作夥伴*/
.bg-promiseArea { background-image: attr(src url); background-repeat: no-repeat; background-size:100% auto ;background-position:left bottom;  background-attachment: fixed; position: absolute;z-index:-1;background-color:#010c3f;  width: 100%;  height: 100%; top: 0px; right: 0; bottom: 0; left: 0; transition: 0.8s 1s; -webkit-filter: brightness(0.35); }
@media (max-width: 1024px) {
.bg-promiseArea {  background-size:120% auto ;  }	
}
@media (max-width:767.98px) {
.bg-promiseArea {  background-position:left bottom;  background-attachment:local;  }
}

.promiseArea { padding: 250px 0px;  position: relative; overflow: hidden}
.promiseArea  strong{color:#0199ff;}
.promiseArea .title-4{ border-bottom: solid 1px #fff;}
.promiseArea .leftBox, .promiseArea .rightBox { width: 50%; }
.promiseArea .leftBox{padding-right: 40px;}
.promiseArea .leftBox p{ font-weight: 600 }

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

@media (max-width:840px) {
.promiseArea .rightBox {  width: 100% ; max-width: 100%;  margin-bottom: 140px }
.promiseArea .leftBox{   width: 100% ; max-width: 100%; margin-bottom: 40px }
}
 
 @media (max-width:767.98px) {
.promiseArea { padding: 50px 0px 100px 0px;}
}

.vision-block{  padding:10vh 0px 60vh 0px; position: relative }  
.vision-box{ padding-left: 30px  }  
.grid-top{ width: 100%; margin-top: 50px;   display: flex; flex-wrap: wrap;   border-top:solid 1px #000;}
.spacing-box{ width: 50%; display: flex; padding: 30px 0px;}
.grid-top-white{ width: 100%; margin-top: 50px;display: flex; flex-wrap: wrap;   border-top:solid 1px #fff;}


.bg-vision { background-image: attr(src url); background-repeat: no-repeat; background-size:100% auto ;background-position:left bottom;  background-attachment: scroll; position: absolute;z-index:-1;background-color:#fff;  width: 100%;  height: 100%; top: 0px; right: 0; bottom: 0; left: 0; transition: 0.8s 1s;  }

 @media (max-width:1180px) {
 .vision-block{  padding:10vh 0px 30vh 0px;  }      
}
@media (max-width:840px) {
  .vision-block{  padding:0px 0px 20vh 0px;  }      
 .spacing-box{ width:100%;  padding: 10px 0px;}
.vision-box{ padding-left: 0px  }      
}


.values-container{width: 100%;  padding: 0px 15vw; display: flex; flex-wrap: wrap;  }
.values-container li{ width: calc(100%/2 - 40px); margin: 20px; list-style: none}
.values-container li .item{   display: flex; flex-wrap: wrap; flex-direction: column-reverse; justify-content: center; align-items: center; position: relative} 
.values-container li .item .inner{ margin: auto;  padding: 20px; text-align: center; position: relative; z-index: 9;}
.values-container li .item .inner h3{ font-size:1.875rem; font-weight: 700;}
.values-container li .item .inner h3 span{ font-size:1.275rem; font-weight: 700; display: block}
.values-container li .item .inner p{ font-size:1.125rem; font-weight:500;  }
.values-container li .item .inner p span{display: block}
.values-container li figure{ width:200px; height: 200px;  margin: auto;  }
 @media (min-width:1921px) {
.values-container{ padding: 0px 8vw;  }     
}

@media (max-width:1024px) {
.values-container{  padding: 0px 5vw; }    
.values-container li .item .inner{padding: 20px 0px;  }    
}
@media (max-width:840px) {
.values-container{ padding: 0px; }        
}
@media (max-width:768px) {
.values-container li{ width: calc(100%/2 - 20px); margin: 20px 10px; }
.values-container li .item .inner h3{ font-size:1.5rem; }     
.values-container li figure{ width:120px; height:120px;  }
.values-container li .item .inner h3 span{ font-size:1rem;  }
.values-container li .item .inner p{ font-size:0.875rem; }
}

@media (max-width:640px) {
.values-container li{ width: calc(100% - 20px); margin: 20px auto; }
 .values-container li .item .inner h3{ font-size:1.375rem; }        
 }



/*全球佈局與合作夥伴*/
.bg-values { background-image: attr(src url); background-repeat: no-repeat; background-size:100% auto ;background-position:left bottom;  background-attachment: fixed; position: absolute;z-index:-1;background-color:#bacad2;  width: 100%;  height: 100%; top: 0px; right: 0; bottom: 0; left: 0; transition: 0.8s 1s; }
@media (max-width: 1024px) {
.bg-values {  background-size:120% auto ;  }	
}
@media (max-width:767.98px) {
.bg-values {  background-position:right bottom;  background-attachment:local; background-size:180% auto ;  }
}
 
@keyframes animate-pulse{
0%{ box-shadow: 0 0 0 0 rgba(255,109,74,0.7), 0 0 0 0 rgba(255,109,74,0.7); }
40%{ box-shadow: 0 0 0 20px rgba(255,109,74,0.0), 0 0 0 0 rgba(255,109,74,0.7);  }
80%{ box-shadow: 0 0 0 20px rgba(255,109,74,0.0), 0 0 0 30px rgba(255,109,74,0); }
100%{ box-shadow: 0 0 0 0 rgba(255,109,74,0.0), 0 0 0 30px rgba(255,109,74,0);     }
}
 /*** ----------------------------------------
  animation slide-up-down
----------------------------------------*/
.slide-up-down {
  -webkit-animation: slide-up-down 1.7s ease-in-out infinite alternate both;
  animation: slide-up-down 1.7s ease-in-out infinite alternate both; }

/* ------- */
@-webkit-keyframes slide-up-down {
0% {  -webkit-transform: translateY(0); transform: translateY(0); }
100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
@keyframes slide-up-down {
0% { -webkit-transform: translateY(0); transform: translateY(0); }
100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 
}
@-webkit-keyframes rotate {
to {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotate {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes rotateCenter {
0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);}
100% {  -webkit-transform: translate(-50%, -50%) rotate(360deg);  transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes rotateCenter {
0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);  }
100% {-webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); }
}
@-webkit-keyframes rotateCenter2 {
0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg);  }
100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes rotateCenter2 {
0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); transform: translate(-50%, -50%) rotate(-360deg); }
}

@keyframes growAndFade {
0% { opacity: 0.75;  transform: scale(0);  }
100% {  opacity: 0; transform: scale(1); }
}
 
 
 
 /***** time  *****/
/*------------------*/
 .milestone-block{  padding: 100px 0px; }  
.time-wrap{width:100%; padding:50px 0px;margin:0px auto; }
.time-nav { position: relative; width: 85%;  z-index: 1;  margin: 0 auto; padding: 0px;}
.time-nav:before { border-top: 1px solid #000; content:""; margin: 0 auto; position: absolute; top:46%; left: 0; right: 0; bottom: 0; width: 85%;  z-index: -1;}
.time-nav li{ width: 100%;  }
.nav-item { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: flex-start; width:100px; height: 100px; margin: auto; position: relative}
 
.nav-item:before  { content: "";  -moz-transition: -moz-transform 0.2s ease-in; -o-transition: -o-transform 0.2s ease-in; -webkit-transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in;  -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; margin: 0.5em 0.5em 0.5em -0.5em; position: absolute;  top: auto;  left: 20px; bottom:0;   width: 80px; height: 80px;  border-radius: 99rem; border: solid 2px #000; background-color: #fff;  z-index: -1}
 .nav-item:hover{color:#3064a5;}
.nav-item p{ font-size:1.375rem; color:#000; font-weight: 700;margin: auto;font-family: "Barlow", sans-serif;  }
.time-nav .slick-current .nav-item:before {  background-color:#8a030d; border:solid 2px #8a030d; }
.time-nav .slick-current .nav-item p{color:#fff; }
.time-nav .slick-prev, .time-nav .slick-next{ top:45%; width: 60px; height: 60px;  border: solid 3px rgba(0,0,0,.1);  }

.time-inner{ width: 70%; margin:50px auto; padding:20px; text-align: center } 
.time-inner p{font-size:1.375rem; line-height: 2rem;  color:#000; font-weight: 700; }


@media screen and (max-width: 767.98px) {
.time-inner{ width: 100%;padding:20px 0px; } 	
.time-nav .slick-prev,.time-nav .slick-next{ top:20%;  width: 40px; height: 40px;   }	
.time-nav .slick-prev{left:-30px;}
.time-nav .slick-next{right:-30px;}
}
  
 

 .box_container .text, .box_container { margin-top: 15vh; font-size: 50px; font-weight: 900; line-height: 3rem; text-transform: uppercase;  text-align: center;    color: rgba(19, 149, 186, 0); border-radius: 50%;}
.box_container .text span{ display: block; font-size: 1.125rem;   }
@media screen and (max-width:768px) {
.box_container .text span{  line-height: 1.5rem;  }

}
.box { background-image: transparent; height: 30vh; width: 30vw; position: relative;  display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
[class^='ci'] { border-radius: 50%; height:40vh;  width:40vh; mix-blend-mode: screen; position: absolute;}
.box_container { color: rgba(19, 149, 186, 0); margin: 40px auto 0 auto;}


.circle1 {  background-color: rgba(242, 114, 78, 1);-webkit-animation: circle1 4s ease infinite forwards;animation: circle1 4s ease infinite alternate;}
.circle2 {  background-color: rgba(54, 156, 207,1);-webkit-animation: circle2 4s ease infinite forwards;animation: circle2 4s ease infinite alternate ;}

.box_container .text_merge {width: 400px; height: 160px; margin-top: 100px; font-size: 50px; line-height: 3rem; text-align: center; color: white;  z-index:2;   -webkit-animation: text_02 3s infinite alternate ease-in; animation: text_02 7s infinite alternate ease-in;}
.text_merge { background: rgba(19, 149, 186, 0); -webkit-animation: text_02 4s infinite alternate ease-in; animation: text_02 4s infinite alternate ease-in;}
.text {margin-top: 50px;background: rgba(19, 149, 186, 0);  -webkit-animation: text_01 4s infinite alternate ease-in; animation: text_01 4s infinite alternate ease-in;}
@media screen and (max-width:1024px) {
.box_container .text_merge { font-size: 30px;}   
}
@media screen and (max-width:768px) {
[class^='ci'] { height:50vh;  width:50vh; }
.box_container .text_merge { font-size: 24px;}   
}
@media screen and (max-width:767.98px) {
[class^='ci'] { height:40vh;  width:40vh; }  
.box_container .text_merge { font-size: 20px; line-height: 1.75rem;}   
    
}


@keyframes text_01 {
100% {  color: rgba(19, 149, 186, 0); }
60% {color: rgba(19, 149, 186, 0);}
0% {color: white; }
}
@-webkit-keyframes text_01 {
  100% { color: rgba(19, 149, 186, 0); }
  60% {color: rgba(19, 149, 186, 0);}
  0% { color: white; }
}

@keyframes text_02 {
  0% { color: rgba(19, 149, 186, 0);  }
  60% {color: rgba(19, 149, 186, 0);}
  100% { color: white; }
}
@-webkit-keyframes text_02 {
  0% { color: rgba(19, 149, 186, 0); }
  60% {color: rgba(19, 149, 186, 0);}
  100% { color: white; }
}

/*Keyframes*/ 
/*>>>>>>>>>>>>>>>>>>>>>>>>C1>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*---------------------------------------c1-blue-(dev)-*/
@-webkit-keyframes circle1 {
  from { transform: translate(-100%, 0%); }
  to {  transform: translate(0, 0); }
}
@keyframes circle1 {
  from { transform: translate(-100%, 0%); }
  to { transform: translate(0, 0); }
}
 /*>>>>>>>>>>>>>>>>>>>>>>>>C3>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*---------------------------------------c3-pink-(data)*/
@-webkit-keyframes circle2 {
  from { transform: translate(100%, 0%); }
  to { transform: translate(0, 0); }
}
@keyframes circle2 {
  from { transform: translate(100%, 0%);  }
  to { transform: translate(0, 0); }
}
@keyframes fade {
  0% {  opacity: 0 }
  30% { opacity: 0 }
  100% { opacity: 1 }
}
/*--/*---------------------------------------------------------------------*/
/*  202051205 certification.html
/*---------------------------------------------------------------------*/
.iso-wrap { margin-bottom: 60px; padding-top: 80px; padding-bottom: 60px; border-top: 1px solid #e4e4e4;}
.iso-column { width: calc(33.33333% - 13.33333px); } 
.iso-pic { width: calc(66.66667% - 6.66667px);   margin-left: 20px;}

.iso {width: 100%;margin: auto; padding: 0px; display: flex; flex-wrap: wrap; list-style: none}
.iso li{width: calc(100%/3);  margin:25px 0px;  border-right: 1px solid #e4e4e4; box-sizing: border-box;  display: flex; flex-wrap: wrap; justify-content: center;  align-items: center}
.iso li figure { width:calc(100% - 50px); padding: 10px 20px;   position: relative;}
.iso li figure img{margin: auto;}
.iso li h3{ font-family: "Barlow", sans-serif; font-size: calc(1.125rem + 1.0416666667vw);font-weight: 500; line-height: 1.23;  text-align: center; letter-spacing: normal;  color:#333;}


.a-title{position: relative;margin-top:50px; padding-left: 20px; }
.a-title h2 { margin-bottom: 0px; font-size:2rem; font-size: calc(1.125rem + 1.0416666667vw);font-weight: 500; line-height: 1.23; letter-spacing: normal;  color:#242424; }
.a-title:before { width: 10px; height: 10px; content: ""; position: absolute; top: 10px;  left:-10px;   background-color:#8a030d;  border-radius: 50%;  -webkit-backface-visibility: hidden; backface-visibility: hidden;}
@media (max-width: 1366px) {
.iso li h3{  font-size:1.175rem }
}
@media (max-width: 1112px) {
.iso-column { width:100%; max-width:100%; padding-bottom: 0px;margin-bottom: 30px;} 
.iso-pic { width:100%;max-width:100%; margin-left: 0;}
.iso li figure {width:calc(100% - 40px);  padding: 10px 20px;  }
.a-title{ margin-left: 20px; }
}
@media (max-width:767.98px) {
 .iso-wrap { margin-bottom: 20px; padding-top: 20px; padding-bottom:20px;  }
.iso li{width: calc(100%/2);  margin:25px 0px;  }
.iso li figure {width:calc(100% - 20px);  padding: 10px;  }

}

.news-list { width: 100%;   margin:40px auto ;padding: 0px; }
.news-list li { width:100%;height: auto;  margin:30px 20px 80px 0px; padding:0px; ;list-style: none;position: relative; transition: all 0.3s linear 0s;}
.news-list .item { display: flex; flex-wrap: wrap;  align-items: center; padding:0px 0px 40px 0px; border-bottom: solid 1px #333; transition: all 0.3s linear 0s;position: relative;}
.news-list .news-pic { width:25%;padding: 0 ; border-radius:10px;  overflow: hidden}
.news-list .news-box { width: 55%;padding:0px 40px;  }
.news-list  .more-area{width: 20%; position: relative}
.news-list  .more-area:before { display: block;  content: "";  width: 50%;   flex: auto; border-top: 1px solid #555; }
.news-list figure  {width: 100%; padding-bottom: 133.75%; height: 0; overflow: hidden; position: relative;  z-index: 1;  background: #1d1d1f;  transition: all 0.5s ease-in-out;}
.news-list figure img { width:auto; height: 100%; object-fit: cover; margin: auto; display: block; border-radius:0px;   transition: all 0.5s ease-in-out;}
.news-list .news-box .icon { background-color: #2D2D2D;overflow: hidden;border-radius: 50%; width: clamp(30px, 2.86vw, 64px); height: clamp(30px, 2.86vw, 64px);transition: all .35s ease;display: flex;align-items: center; justify-content: center}
.news-list .news-box .icon:after { width: 40%;height: 40%;content: ""; display: inline-block;vertical-align: middle;background-image: url("../images/icon/icon-pen.svg"); background-size: auto 100%; background-position:left top;}
.news-list .news-box .label { display: flex; align-items: center; padding-bottom: 0}
.news-list .news-box .label ul {  display: block; padding: 10px}
.news-list .news-box .label li { display: block; margin: 0px; padding: 0px;  font-size: 12px;  line-height: 1.5em}
.news-list .news-box .news-inner {width: 100%;}
.news-list .news-box h3 { margin: 12px auto;  color: #000}
.news-list .news-box h3 a {  font-weight: 500; font-size: 1.75rem; font-size: min(max(3.5vw, 1rem), 1.75rem); color: #000; white-space: wrap;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break:normal; overflow-wrap: break-word;  }
.news-list .news-box p {min-height:70px;font-size: 1rem; color: #000; line-height: 1.375rem; letter-spacing: 0.75px;   margin:5px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow-wrap: break-word; word-break:normal;}
.news-list .more { font-weight: 700; font-size: 1rem;  padding-top: 1rem;  line-height: 1rem; display: block; white-space: nowrap; color: #000;position: relative; transition: all .4s ease; }
.news-list .more:after{ content: "";  display: inline-block; vertical-align: middle; width: 12px;  height: 12px;  margin-left: 2.4em;  margin-top: -2px; transition: all .4s ease; background-image: url("../images/icon/arrow-right.svg");  background-size: auto 100%; background-position: right top;}
.news-list li:hover figure{ transform: scale(1.05)}
.news-list li:hover .item  h3 a ,.news-list li:hover .item  p {color:#89030d;}
.news-list li:hover .item .icon{background:#89030d; }
.news-list li:hover .more{transform: translateX(30px); color:#89030d;}