/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-kerning: auto; }
 html { font-size: 100%; font-family: 'Microsoft JhengHei', '微軟正黑體', Helvetica, Arial,sans-serif;}  
#cms-main h1, #cms-main h2, #cms-main h3, #cms-main h4, #cms-main h5, #cms-main h6, #cms-main p {font-family: 'Microsoft JhengHei', '微軟正黑體', Helvetica, Arial,sans-serif;}
body{ background: url("../images/index/index-bg-1.svg") no-repeat center top; background-size: 100% auto;}
/** font-family:=================================*/
.txt-ch{font-family:'Microsoft JhengHei',"sans-serif"; }
.txt-en{font-family: 'Arial', "sans-serif"; }

.container { position: relative; margin-right: auto; margin-left: auto; width: 100%; padding-right: 20px; padding-left: 20px; max-width: calc((100% - 40px)/12*12 + 40px)}
@media (min-width:768px) {
.container { padding-right: 40px; padding-left: 40px; max-width: 768px  }
}
@media (min-width:1200px) {
.container { padding-right: 40px; padding-left: 40px; max-width: 1280px}
}
@media (min-width:1920px) {
.container { padding-right: 40px; padding-left: 40px; max-width: 1440px }
}


.cms-main-banner { width: 94%; max-width:100%; height: auto; margin:4% auto 50px auto; padding:0px; position: relative;   }
.cms-main-banner .imgSliderBox { position: relative; z-index:1;width: 100%; display: flex; flex-wrap: wrap;transition-delay:.3s;}
 
.slider-item { width: 55%; }
.slider-item img {  border-radius: 20px;  }
.slider-item-img { width:30%; height: 100%; margin-top:30px;  position: absolute; left: 30%; top:0;  }
.slider-item-img  img{ width: auto; max-height: 90%; height: auto;  }

.cms-main-banner .cms-sloga { width:40%; max-width: 600px; position: absolute; right: 0px; top:20%;   display: flex; flex-wrap: wrap;}    
.cms-main-banner .cms-sloga h2 {margin-bottom: 15px;  width: 100%; display: block; font-size: 2.5rem; text-align: left; font-weight:500;color:#184598; word-wrap:break-word;word-break:keep-all; }
.cms-main-banner .cms-sloga p { width: 100%; font-size:1rem;  font-weight: 400; color: #000; text-align: left; word-wrap:break-word;word-break:keep-all}
 
.type { -webkit-animation-name: type; animation-name: type; -webkit-animation-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940) ; animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940) ;}
.animated.type { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}

@media (max-width: 1199.98px) {
.cms-main-banner .cms-sloga { top:10%;}    
.cms-main-banner .cms-sloga h2 {  font-size:1.75rem;   }
.cms-main-banner .cms-sloga p { font-size:0.875rem;  }
}

