/* 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%; }  
body { font-family: 'Oswald','Poppins', 'Microsoft JhengHei', "sans-serif"!important; overflow-x:hidden; margin:0; padding:0; height: 100%; position: relative;  background:#edf2f2;}
 
h1, h2, h3, h4, h5, h6 { line-height: 1.25em;font-family: 'Oswald', 'Microsoft JhengHei', "sans-serif"!important; }
p, td, li, label { font-size: 1.125rem; color:#666e55; line-height: 1.875rem;   font-weight: 400; font-family: 'Poppins', 'Microsoft JhengHei', "sans-serif"!important;   }
 a {  color:#666e55;text-decoration: none!important; -moz-transition: color 0.25s ease, opacity 0.25s ease; -o-transition: color 0.25s ease, opacity 0.25s ease; -webkit-transition: color 0.25s ease, opacity 0.25s ease; transition: color 0.25s ease, opacity 0.25s ease }
img { max-width: 100%; height: auto; vertical-align: bottom; }
a img { border: none; }
article a { word-wrap: break-word; word-break: keep-all; }
strong { font-weight: 700; }
 .no-gutters .col [class*="col-"] { padding-right: 0; padding-left: 0; }
 
.cms-wrapper{ width: 100%; max-width: 1160px; padding:30px 15px;  display: flex; flex-wrap: wrap; margin:0 auto;}
.cms-title-wrap{width:28%;}
.cms-main-wrap{width: 72%;}
 @media (max-width: 767.98px) {
.cms-wrapper{  padding:30px 5px 0px 5px;  display: flex; flex-wrap: wrap; margin:0 auto;}
.cms-title-wrap{width:100%;}
.cms-main-wrap{width:100%; margin-top: 30px;}    
}
 

.container { width: 100%; display: block;position: relative; z-index:1;}

/**main-promo****/
.swiper-container {	width: 100%; height: 100%; margin-top:-40px; background:#edf2f2;}
.swiper-slide {	text-align: center;	font-size: 18px;  display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center; -webkit-align-items: center;align-items: center;}
.module01{ width:100%; height:800px;margin-top: -88px!important;  }
.promo-1{ background:url("../images/index/banner.jpg") no-repeat left top; background-size:cover;}
.promo-2{ background:url(../images/index/banner-01.jpg) no-repeat left top; background-size:cover;}
  
.box-wrap{ width: 100%; max-width: 600px; margin:0px ; display: flex; text-align:center;}
.sub-wrap{ display:inline-block; margin:10% auto auto auto;}
.sub-wrap h2{font-size:6rem!important; font-style: italic;  text-shadow:1px 1px 1px rgba(255,255,255,.9);  }
.sub-wrap h3,.sub-wrap h4{font-size:2.5rem; margin-bottom: 15px;  text-shadow:1px 1px 1px rgba(255,255,255,.9); }
.sub-wrap p{font-size:1.75rem; line-height: 2.5rem; font-weight: 700; color:#424837; margin-top: 15px; text-align: center; text-shadow:1px 1px 1px rgba(255,255,255,.9); }

.sub-title-wrap{  display: flex; flex-wrap: wrap; justify-content: center;} 
.title-w{ flex: 0 0 30%; display: flex;flex-wrap: wrap; justify-content: flex-end; margin-right: 20px; }
.txt-w{ flex: 0 0 60%;display: flex;flex-wrap: wrap; flex-direction: column;justify-content: flex-start; margin: 0;  text-align: left;  }
 @media (max-width: 767.98px) {
.module01{ width:100%; height:600px;margin-top:-15px!important;  }
.promo-1{ background:url("../images/index/m-1.jpg") no-repeat left top; background-size:100% auto;}
.promo-2{ background:url(../images/index/m-2.jpg) no-repeat left top; background-size:100% auto;}
.sub-wrap{  margin-top: -35%;  }
.sub-wrap h2{  font-size:2.5rem; line-height: 1.5rem;   } 
.sub-wrap h3{font-size:2rem; }
 .sub-wrap h4{font-size:1.75rem; }    
.sub-wrap p{  font-size: 100%!important; line-height: 1.5rem;   } 

    
}

 /**banner
=================================*/
.swiper-container-block{width: 100%; max-width: 1160px; margin: auto;}

/*-------------------*/
/***** 關於我們純文字區塊 *****/
/*------------------*/
.cms-main-about{position: relative; z-index: 0; padding:0; margin: 0 auto; width: 100%; max-width: 1160px;  }
.cms-main-about-content {width:100%; margin: 0 auto; padding:100px 10px;   display: flex; flex-wrap: wrap;  justify-content: flex-start;    }
.cms-main-about-content .cms-title{ flex: 0 0 33%; justify-content:center; flex-wrap: wrap; }
.cms-main-about-content .cms-title p{  margin: 2rem 22px; font-size: 1.5rem; line-height: 2rem; letter-spacing: 0px; word-break: break-all;  }
.cms-main-about-txt{ flex: 0 0 60%; margin: 0 auto; line-height:2.5rem;  color:#666e55;   }
.cms-main-about-txt h1{font-size:1.35rem;  margin-bottom: 30px;color:#666e55;}
.cms-main-about-txt p{ font-weight: 500;  margin: 25px 0; }

@media (max-width: 767.98px) {
.cms-main-about-content {width: 100%;  max-width:600px; margin:0 auto ; padding:50px 10px 10px 10px;  }
.cms-main-about-content .cms-title{ flex: 0 0 100%;   }
.cms-main-about-txt{ flex: 0 0 100%;  margin:0px auto 20px auto;  }
.cms-main-about-txt h1{ font-size:1.25rem; margin-bottom: 15px;}
.cms-main-about-txt p{  font-size:100%;margin-bottom: 25px; }
}

h2.resp-accordion.hor_1,h2.resp-accordion.hor_1.resp-tab-active{display: none!important; }

.cms-main-card { width: 100%; margin: 0px auto; padding: 0px; display: flex; flex-wrap: wrap;   }
.cms-main-card ul { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; padding-bottom: 3rem; }
.cms-main-card li {  width: 100%; margin:2% 0; padding:10px;  display: flex; flex-wrap: wrap; flex-direction: row;  align-items: center; align-content: center;  }
.cms-main-card-item{width: 100px; height: 100px;  border-radius: 50%;display: flex; flex-wrap: wrap; justify-content: center; align-content: center; flex-direction: column;  border: solid 1px #666e55;}
.cms-main-card-item img{  max-width: 60px; max-height:60px;  display: -webkit-box; display: -ms-flexbox;  display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.cms-main-card li figure { display: flex; align-items: center; justify-content: center;  margin:auto;position: relative; }
.cms-main-card-inner{width:60%; padding-left: 30px; } 
.cms-main-card-inner h3{ font-size: 1.75rem; color:#666e55; font-weight: 700!important; }


/*-------------------*/
/***** 圖文方格 *****/
/*------------------*/
.cms-main-product { width: 100%; padding:0px 0px 60px 0px; margin:5rem auto; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end;  }
.cms-main-product::before{display: block; content: '';    background: url("../images/index/style-1.svg") left top  no-repeat;   width: 10%; height:100%; position: absolute; left:0; top: 10vh; z-index: 1; }
.cms-main-product::after{display: block; content: '';  opacity:.5;   background: url("../images/index/style-1.svg") left top  no-repeat;   width: 8%; height:100%; position: absolute; right:0; top:0; z-index: 1; }
.cms-main-product-item { width:100%;  margin:15px 0;  padding:0px 0px 60px 0px;   overflow: hidden; }
.cms-main-product-item li { width: 100%; max-width:100%;   margin: 0px ;  padding:10px; height: auto; position: relative; opacity:0.8;    transition: all 0.3s linear 0s;  }
.cms-main-product-item li a figure { position: relative;   width:100%; max-width:100%; height: auto;  overflow: hidden; transition: all 0.5s ease 0s;  }
 .cms-main-product-item li a figure img {  width: 100%; max-width: 100%; transition: all 0.3s;   }
.cms-main-product-item li:hover figure img { transform: scale(1.1);   }
.cms-main-product-item li a{display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-end; align-items: flex-end;}
 #cms-main .cms-main-product-item li a h3{   z-index: 9;   font-size:1.15rem; font-weight: 400;  text-align: center;  color:#656e54; overflow: hidden; word-break:break-all; word-wrap:break-word;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;font-family: 'Poppins', 'Microsoft JhengHei', "sans-serif"!important; }
.cms-main-product-item .slick-current {  /*transform: scale(1.2);*/ opacity:1;  z-index: 9; }	
 
.cms-main-product-item .slick-dots {bottom:-30px;  }	
.cms-main-product-item .slick-prev { left:0px; z-index: 11; bottom:0px!important; }
.cms-main-product-item .slick-next { right:0px; z-index: 11; bottom:00px!important; }

 @media (max-width: 767.98px) {
.cms-main-product {  padding:0px; margin-top: 1rem;} 
.cms-title-wrap .cms-btn-btnbox{display: none;}  
}


/*-------------------*/
/***** contact *****/
/*------------------*/
.cms-main-contact{ background: url( "../images/index/bg-contact.jpg") no-repeat right top #f28b04;  background-size: 60%  auto; padding: 50px 0px 50px 0px;  }
.cms-main-contact .cms-title,.cms-main-contact .cms-heading,.cms-main-contact .cms-heading-eng,.cms-main-contact .cms-tagline  {  color:#fff;  }
.cms-main-contact .cms-tagline::before {  background-color: #fff; }

  .cms-main-contact .cms-title-h3 h2, .cms-main-contact .cms-title-h3  p{ color: #fff;}
.cms-form{width: 100%; max-width:600px;  margin: 0; justify-content: flex-start; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start;}
.form-login {display: flex; flex-wrap: wrap;margin:0 auto; padding:20px 10px;   font-size:1rem!important; font-weight:400;    }
.form-login input[type="password"], .form-login input[type="text"],.form-login input[type="submit"],.form-login input[type="email"] { width: 100%;  border:solid 1px transparent; }
.form-login li { width:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-bottom:10px; }
.form-login li.half { width:calc(50% - 25px); margin: auto; }

.form-login li.fr-border-bottom {border-bottom: solid 1px var(--placeholder-text-on-media); }
.form-login label, .form-login input[type="text"],.form-login input[type="email"],.form-login input[type="tel"], .form-login input[type="password"], .form-login input[type="submit"] {  padding: 10px; }
.form-login label {   width:100%; font-size: 1.15rem; font-weight: 700; color: #fff; }
.form-login label.fr-checkbox { padding:0px 10px;display: flex;align-content: center; align-items: center;   width: auto; height: auto; background-color:transparent; color:#fff;   }
.form-login-box{ margin: 5px; display: flex;flex-wrap: wrap; align-content: center; align-items: center;   }
.form-login input[type="checkbox"] { width: 16px; height: 16px; }
.form-login input[type="text"], .form-login input[type="password"],.form-login input[type="email"],.form-login input[type="tel"]  {font-size: 0.9375rem; height:40px; margin-top:0px;  background:rgba(255,255,255,.8); border-radius:10px;   color:#656e54; }
.form-login input[type="text"]:focus, .form-login input[type="text"]:hover, .form-login input[type="password"]:focus, .form-login input[type="password"]:hover, .form-login input[type="email"]:focus, .form-login input[type="email"]:hover , .form-login input[type="tel"]:focus, .form-login input[type="tel"]:hover{ background-color: #fff;  border:solid 1px var(--fr-shadow); color: #38393c; }
.form-login input[type="submit"] { width:40%; display:block; margin:auto;  }
.form-input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.hidden{ display: none!important}
.form-login input:placeholder { color:var(--fr-button-text); }
.form-login ::-webkit-input-placeholder { color:var(--fr-button-text); }
.form-login input::-moz-placeholder { color:var(--fr-button-text);  }
.form-login input::-moz-placeholder{color:var(--fr-button-text); ;}
.form-login:-ms-input-placeholder{color:var(--fr-button-text); }
select { width: 100%;font-size: 0.9375rem; height:40px; margin-top:0px; background-color: white; border: thin solid blue; border-radius: 10px;  display: inline-block; font: inherit;  line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}
select.minimal { 
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position:calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;  background-repeat: no-repeat;
}
select.minimal:focus {
  background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1em,  calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px,  5px 5px, 1px 1.5em;
  background-repeat: no-repeat; border-color: green; outline: 0;
}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #656e54;}
textarea {  border-radius: 10px; width: 96%; min-height: 100px; min-height: 6.25rem; display: block; margin: auto;background:rgba(255,255,255,.8);}
@media (max-width:768px) {
.form-login {  width: 100%; padding:20px;   }
.form-login li.half { width:calc(100% - 25px); margin: auto; }
   
} 


/*cms-Title Styles 樣式
=================================*/
/*Style 1
=================================*/
.cms-title { margin:0;    display: flex;  justify-content: flex-start;  flex-wrap: wrap; flex-direction: column;   }
.cms-title h1{ font-weight: 700; color:#666e55; letter-spacing:1rem; font-size:1.5rem;  }
.cms-title { font-weight: 700; color:#666e55; letter-spacing:1rem; font-size:1.5rem;  }
.cms-heading { margin:20px auto 0px 22px; font-size: 2.25rem;  font-weight: 400; color: #656e54;  letter-spacing:0.1rem;}
.cms-heading-eng { margin:54px auto 0px 22px; font-weight: 700;text-transform: uppercase; line-height: 1; letter-spacing: 0.16rem;font-size: 2.25rem; font-family: "Raleway",sans-serif;   }
.cms-tagline {position: relative; padding-left: 30px; font-family: "Raleway",sans-serif;font-weight: 700;letter-spacing: 0.1em;line-height: 1; font-size: 0.95rem;}
.cms-tagline::before { position: absolute; top: 50%;left: 1px; width: 28px;  height: 3px; display: inline-block;    content: ""; background-color: #666e55; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
 @media (max-width: 991.98px) {
.cms-title { margin:-20px auto auto 50px;justify-content: flex-start; }
 #cms-main .cms-title h1{ margin: 0; letter-spacing:1rem; font-size:1.75rem; -webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb; }
}
 @media (max-width: 767.98px) {
.cms-title { margin:-20px auto auto 0px;}
.cms-title::before { display: none;}
.cms-heading-eng { margin:6px auto 15px 20px;   }
.cms-heading { margin:0px auto auto 18px; font-size: 2rem;   }   
 }


/*Style 2
=================================*/
 .cms-title-h2 { width: 100%; display: flex; flex-wrap: wrap;  flex-direction: column; justify-content: center;position: relative;  }
 .cms-title-h2 h2 { margin:0px auto 30px auto;  display: block; color: #656e54066;font-weight: 700; font-size: 3rem; text-align: center; }
 .cms-title-h2 p { margin:0px auto 15px auto;  display: block; color: #656e54;font-weight: 400; font-size: 1.25rem; text-align: center; }
 .cms-title-h2 span {margin:0px auto;  display: block; font-size: .875rem; color:#826742;  text-align: center; font-weight: 400; }
 .cms-title-h2 i{ margin: 0 auto; display: flex;  width:80px; height: 80px;  }
 .cms-title-h2 i img{max-width: 100%; height: auto;}
 
/*Style ˇ
=================================*/
#cms-main .cms-title-h3 { width: 100%;display: flex; flex-wrap: wrap;  flex-direction: column; justify-content: center;position: relative;z-index: 0; }
#cms-main .cms-title-h3 h2 { margin:0px 0px 30px 0px;  display: block; color: #3294af;font-weight: 700; font-size: 3rem;    }
#cms-main .cms-title-h3 p {  color: #656e54;font-weight: 400;  }
@media (max-width: 767.98px) {
#cms-main .cms-title-h3 { width: 100%; }
#cms-main .cms-title-h3 h2 { margin:0px; width:auto; padding:10px;  }
 }


.cms-items-container {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap;  flex-flow: row wrap; -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: flex-start;  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;  padding-top: 10px;}
 @media screen and (max-width: 991px) {
.cms-items-container { height: auto; }
 }
.cms-item, .cms-item-lg, .cms-item-2x{ display: block;height: 100%; width: 25%;padding-left: 10px;padding-right: 10px;text-decoration: none; color: #333;}
@media (max-width: 991.98px) {
.cms-item, .cms-item-lg, .cms-item-2x { width: 50%; margin-top: 15px;margin-bottom: 15px;}
}

 @media (max-width: 767.98px) {
.cms-item, .cms-item-lg, .cms-item-2x { margin-top: 10px;margin-bottom: 10px;}
}
.cms-item img, .cms-item-lg img, .cms-item-2x img{ width: 100%;height: auto;}
.cms-item-2x { width: 50%;}
@media (max-width: 991.98px) {
.cms-item-2x {  width: 100%;}
}
a.cms-item:hover, a.cms-item-lg:hover, a.cms-item-2x:hover, a.cms-item:focus, a.cms-item-lg:focus, a.cms-item-2x:focus, a.cms-item-2x:hover,a.cms-item-2x:focus {color: #666; text-decoration: none;}
.cms-item-title { font-size: 1em; font-weight: 700; margin-top: 10px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cms-item-descnohs { font-size: 15px; line-height: 26px; overflow: hidden; display:-webkit-box;}

 
 

/*cms-btn Styles 樣式
=================================*/ 
.cms-btn{ font-family: 'Poppins', 'Microsoft JhengHei', "sans-serif"!important; }
 /*cms-btn Styles 1===*/
.cms-btn-01 { cursor: pointer; width: 100%; max-width: 300px; height: 2.5rem; line-height: 2.5rem; display: block; margin: auto; position: absolute; z-index: 0; box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34); background-color: #411f1f; border-radius:25px;   }
.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; 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;z-index: 1; background: #fff;}
.cms-btn-01:before,.cms-btn-01:after {content: '';background: #fff;height: 50%; 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: #656e54;}
.cms-btn-01:hover em{background: #656e54; transform: scaleX(1);}
  /*cms-btn Styles 2===*/
#cms-main a.cms-btn-02{color: #fff;  font-size:1rem; text-align: center;  display: block; width: auto; max-width: 300px; max-height:40px;  }
#cms-main a.cms-btn-02 {padding:0.5rem 2rem;background: none; border: none; cursor: pointer;line-height: 1.5rem; letter-spacing: 0.05rem;box-shadow: inset 0 0 0 1px #fff; color: #fff;  -webkit-transition: color 0.25s 0.0833333333s; transition: color 0.25s 0.0833333333s; position: relative;}
.cms-btn-02::before, .cms-btn-02::after {border: 0 solid transparent; box-sizing: border-box; content: ''; pointer-events: none; position: absolute; width: 0; height: 0; bottom: 0; right: 0;}
.cms-btn-02::before{border-bottom-width: 2px; border-left-width: 2px;}
.cms-btn-02::after{border-top-width: 2px; border-right-width: 2px;}
.cms-btn-02:hover{color:#94000b;}
.cms-btn-02:hover::before, .cms-btn-02:hover::after{border-color: #94000b; -webkit-transition: border-color 0s, width 0.25s, height 0.25s; transition: border-color 0s, width 0.25s, height 0.25s; width: 100%; height: 100%;}
.cms-btn-02:hover::before{-webkit-transition-delay: 0s, 0s, 0.25s; transition-delay: 0s, 0s, 0.25s;}
.cms-btn-02:hover::after{-webkit-transition-delay: 0s, 0.25s, 0s; transition-delay: 0s, 0.25s, 0s;}
.cms-btn-02:focus{outline: 1px inset #fff;}

@media (max-width: 991.98px) {
#cms-main a.cms-btn-02{max-width: 100%; max-height:36px; font-size:0.9rem;   }
}

 #cms-main a.cms-btn-more{ position: relative; display: block; width: 100%; max-width:180px; margin:15px 0; padding:6px 15px; font-size: 1rem; line-height: 1.75rem; font-weight: 300; color:#fff;  border-radius:30px;  background: #656e54066; -webkit-transition: 0.3s ease;  transition: 0.3s ease; }
#cms-main .cms-btn-more:hover{   background:#339999;    }
#cms-main a.cms-btn-more:before { content: ""; position: absolute; top:8px; right: 5px;width:24px; height: 24px; background: url("../images/icon/arrow-right.svg")  no-repeat left top; transition: all 0.3s ease; }
#cms-main a.cms-btn-more:hover:before {  transform:translateX(-40%);   transition: all 0.3s ease;   overflow: hidden; }
@media (max-width: 767.98px) {
#cms-main a.cms-btn-more{   letter-spacing: 0em; }
}
 
 
/*cms-btn Styles 4====*/
.cms-btn-btnbox {position: relative;display: flex;  justify-content: center;  width: 100%; height: auto; margin:20px auto;  transition: all 1s;}
.cms-btn-submit{  font-weight: 400; background:#6a6663!important;border: solid 1px #656e54066;  color: #fff!important; vertical-align: text-bottom; border-radius: 15px; }
.cms-btn-submit:hover { color: #fff;  background:#232323;   box-shadow: 0px 3px 10px rgba(148,0,11,.5); }
/**-input width--**/
ul.cms-submit { width:100%;  margin:0 auto; align-items: flex-start;   align-content: flex-start; display: flex;  justify-content: center; flex-direction: row; flex-wrap: wrap;}
ul.cms-submit li{ width:50%!important;  max-width:300px;margin:0 auto; padding:0px 15px; border: none; font-size: 1em; font-weight: bold; display: flex;  justify-content: center;}
ul.cms-submit li input, .form-medium select, .length-l, .lab-gender{ width: 100%;    } 
.txtcols {  -webkit-column-count: 1;   -moz-column-count: 1;  column-count: 1; column-gap: 80px;}

 @media (max-width:768px) {
 ul.fr-submit li{ width:45%!important;  max-width:300px;margin:0 2%; padding:0px 15px; border: none; font-size: 1em; font-weight: bold; display: flex;  justify-content: center;}
    
}