.cms-main-content{ margin-top: -20px;}
.cms-main-area p{color: #444; font-size: 1.15rem;line-height: 150%; margin-bottom: 15px;}
@media (max-width:768px) {
 .cms-main-area p{ font-size:1.063rem; }
}
 .cms-main-wrap{ width: 100%; padding-right: 10px; padding-left: 10px; max-width: calc((100% - 40px)/12*12 + 40px); margin: auto; height: auto;  display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; background-color: transparent;}
 @media (min-width:1200px) {
.cms-main-wrap{  padding-right:20px; padding-left: 20px;max-width: 1280px; }
}
@media (min-width:1400px) {
.cms-main-wrap { padding-right: 40px; padding-left: 40px; max-width: 1440px; }
}

 /*ms-title-2  樣式
=================================*/
.cms-name { width:100%;  margin:0px;  padding:30px 0px; display: flex;  flex-wrap: wrap; justify-content: flex-start;  position: relative; }
.cms-name h2{  width: 100%;  display: block; margin:0px; font-size: 2.5rem; font-weight:700; color:#202287!important;  }
.cms-name p{  width: 100%; display: block;margin:0px; font-size:0.9rem; font-weight: 700; color: #bfa571!important;   letter-spacing: 1px; }
.cms-name span{  width:100%; display: block;margin:0px; font-size: 0.95rem; font-weight: 700; color:#3884c7;  }
@media (max-width:820px) {
.cms-name h2{  font-size: 2rem; }
}
.cms-block-wrap {width:100%;   padding:100px 50px; display: flex; flex-wrap: wrap;  }
.cms-block {width:50%; height: auto; padding:50px 50px 100px 0px;  display: flex; flex-wrap: wrap; align-items: center; }
.cms-box-wrap-2{ width:100%; padding:80px 0px; margin:0 auto;  display: flex; flex-wrap: wrap; justify-content: center;   }
.cms-box-right-2{width: 50%; margin:0px; padding:0px 20px 50px 0px;   }
.cms-box-left-2{ width:50%;  margin:0px; padding:0px;   } 
.cms-box-wrap{ padding:150px 30px; display: flex; flex-wrap: wrap; justify-content: flex-end;position: relative; z-index: 0; /*background: url("../images/about/bg-about.jpg") no-repeat left bottom #fff;*/
background-size:100% auto}
.item{ width: 80%; max-width: 100%;height: auto ; margin:0px auto; padding:0px; }
@media (max-width: 1024px) {
.cms-block-wrap {  padding:100px 0px; }
.cms-block { margin: 0px auto; padding:0px 25px; }
}
@media (max-width:768px) {
.cms-block { padding:0px; }
}
@media (max-width:767.98px) {
.cms-box-wrap-2{ padding:20px 0px 40px 0px;}
.cms-box-right-2{width: 100%; margin:0px; padding:0px 0px 70px 0px;order: 2; }  
.cms-box-left-2{width: 100%; margin:0px; padding:0px;order: 1; } 
}

@media (min-width:1600px) {
.cms-block {width:50%;}
.cms-box-wrap{padding:180px 30px; background-size:80% auto;} 
}
/*-------------------*/
/***** capabilities *****/
/*------------------*/
.cms-service-box { width:70%;  margin:20px auto;   padding:0px 20px; display: flex; flex-wrap: wrap; align-items: center;position: relative;  z-index: 1;}
.cms-service-box .service-item{ width: 50%; max-width: 100%; margin:0px; padding: 30px 0px 40px 0px; height: auto }
.cms-service-box .service-item-2{ width: 50%; max-width: 100%; margin:0px; padding: 80px 0px 0px 0px;  display: flex; flex-wrap: wrap; align-items: center;}
.service-item img,.service-item-2 img { margin: 0px; padding: 10px;}
.cms-slider-for { width:100%;  margin: 0px auto; padding:30px 30px 60px 30px;   }
.slider-for { width: 100%;  margin: 0px; padding:0px;   }
.slider-for li{ width: 100%; display: block;margin: auto; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; }
.slider-for li:hover{  transform: scale(0.95);   }
.slider-for li img{ display: block; width: 100%; height: auto;margin: auto; padding: 10px; border-radius:5px;  box-shadow: 0px 5px 5px rgba(0,0,0,.3);}  
.slider-for li h3{ width: 100%; margin: 0px; padding:10px 15px; font-size: 1.15rem; text-align: center;font-weight: 700;  }
.slider-for .slick-dots{bottom: -20px;}
#slider-1.slider-for li img{ display: block; width: 100%; height: auto;margin: auto; padding: 10px; border-radius:5px;  box-shadow: none;}  
#slider-1.slider-for li h3{ width: 100%; margin: 0px; padding:10px 15px; font-size: 1rem; text-align: center;font-weight:400;  }
@media (max-width:1024px) {
.cms-service-box { width:100%; }
.cms-slider-for { width:100%;  margin: 0px auto; padding:30px 0px 60px 0px;}
.slider-for li h3{  padding:10px 0px;font-size:1.063rem;font-weight: 400;  }
}

.label-spec{ width: 100%;  display: flex; flex-wrap: wrap; margin: 1.5% 0px;  padding: 0px;}
.label-spec li{ width: calc(100%/3 - 20px);  padding: 0px 5px; margin: 10px; font-size:1rem; line-height:1.4em; font-weight:700; color:#000; list-style: none; }
.label-spec li figure{ width: 100%; background-color: #fff;}
.label-spec li figure img{ display: block; margin: auto;}
.label-spec li figcaption{ width: 100%; padding: 0px 10px; border: solid 1px #1f2487; background:#F6F6F4;}
.label-spec .tag { display: flex;justify-content: center; width:80px!important; height: 36px; margin-right: 10px; padding:5px; font-size: 0.9rem; font-weight:400; line-height: 1.57;color: #fff; background: #1f2487;}

.label-title{ width: 100%; margin: 0px; padding: 5px 0px; border-bottom: solid 1px #ddd; display: flex; flex-wrap: wrap; align-items: center; }
.label-value{width: 100%; margin:0px;  padding: 5px 0px;  border-bottom: solid 1px #ddd;display: flex; flex-wrap: wrap;align-items: center; }
.label-name{width: 100%; margin: 0px;  padding: 5px 0px; border-bottom: solid 1px #ddd; display: flex; flex-wrap: wrap; align-items: center; }
.label-txt{  width: calc(100% - 90px);  display: flex; flex-wrap: wrap;}
@media (max-width:820px) {
.label-spec li{ width: calc(100%/2 - 20px);   }
}

@media (max-width:767.98px) {
.label-spec li{ width: calc(100% - 20px);}
}

/*-------------------*/
/***** bg *****/
/*------------------*/
.bg-box-wrap-2 {  background-image:url("../images/index/bg-dot.svg"),url("../images/index/bg-dot.svg"); background-attachment: fixed,scroll; background-position:left 30%,60% bottom;  background-repeat: no-repeat;  background-size: auto 40%, auto 50%;}
.bg-light{ background:#f6f6f6; }
.bg-light-2{ background-image: linear-gradient(to top, #e7ecf7 30%, #cdeaf7 100%); }
.bg-light-3{  background: url("../images/about/bg-2.png") repeat-x 30% bottom #ebf4f4;  background-size:50% auto;  }