@media (max-width: 767.98px) {
.cms-main-banner { width: 100%;} 
.cms-main-banner .imgSliderBox { width: 100%; height:600px; }
.slider-item { width: 80%; }    
.slider-item-img { width:30%; left:auto;right: 0px; top:0;  }    
.cms-main-banner .cms-sloga { width:80%; max-width: 600px; position: absolute; left:20px; top:40%;   display: flex; flex-wrap: wrap;}    
.cms-main-banner .cms-sloga h2 { margin-bottom: 5px; width: 100%;height: auto;  }
.cms-main-banner .cms-sloga p { width: 100%; color:#657680; }
.type { animation:none; }
.animated.type { animation:none;}
}

 
.slider-item-img  img {-webkit-animation: zoom 2s ease-in-out; -moz-animation: zoom 2s ease-in-out; -o-animation: zoom 2s ease-in-out; -ms-animation: zoom 2s ease-in-out; animation: zoom 2s ease-in-out;}
.cms-main-banner .slick-dots {position: absolute; bottom:-40px!important; justify-content: center; }
.cms-main-banner .slick-dots li.slick-active button, .cms-main-banner .slick-dots li:hover button { background:#184598; }
.cms-main-banner .slick-dots li button { background:rgba(24,69,152,.5);   }
 
@keyframes zoom {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
 
@-webkit-keyframes type {
  0% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes type {
  0% {
    -webkit-transform: translateX(600px);
            transform: translateX(600px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

 

.cms-main-wrap{ width: 100%; margin: auto; height: auto;  display: flex; flex-wrap: wrap;justify-content: center;  }
.cms-main-about{position: relative; margin:150px 0 0 0;  width: 100%;  display: flex; flex-wrap: wrap;   }
.cms-main-about:before{content: ""; display: block; width:52%; height:100%; top:80px; right:0;  position:absolute; z-index:0;  background: url("../images/index/about-a1.jpg") no-repeat left top; background-size: 100% auto; -webkit-filter:blur(3px);opacity: .3; }
.cms-main-about-item {width: 50%; height: auto; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%;  padding:40px 40px 40px 40px;  display: flex; flex-wrap: wrap; align-content: center; align-items: center; }
.cms-main-txt{width: 100%; margin:3% auto; display: flex; flex-wrap: wrap; position: relative; z-index: 1;}
#cms-main .cms-main-txt p { width: 100%; font-size: 1rem;   font-weight: 400;  padding:5px;   margin-bottom: 20px;  }
#cms-main .cms-main-txt p strong{  display: block;  width: 100%; font-size: 1.313rem; line-height: 2rem; letter-spacing: 1.2px; font-weight:400;  padding:5px; margin-bottom: 10px; color: #000; }
.cms-main-about-card { width: calc(100% - 50%); -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 50%); flex: 1 1 calc(100% - 50%); margin:20px 0px;   padding:10px 0px; display: flex; flex-wrap: wrap; position: relative; }
.cms-main-about-card .item{ width: 100%; max-width: 100%; margin:15px 0px; padding: 0px 0px 40px 0px; height: auto;position: relative;  transition: all 0.3s;}
.cms-main-about-card .item img{ position: relative; z-index: 0; padding:0px;  border-radius: 25px; box-shadow: 5px 5px 8px rgba(0,0,0,.1);}

@media (min-width:1600px) {
.cms-main-about-item {  padding-left:10%; }
.cms-main-about-card { width: calc(100% - 60%); -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 60%); flex: 1 1 calc(100% - 60%); margin:20px 0px;   padding:10px 0px; display: flex; flex-wrap: wrap; position: relative; }
.cms-main-about-card .item{  padding-top: 10%;  }
}

@media (max-width: 1199.98px) {
.cms-main-about{  margin:50px 0; }
.cms-main-about-item {width: 100%;   -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px; padding:40px 25px; }
.cms-main-about-card { width: calc(100% - 30%); -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 30%); flex: 1 1 calc(100% - 30%); margin: 0px; padding: 0px; }
.cms-main-about-item .cms-main-txt{  margin:0px auto 2% auto; }
.cms-main-about-card .item{  margin: 0px; padding: 0px; }
.cms-main-about-card .item img{  border-radius:0px;}
}
/*-------------------*/
/***** 最新消息 *****/
/*------------------*/
.cms-news-wrap{ width: 100%; padding:50px 0px; margin:0px; display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; background-image:url("../images/index/index-bg-news.png"),url("../images/index/index-bg-2.svg"), linear-gradient(180deg, #d5eafa 0%, #cde6f8 40%, #fff 100%) ; background-position: right top,left top,left top; background-size:auto,100% auto , 100% 100%; background-repeat: no-repeat;  }
.new-tag { display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s; overflow: hidden; text-transform: capitalize;  word-break: keep-all;   z-index: 9;   }
#cms-main a.new-tag-tcategory{ color:#fff;  }
.new-tag-tcategory{ width: auto;max-width: 100%; font-size: 14px; font-weight: 400; line-height: 1.57; letter-spacing: normal; position: relative; padding:0px 8px; margin: 2px; border: solid 1px #afd9d3; border-radius:5px; color: #fff; background:#afd9d3; -webkit-transition: background-color .2s,color .2s,border-color .2s; transition: background-color .2s,color .2s,border-color .2s;}
.new-tag-tcategory:hover{ color: #fff; background:#42acdc;  }
#cms-main a.new-tag-tcategory:hover{ color: #fff;  }
.cms-main-news-list {width: 100%; max-width: 1400px; padding:10px 10px 50px 10px;  display: flex;  flex-wrap: wrap; position: relative; margin: 60px auto;  z-index: 1; }
.cms-main-news-list li{ width: 100%; padding: 0px; list-style: none; margin:0px 30px ; box-sizing: border-box;  transition: all 0.5s ease 0s; border-radius:10px; background: #fff; }
.cms-main-news-list li:hover{ }
.cms-main-news-list figure img { display: block; width: 70%; max-width:100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.3s linear; position: relative;  }
.cms-main-news-list figcaption { box-sizing: border-box; color: #4c4c4c; font-size: 14px; font-weight: 400; line-height: 1.8rem; letter-spacing: 0.5px; padding: 20px;}
.cms-main-news-list figcaption .wrap { display: -ms-flexbox; display: flex; flex-wrap: wrap;   width: 100%; margin: 0;   }
.cms-main-news-list figcaption .news-box {position: relative;  width: calc(100% - 46px); box-sizing: border-box;}
.cms-main-news-list figcaption  h3 {width: 100%; margin-bottom: 10px; }
.cms-main-news-list figcaption  h3 a {   position: relative; font-size: 1.313rem;  line-height: 2rem; font-weight: 700; color:#184598 !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word;}
 .cms-main-news-list figcaption p { width: 100%; height: 52px; font-size: 1rem; line-height: 1.5rem; color:#404040; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word;}
 
.cms-main-news-list .cms-date{  width: 40%; margin-top: -12%;  right: 0px;  padding: 0px;  height: 40px; color:#cacaca; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:flex-start;  -ms-flex-pack: flex-start;justify-content: flex-start; -webkit-box-align:flex-start; -ms-flex-align: flex-start; align-items: flex-start; opacity: 1; z-index: 9; position: relative;}
.cms-main-news-list .slick-next {right: 5px;}
.cms-main-news-list .slick-prev {left: 5px; z-index: 99;}
@media (max-width: 1199.98px) {
.cms-main-news-list li{  margin:0px 10px; }
 }
@media (max-width: 798px) {
.cms-news-wrap{ background-size:50% auto,100% auto ,100% 100%; }
.cms-main-news-list {  padding:10px; margin: 60px auto 30px auto;   }
}
/* Underline From Left */
a.hvr-underline-from-left {color: #42acdc;}
.hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #184598; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}
.cms-main-news-list .slick-dots{bottom:0px; background-color: transparent;}
.cms-main-news-list .slick-dots li { background-color: transparent;  }


 
 /*cms-Title Styles 樣式
=================================*/
.cms-title { width:100%; height: auto; margin:0 auto 2% auto;  padding-top: 0px;  padding-bottom: 0;  display: flex; justify-content: flex-start; align-items: flex-start;  flex-wrap: wrap; flex-direction:column; background: none;}
.cms-title h1{ margin:15px 0;display: block; text-align: left;font-size: 2rem;   font-weight: 700; color:#184598; }
.cms-title h2{ margin:0px auto;display: block; text-align: center; font-size: 1.063rem;  font-weight: 400; }
.cms-title h3{ margin:15px auto; text-align: center; font-size: 3.6rem; color:#000;}
.cms-title p{ margin:0px auto; text-align: center;  font-weight: bolder; }
.cms-title img{ margin-bottom: 15px;}
@media (max-width: 991.98px) {
 .cms-title h3{  font-size: 1.875rem;  }
 }
@media (max-width: 767.98px) {
#cms-main .cms-title h1{  font-size:1.75rem;  }
 } 

.cms-title-2 { width:100%; height: auto; margin:0 auto 2% auto;  padding-top: 0px;  padding-bottom: 0;  display: flex; justify-content: center; align-items: center;  flex-wrap: wrap; flex-direction:column; background: none;}
.cms-title-2 h2{ margin:0 auto;padding: 20px 0px; width: 100%;  font-size:2.75rem; font-weight: 700;text-align: center; color:#184598;  position: relative; z-index: 1;   }
#cms-main .cms-title-2 h3{ margin:0px; font-weight: 400; font-size:1.063rem;  color:#9e2b2f;}
#cms-main .cms-title-2 p{ margin:0px; font-size:1rem; font-weight: 700!important;color:#6c7280;  }
@media (max-width: 767.98px) {
.cms-title-2 h3{  font-size: 1.875rem;  }  
}
  
  
/*-------------------*/
/***** product  *****/
/*------------------*/

#cms-main .cms-title-2 h3::before {content: ""; position: absolute; z-index: 1; left: auto; transform: translate(-60%,-30%); width: 18px; height: 18px; border-radius:99rem; background:rgba(158,43,47,.35);}
.cms-main-product { width: 100%; padding:100px 15px;  margin:0 auto; position: relative; background-image:  linear-gradient(180deg, #fff 0%,  #e8f4fd 40%, #fff 100%); background-position: left top; background-size: 100% auto; background-repeat: no-repeat;    }
 
@media (min-width: 992px) and (max-width: 1199.98px) {
.cms-main-product {  padding:100px 15px 50px 15px; }
}
@media (max-width: 1199.98px) {
.cms-main-product {  padding:100px 15px 50px 15px; }
}
@media (max-width: 767.98px) {
.cms-main-product {  padding:15px; }
    
 }



/*----------------------------------------/
產品總覽頁Product
----------------------------------------*/
.cms-product-cate { width:100%; max-width: 1400px; margin:0px auto;  padding:60px 0px; position:relative; z-index: 1; }
.cms-product-cate:before{content: ""; position:absolute; z-index: 0; display: block;  left: auto; transform: translate(50%,-10%);   width: 50%; height: 90%; border: solid 5px #afd9d3; }

.cms-product-cate li{  width: calc(100% - 30px );  margin:0px 15px ; padding:0px; height: 240px; position: relative; display: flex; flex-wrap: wrap;justify-content: flex-end;  align-items: flex-start; align-content: flex-start; z-index: 1;overflow: hidden;  transition: all 0.3s linear 0s; background: #fff;}
.cms-product-cate li:hover { transform: scale(0.95);}
.cms-inner{width:100%;  margin:0px 0px 0px 0px; padding:0px; display: flex;   flex-direction:column-reverse; justify-content: flex-end; }
.cms-product-cate li figure{ width:100%;  padding: 0px; position: relative; z-index: 1;  }
.cms-product-cate li figure a{ display: flex; flex-wrap: wrap;  justify-content: flex-end; align-content: flex-end; align-items: flex-end;}
.cms-product-cate li figure img{ width: 50%; max-width: 100%; height: auto;   margin:0; position: relative;z-index: 1; }
.cms-product-cate li figcaption { width:100%;  margin:0px auto; padding-right: 20px;  z-index: 9; position: relative;  display: flex; flex-wrap: wrap;  justify-content:flex-end;   }
.cms-product-cate li figcaption .cms-bg{background:#fff;padding: 20px;  box-shadow: 3px 5px 8px rgba(0,0,0,.2); }
.cms-product-cate h3{  display: flex; font-size: 1.188rem; font-weight: 700; position: relative; z-index: 1; color:#001b6b;  overflow: hidden; transition: 0.3s;  }
.cms-product-cate h3:hover{ color:#de0a06;   }
.cms-product-cate h3:hover:after { width: 100%; left: 0;}
#cms-main .cms-product-cate p{ margin:20px 0px;  font-size:0.8125rem; line-height: 1.65rem;  overflow: hidden; color: #000; }
 .bg-circle {  position: absolute; top:0;   width:100%; height:240px;overflow: hidden; z-index: 0;display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-end; align-items: flex-end;  }
.bg-circle img {width:100%; max-width: 100%; height: auto;   margin: 0; position: relative;z-index: 1;}

.cms-product-cate .slick-prev { left:0; }
.cms-product-cate .slick-next { right:0 }
.cms-product-cate .slick-prev, .cms-product-cate .slick-next { font-size: 0; line-height: 0; position: absolute; top: 40%; z-index:1; display: block; width:36px; height: 36px; padding: 0; border-radius:99rem; outline: none;  background-image: linear-gradient(to top, #22559e 0%, #6fcccb 100%);  }

.cms-product-cate .slick-prev:before,.cms-product-cate .slick-next:before { color: #fff; font-size: 1.15rem;  }












 
.cms-main-icon { width: 100%; padding:40px 0px; margin: 0; position: relative; 
background-image:url("../images/index/index-bg-3.svg"),url("../images/index/index-bg-1.svg"), linear-gradient(180deg, #d5eafa 0%, #cde6f8 40%, #fff 100%) ; background-position: left bottom,left top,left top; background-size:auto 58%,100% auto, 100% 100%; background-repeat: no-repeat; }
  
.cms-main-icon-wrap{ width:100%;  max-width: 1000px;margin:0 auto; padding:80px 0px;  display: flex; flex-wrap: wrap;  }
.cms-main-icon-list{ width: 100%;   padding:0px;  display: flex; flex-wrap: wrap; } 
.cms-main-icon-list li{  display: flex; flex-wrap: wrap;flex-direction: column;  justify-content: center; width: calc(100%/5);  list-style: none; margin:0px;padding: 10px 0px; transition: all 0.5s ease 0s; border-right: solid 1px #e1eff9;box-shadow: 0px 3px 15px 0px rgb(162 162 162 / 25%);  background: rgba(255,255,255,.85);  }

.cms-main-icon-list li:hover{  transform: scale(1.1);  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);  }
 
@media (max-width: 767.98px) {
.cms-main-icon { width: 100%; padding:40px 0px; margin: 0; position: relative; 
background-image:url("../images/index/index-bg-3.svg"),url("../images/index/index-bg-1.svg"), linear-gradient(180deg, #d5eafa 0%, #cde6f8 40%, #fff 100%) ; background-position: left bottom,left top,left top; background-size:auto 30%,100% auto, 100% 100%; background-repeat: no-repeat; }    
 .cms-main-icon-wrap{  padding:30px 10px 0px 10px; }   
 .cms-main-icon-list li{  width: calc(100%/3);   }
   
}

#cms-main .cms-main-icon-list li h4{ margin: 15px auto; font-size:1rem; font-weight:500;  color:#184598; text-align: center;}
.cms-main-icon-wrap i { display: block; width: 58px; height:58px;  margin:0 auto; position: relative;  }
.icon-all{display: block; margin: auto; background-repeat: no-repeat; }
.icon-1{background: url("../images/index/icon-1.svg"); }
.icon-2{background: url("../images/index/icon-2.svg"); }
.icon-3{background: url("../images/index/icon-3.svg"); }
.icon-4{background: url("../images/index/icon-4.svg"); }
.icon-5{background: url("../images/index/icon-5.svg"); }
.icon-6{background: url("../images/index/icon-6.svg"); }
.icon-7{background: url("../images/index/icon-7.svg"); }
.icon-8{background: url("../images/index/icon-8.svg"); }
.icon-9{background: url("../images/index/icon-9.svg"); }
.icon-10{background: url("../images/index/icon-10.svg"); }



 
/*cms-btn Styles 樣式=================================*/ 
.cms-btn-01 { cursor: pointer; width: 100%; max-width: 220px; height: 3rem; line-height: 3rem; display: block; margin: 0; position: relative;   box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34); background-image: linear-gradient(to right, #ec640a 10%, #fcca5c 100%); border-radius:25px; z-index: 1;  }
.cms-btn-01 span { display: block;padding-left: 35px;text-transform: uppercase;letter-spacing: 3px; transform-origin: center left; transition: color 0.3s ease;position: relative;z-index:1; font-weight: 400;  color: #fff;}
.cms-btn-01 em {position: absolute;width: 45%; height: 1px;right: 23px;top: 50%;transform: scaleX(0.25); transform-origin: center right; transition: all 0.3s ease; background: #fff;  z-index:1;   }
.cms-btn-01:before,.cms-btn-01:after {content: '';background:#f39139;height:100%; width: 0;position: absolute;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.cms-btn-01:before { top: 0; left: 0; right: auto;  border-radius:25px; }
.cms-btn-01:after { bottom: 0; right: 0; left: auto; border-radius:25px; }
.cms-btn-01:hover:before { width: 100%; right: 0; left: auto;}
.cms-btn-01:hover:after {  width: 100%; left: 0; right: auto;}
.cms-btn-01:hover span{ color: #000;}
.cms-btn-01:hover em{background: #000; transform: scaleX(0.5);}
 
/*cms-btn-more =================================*/ 
.cms-next-button {  width: auto; height: 35px; padding: 20px 2px 20px 15px; position: relative; display: -webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer;  border-radius:30px; background-image: linear-gradient(120deg, #22559e 0%, #6fcccb 55%); }
@media (max-width:767px) {
.cms-next-button { width: auto; height: 24px }
}
.cms-next-button:hover .cms-next-button-circle, .cms-next-button:hover i { -webkit-transform: scale(1.2); transform: scale(1.2)}
.cms-next-button:hover .cms-next-button-txt, .cms-next-button:hover i { -webkit-transform: translateX(5px); transform: translateX(5px)}

.cms-next-button:hover{background:#afd9d3; }

.cms-next-button-circle { width: 30px; height: 30px;  position: relative; display: block; margin-left: 20px; border:2px solid #fff;  border-radius: 50%;  -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s}

@media (max-width:767px) {
.cms-next-button-circle { width: 24px; height: 24px; margin-right: 15px}
}

 .cms-next-button i { font-size: 1.875rem; color: #fff;  position: absolute; top: 0; bottom: 0; left: auto; margin: 5px auto auto 100px;   -webkit-transition: -webkit-transform .2s;  transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s}
 
.cms-next-button-txt { font-size: 16px; font-weight: 400; line-height: 1.5;  color: #fff;  -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s}
@media (max-width:767px) {
  .cms-next-button-txt { font-size: 14px; line-height: normal; letter-spacing: normal }
}



 
/*cms-btn Styles 4====*/
.cms-btn-btnbox {position: relative;z-index:1; display: flex;  justify-content: center;  width: 100%; height: auto; margin:20px auto;  transition: all 1s;}