/*css3*/
@import url("https://fonts.googleapis.com/css?family=Carme");
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* line 15, sass/_extend.scss */
.logo {
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  font: 0/0 serif \9;
  text-shadow: none \9;
  color: transparent \9;
}

/* line 1, sass/_style.scss */
.main_1240 {
  width: 1240px;
  margin: 0px auto;
}
@media only screen and (max-width: 900px) {
  /* line 1, sass/_style.scss */
  .main_1240 {
    width: 100%;
  }
}

/* line 8, sass/_style.scss */
a {
  outline: none;
}

/* line 11, sass/_style.scss */
html {
  width: 100%;
  height: 100%;
}

/* line 15, sass/_style.scss */
body {
  position: relative;
  padding-top: 80px;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 900px) {
  /* line 15, sass/_style.scss */
  body {
    padding-top: 50px;
  }
}

/* line 28, sass/_style.scss */
h2, .h2 {
  color: #000;
  font-size: 24px;
  line-height: 24px;
}
@media only screen and (max-width: 900px) {
  /* line 28, sass/_style.scss */
  h2, .h2 {
    font-size: 16px;
    line-height: 16px;
  }
}

/* line 37, sass/_style.scss */
h3, .h3 {
  color: #000;
  font-size: 20px;
  line-height: 20px;
}
@media only screen and (max-width: 900px) {
  /* line 37, sass/_style.scss */
  h3, .h3 {
    font-size: 16px;
    line-height: 16px;
  }
}

/* line 46, sass/_style.scss */
h4, .h4 {
  color: #000;
  font-size: 18px;
  line-height: 18px;
}
@media only screen and (max-width: 900px) {
  /* line 46, sass/_style.scss */
  h4, .h4 {
    font-size: 15px;
    line-height: 15px;
  }
}

/* line 55, sass/_style.scss */
h5, .h5 {
  color: #000;
  font-size: 16px;
  line-height: 16px;
}
@media only screen and (max-width: 900px) {
  /* line 55, sass/_style.scss */
  h5, .h5 {
    font-size: 15px;
    line-height: 15px;
  }
}

/* line 64, sass/_style.scss */
.col_red {
  color: #e93636;
}

/* line 67, sass/_style.scss */
.col_org {
  color: #eb9d38;
}

/* line 70, sass/_style.scss */
.pos_r {
  position: relative;
}

/* line 73, sass/_style.scss */
button {
  font-family: arial,Microsoft JhengHei,Helvetica, sans-serif;
}

/* line 76, sass/_style.scss */
.padt_9 {
  padding-top: 9px;
}

/* line 79, sass/_style.scss */
.mart__10 {
  margin-top: -10px;
}

/* line 82, sass/_style.scss */
.mart_15 {
  margin-top: 15px;
}

/* line 85, sass/_style.scss */
.mart_30 {
  margin-top: 30px;
}

/* line 88, sass/_style.scss */
.marb_10 {
  margin-bottom: 10px;
}

/* line 91, sass/_style.scss */
.marb_20 {
  margin-bottom: 20px;
}

/* line 94, sass/_style.scss */
.marb_30 {
  margin-bottom: 30px;
}

/* line 97, sass/_style.scss */
.marb_40 {
  margin-bottom: 40px;
}

/* line 100, sass/_style.scss */
.marb_60 {
  margin-bottom: 60px;
}

/* line 103, sass/_style.scss */
.marb_80 {
  margin-bottom: 80px;
}

/* line 106, sass/_style.scss */
.marb_100 {
  margin-bottom: 100px;
}

/* line 109, sass/_style.scss */
.marr_20 {
  margin-right: 20px;
}

/* line 112, sass/_style.scss */
.marr_15 {
  margin-right: 15px;
}

/* line 115, sass/_style.scss */
.marl_15 {
  margin-left: 15px;
}

/* line 118, sass/_style.scss */
.padd_40 {
  padding: 40px;
}

/* line 121, sass/_style.scss */
.padd_20 {
  padding: 20px;
}

/* line 124, sass/_style.scss */
.paddb_30 {
  padding-bottom: 30px;
}

/* line 127, sass/_style.scss */
.p_t_20 {
  padding-top: 20px;
}

/* line 130, sass/_style.scss */
.page_padd {
  padding-bottom: 100px;
}
@media only screen and (max-width: 900px) {
  /* line 130, sass/_style.scss */
  .page_padd {
    padding-bottom: 60px;
  }
}

/* line 136, sass/_style.scss */
.white_bg {
  background: #FFF;
}

/* line 140, sass/_style.scss */
.logo {
  display: block;
  background: url("image/logo.png");
  background-position: center top;
  background-repeat: no-repeat;
  width: 174px;
  height: 50px;
  float: left;
  margin: 15px 0px 0px 20px;
  z-index: 38;
}

/* line 4, sass/_reset.scss */
* {
  box-sizing: border-box;
}

/* line 7, sass/_reset.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, img {
  margin: 0px;
  padding: 0px;
}

/* line 11, sass/_reset.scss */
fieldset, img, abbr, acronym {
  border: 0;
}

/* line 14, sass/_reset.scss */
q:before, q:after {
  content: '';
}

/* line 17, sass/_reset.scss */
input, button, select {
  border: none;
  outline: none;
}

/* line 21, sass/_reset.scss */
button, .cursor {
  cursor: pointer;
}

/* line 24, sass/_reset.scss */
textarea {
  outline: none;
  resize: vertical;
  border: 1px solid #e4eff1;
  padding: 10px;
}

/* line 30, sass/_reset.scss */
a {
  text-decoration: none;
  color: #333;
}
/* line 33, sass/_reset.scss */
a:hover {
  color: #00479d;
}

/********************************************************************/
@media only screen and (max-width: 900px) {
  /* line 38, sass/_reset.scss */
  html, body {
    width: 100%;
    height: 100%;
  }
}

/* line 44, sass/_reset.scss */
body {
  font-size: 15px;
  line-height: 30px;
  color: #333;
  padding-top: 80px;
  font-family: 'Carme','Noto Sans TC', sans-serif;
  letter-spacing: 1px;
}
@media only screen and (max-width: 900px) {
  /* line 44, sass/_reset.scss */
  body {
    font-size: 14px;
    padding-top: 50px;
  }
}

/* line 57, sass/_reset.scss */
.clearfix:after {
  /* FF, IE8, O, S, etc. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 64, sass/_reset.scss */
.clearfix {
  zoom: 1;
}

/* line 67, sass/_reset.scss */
.clear {
  clear: both;
}

/* line 70, sass/_reset.scss */
.fleft {
  float: left;
}
@media only screen and (max-width: 900px) {
  /* line 70, sass/_reset.scss */
  .fleft {
    float: none;
  }
}

/* line 76, sass/_reset.scss */
.fright {
  float: right;
}
@media only screen and (max-width: 900px) {
  /* line 76, sass/_reset.scss */
  .fright {
    float: none;
  }
}

/* line 82, sass/_reset.scss */
.m_fleft {
  float: left;
}

/* line 85, sass/_reset.scss */
.m_fright {
  float: right;
}

/* line 1, sass/_index.scss */
.header {
  background: #FFF;
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}
@media only screen and (max-width: 900px) {
  /* line 1, sass/_index.scss */
  .header {
    display: none;
  }
}
/* line 13, sass/_index.scss */
.header h1 a {
  display: block;
}
/* line 17, sass/_index.scss */
.header .menu {
  float: right;
}
/* line 19, sass/_index.scss */
.header .menu li {
  list-style: none;
  float: left;
  height: 80px;
  line-height: 80px;
}
/* line 24, sass/_index.scss */
.header .menu li a {
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  letter-spacing: 1px;
  color: #555;
  display: block;
  padding: 0px 20px;
  text-transform: uppercase;
  font-family: 'Carme','Noto Sans TC', sans-serif;
  transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -webkit-transition: background 0.4s;
}
/* line 35, sass/_index.scss */
.header .menu li a:hover {
  background: #00479d;
  color: #FFF;
  transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -webkit-transition: background 0.4s;
}
/* line 44, sass/_index.scss */
.header .langueicon {
  float: right;
  height: 80px;
  padding: 26px 20px;
  width: 80px;
  position: relative;
  cursor: pointer;
  transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -webkit-transition: background 0.4s;
}
/* line 52, sass/_index.scss */
.header .langueicon .earth {
  background: url("image/lanic.png");
  background-position: center top;
  background-repeat: no-repeat;
  width: 39px;
  height: 26px;
  display: block;
}
/* line 57, sass/_index.scss */
.header .langueicon .lanmu {
  position: absolute;
  top: 80px;
  width: 200px;
  right: 0;
  display: none;
  border: 1px solid #00479d;
}
/* line 64, sass/_index.scss */
.header .langueicon .lanmu a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #00479d;
  background: #FFF;
  text-align: center;
}
/* line 72, sass/_index.scss */
.header .langueicon .lanmu a:hover {
  background: #00479d;
  color: #FFF;
}
/* line 78, sass/_index.scss */
.header .langueicon:hover {
  background-color: #00479d;
  background-position: center;
  height: 80px;
  padding: 26px 20px;
  width: 80px;
  transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -webkit-transition: background 0.4s;
}
/* line 85, sass/_index.scss */
.header .langueicon:hover .earth {
  background: url("image/lanics.png");
  background-position: center top;
  background-repeat: no-repeat;
  width: 39px;
  height: 26px;
}
/* line 88, sass/_index.scss */
.header .langueicon:hover .lanmu {
  display: block;
}

/* line 95, sass/_index.scss */
.header_m {
  display: none;
  height: 50px;
  position: fixed;
  top: 0;
  width: 100%;
  background: #FFF;
  z-index: 50;
  left: 0;
}
@media only screen and (max-width: 900px) {
  /* line 95, sass/_index.scss */
  .header_m {
    display: block;
  }
}
/* line 107, sass/_index.scss */
.header_m .logo {
  background: url(image/logo.png) top center no-repeat;
  -webkit-background-size: auto 30px;
  -o-background-size: auto 30px;
  background-size: auto 30px;
  margin: 0 auto;
  height: 30px;
  width: 105px;
  float: inherit;
  margin-top: 10px;
}

/* line 119, sass/_index.scss */
.mmmu2 {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #FFF;
  top: 50px;
  z-index: 50;
  padding: 0px 20px;
  display: none;
}
/* line 129, sass/_index.scss */
.mmmu2 a {
  display: block;
  width: 100%;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
}

/* line 139, sass/_index.scss */
.banner_area {
  background: url(image/index_1_02.jpg) top center no-repeat;
  width: 100%;
  height: 600px;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 900px) {
  /* line 139, sass/_index.scss */
  .banner_area {
    height: 350px;
  }
}
/* line 151, sass/_index.scss */
.banner_area .kkk {
  background: url("image/topbnk.png");
  background-position: center top;
  background-repeat: no-repeat;
  width: 269px;
  height: 269px;
  position: absolute;
  left: 50%;
  margin-left: -135px;
  top: 50%;
  margin-top: -135px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -moz-animation: alpha 0.7s 0s forwards;
  -webkit-animation: alpha 0.7s 0s forwards;
  animation: alpha 0.7s 0s forwards;
}
@media only screen and (max-width: 900px) {
  /* line 151, sass/_index.scss */
  .banner_area .kkk {
    background: url("image/topbnk.png") top center no-repeat;
    width: 134.5px;
    height: 134.5px;
    -webkit-background-size: 134.5px auto;
    -o-background-size: 134.5px auto;
    background-size: 134.5px auto;
    margin-left: -67.5px;
    margin-top: -67.5px;
  }
}
/* line 166, sass/_index.scss */
.banner_area .title {
  color: #FFF;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  letter-spacing: 2px;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -20px;
  line-height: 40px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -moz-animation: alpha 0.8s 0.6s forwards;
  -webkit-animation: alpha 0.8s 0.6s forwards;
  animation: alpha 0.8s 0.6s forwards;
}
@media only screen and (max-width: 900px) {
  /* line 166, sass/_index.scss */
  .banner_area .title {
    font-size: 31px;
    margin-top: -30px;
    line-height: 35px;
  }
}

@-webkit-keyframes alpha {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes alpha {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes alpha {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes alpha {
  0% {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
/* line 193, sass/_index.scss */
.feature {
  padding: 45px 0px 60px 0px;
}
@media only screen and (max-width: 900px) {
  /* line 193, sass/_index.scss */
  .feature {
    padding: 40px 0px 40px 0px;
  }
}
/* line 198, sass/_index.scss */
.feature li {
  list-style: none;
  width: 33.3%;
  float: left;
  text-align: center;
  padding: 0px 20px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
@media only screen and (max-width: 900px) {
  /* line 198, sass/_index.scss */
  .feature li {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 900px) {
  /* line 209, sass/_index.scss */
  .feature li img {
    max-width: 100px;
  }
}
/* line 215, sass/_index.scss */
.feature li:nth-child(1) {
  -moz-animation: alpha 0.8s 0.9s forwards;
  -webkit-animation: alpha 0.8s 0.9s forwards;
  animation: alpha 0.8s 0.9s forwards;
}
/* line 218, sass/_index.scss */
.feature li:nth-child(2) {
  -moz-animation: alpha 0.8s 1.1s forwards;
  -webkit-animation: alpha 0.8s 1.1s forwards;
  animation: alpha 0.8s 1.1s forwards;
}
/* line 221, sass/_index.scss */
.feature li:nth-child(3) {
  -moz-animation: alpha 0.8s 1.3s forwards;
  -webkit-animation: alpha 0.8s 1.3s forwards;
  animation: alpha 0.8s 1.3s forwards;
}
/* line 224, sass/_index.scss */
.feature li .tile {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
  /* line 224, sass/_index.scss */
  .feature li .tile {
    margin-top: 15px;
    margin-bottom: 8px;
  }
}
/* line 234, sass/_index.scss */
.feature li p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
}

/* line 242, sass/_index.scss */
.title_cneter {
  font-size: 30px;
  color: #555;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 30px;
  margin-bottom: 55px;
  position: relative;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -moz-animation: tt0 0.6s 0.8s forwards;
  -webkit-animation: tt0 0.6s 0.8s forwards;
  animation: tt0 0.6s 0.8s forwards;
}
/* line 253, sass/_index.scss */
.title_cneter span {
  position: absolute;
  width: 0px;
  height: 2px;
  bottom: -15px;
  left: 50%;
  margin-left: -20px;
  border-bottom: 2px solid #00479d;
  -moz-animation: tt1 0.6s 0.8s forwards;
  -webkit-animation: tt1 0.6s 0.8s forwards;
  animation: tt1 0.6s 0.8s forwards;
}

@-webkit-keyframes tt1 {
  0% {
    width: 0;
  }
  100% {
    width: 40px;
  }
}
@-moz-keyframes tt1 {
  0% {
    width: 0;
  }
  100% {
    width: 40px;
  }
}
@-ms-keyframes tt1 {
  0% {
    width: 0;
  }
  100% {
    width: 40px;
  }
}
@keyframes tt1 {
  0% {
    width: 0;
  }
  100% {
    width: 40px;
  }
}
@-webkit-keyframes tt0 {
  0% {
    top: -50px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    top: 0px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-moz-keyframes tt0 {
  0% {
    top: -50px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    top: 0px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-ms-keyframes tt0 {
  0% {
    top: -50px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    top: 0px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes tt0 {
  0% {
    top: -50px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    top: 0px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
  }
}
/* line 274, sass/_index.scss */
.cust {
  background: url(image/index_1_04.jpg) no-repeat right;
  background-color: #F5F5F5;
  width: 100%;
  height: 600px;
  padding-top: 150px;
}
@media only screen and (max-width: 900px) {
  /* line 274, sass/_index.scss */
  .cust {
    background: url(image/index_1_04.jpg) no-repeat center;
    padding-top: 40px;
  }
}
/* line 284, sass/_index.scss */
.cust .main_1240 {
  padding-left: 50px;
}
@media only screen and (max-width: 900px) {
  /* line 284, sass/_index.scss */
  .cust .main_1240 {
    padding: 0px 30px;
  }
}
/* line 290, sass/_index.scss */
.cust h2 {
  font-size: 30px;
  font-weight: normal;
  color: #555;
  margin-bottom: 60px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
}
@media only screen and (max-width: 900px) {
  /* line 290, sass/_index.scss */
  .cust h2 {
    line-height: 35px;
  }
}
/* line 301, sass/_index.scss */
.cust h2 span {
  position: absolute;
  width: 40px;
  height: 2px;
  bottom: -15px;
  left: 0;
  border-bottom: 2px solid #00479d;
}
/* line 311, sass/_index.scss */
.cust p {
  max-width: 690px;
  font-size: 16px;
  color: #555;
}
@media only screen and (max-width: 900px) {
  /* line 311, sass/_index.scss */
  .cust p {
    line-height: 25px;
  }
}

/* line 321, sass/_index.scss */
.map_ar {
  background: url(image/index_1_03.jpg) repeat-x right;
  width: 100%;
  height: 770px;
  padding: 50px 0px;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  /* line 327, sass/_index.scss */
  .map_ar img {
    width: 80%;
    margin-bottom: 20px;
  }
}
/* line 333, sass/_index.scss */
.map_ar .mbus {
  color: #FFF;
  display: none;
}
@media only screen and (max-width: 900px) {
  /* line 333, sass/_index.scss */
  .map_ar .mbus {
    display: block;
  }
}
/* line 340, sass/_index.scss */
.map_ar .title_cneter {
  color: #FFF;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  -moz-animation: inherit;
  -webkit-animation: inherit;
  animation: inherit;
  margin-bottom: 30px;
}
/* line 345, sass/_index.scss */
.map_ar .title_cneter span {
  color: #FFF;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  width: 40px;
  border-bottom: 2px solid #FFF;
  -moz-animation: inherit;
  -webkit-animation: inherit;
  animation: inherit;
}
/* line 353, sass/_index.scss */
.map_ar p {
  text-align: center;
  color: #FFF;
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 65px;
}
@media only screen and (max-width: 900px) {
  /* line 353, sass/_index.scss */
  .map_ar p {
    padding: 0px 30px;
    line-height: 25px;
    margin-bottom: 20px;
  }
}

/* line 367, sass/_index.scss */
.sol_ar {
  height: 798px;
  padding: 40px 0px;
  background: url(image/ssbn.jpg) no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 900px) {
  /* line 367, sass/_index.scss */
  .sol_ar {
    height: auto;
    background-position: center;
  }
}
/* line 378, sass/_index.scss */
.sol_ar .title_cneter {
  margin-bottom: 60px;
  -moz-animation: inherit;
  -webkit-animation: inherit;
  animation: inherit;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
/* line 382, sass/_index.scss */
.sol_ar .title_cneter span {
  -moz-animation: inherit;
  -webkit-animation: inherit;
  animation: inherit;
  width: 40px;
}
@media only screen and (max-width: 900px) {
  /* line 387, sass/_index.scss */
  .sol_ar ul {
    padding: 0px 2%;
  }
}
/* line 392, sass/_index.scss */
.sol_ar li {
  list-style: none;
  width: 290px;
  height: 280px;
  float: left;
  margin-right: 25px;
  background-color: #FFF;
  border-top: 1px solid #00479d;
  padding: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 900px) {
  /* line 392, sass/_index.scss */
  .sol_ar li {
    width: 48%;
    margin: 0px 1%;
    margin-bottom: 10px;
    height: auto;
  }
}
/* line 408, sass/_index.scss */
.sol_ar li:nth-child(4n-4) {
  margin-right: 0;
}
/* line 411, sass/_index.scss */
.sol_ar li .image {
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}
/* line 415, sass/_index.scss */
.sol_ar li .image span {
  width: 26px;
  height: 2px;
  display: block;
  background: #00479d;
  bottom: -10px;
  left: 50%;
  margin-left: -13px;
  position: absolute;
}
/* line 426, sass/_index.scss */
.sol_ar li .title {
  font-size: 18px;
  color: #333;
  text-align: center;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  /* line 426, sass/_index.scss */
  .sol_ar li .title {
    font-size: 16px;
    line-height: 22px;
  }
}
/* line 438, sass/_index.scss */
.sol_ar li p {
  font-size: 14px;
  color: #555;
  line-height: 22px;
  max-height: 88px;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  /* line 438, sass/_index.scss */
  .sol_ar li p {
    font-size: 13px;
    line-height: 20px;
    min-height: 100px;
  }
}

/* line 453, sass/_index.scss */
.contactar {
  height: 683px;
  padding: 40px 0px;
  background: url(image/ctbg.jpg) no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 900px) {
  /* line 453, sass/_index.scss */
  .contactar {
    height: auto;
  }
}
/* line 463, sass/_index.scss */
.contactar .title_cneter {
  color: #FFF;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  -moz-animation: inherit;
  -webkit-animation: inherit;
  animation: inherit;
  margin-bottom: 30px;
}
/* line 468, sass/_index.scss */
.contactar .title_cneter span {
  color: #FFF;
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  width: 40px;
  border-bottom: 2px solid #FFF;
  -moz-animation: inherit;
  -webkit-animation: inherit;
  animation: inherit;
}
/* line 476, sass/_index.scss */
.contactar .mailar {
  max-width: 760px;
  margin: 0 auto;
  color: #FFF;
  font-size: 14px;
}
/* line 481, sass/_index.scss */
.contactar .mailar .cc {
  text-align: center;
}
@media only screen and (max-width: 900px) {
  /* line 481, sass/_index.scss */
  .contactar .mailar .cc {
    padding: 0px 20px;
  }
}
/* line 487, sass/_index.scss */
.contactar .mailar .formar {
  margin-top: 35px;
}
@media only screen and (max-width: 900px) {
  /* line 487, sass/_index.scss */
  .contactar .mailar .formar {
    padding: 0px 20px;
    margin-bottom: 20px;
  }
}
/* line 493, sass/_index.scss */
.contactar .mailar .formar .set2 {
  margin-bottom: 20px;
}
/* line 495, sass/_index.scss */
.contactar .mailar .formar .set2 .set1 {
  float: left;
  margin-right: 20px;
}
@media only screen and (max-width: 900px) {
  /* line 495, sass/_index.scss */
  .contactar .mailar .formar .set2 .set1 {
    width: 100%;
    margin-bottom: 10px;
  }
}
/* line 502, sass/_index.scss */
.contactar .mailar .formar .set2 .set1:nth-child(2) {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  /* line 502, sass/_index.scss */
  .contactar .mailar .formar .set2 .set1:nth-child(2) {
    margin-bottom: 0;
  }
}
/* line 508, sass/_index.scss */
.contactar .mailar .formar .set2 .set1 p {
  color: #FFF;
  font-size: 18px;
}
/* line 512, sass/_index.scss */
.contactar .mailar .formar .set2 .set1 input {
  width: 370px;
  height: 45px;
  background: #D4EFFF;
  padding: 0 10px;
}
@media only screen and (max-width: 900px) {
  /* line 512, sass/_index.scss */
  .contactar .mailar .formar .set2 .set1 input {
    width: 100%;
  }
}
/* line 523, sass/_index.scss */
.contactar .mailar .formar .set3 {
  margin-bottom: 20px;
}
/* line 525, sass/_index.scss */
.contactar .mailar .formar .set3 p {
  font-size: 18px;
  color: #FFF;
}
/* line 529, sass/_index.scss */
.contactar .mailar .formar .set3 input {
  height: 45px;
  background: #D4EFFF;
  padding: 0 10px;
  width: 100%;
}
/* line 536, sass/_index.scss */
.contactar .mailar .formar .set3 textarea {
  width: 100%;
  height: 140px;
  background: #D4EFFF;
}
/* line 543, sass/_index.scss */
.contactar .mailar .formar .capture .cproboar {
  float: left;
}
/* line 546, sass/_index.scss */
.contactar .mailar .formar .capture .curp {
  float: left;
  cursor: pointer;
  margin-top: 49px;
  margin-left: 10px;
  background: url("image/arround.png");
  background-position: center top;
  background-repeat: no-repeat;
  width: 27px;
  height: 25px;
}
/* line 553, sass/_index.scss */
.contactar .mailar .formar .capture button {
  width: 165px;
  height: 45px;
  font-size: 18px;
  background: #FFF;
  color: #00479d;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -webkit-transition: background 0.4s;
  float: right;
  margin-top: 25px;
}
/* line 564, sass/_index.scss */
.contactar .mailar .formar .capture button:hover {
  background: #D4EFFF;
  transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  -ms-transition: background 0.4s;
  -webkit-transition: background 0.4s;
}

/* line 576, sass/_index.scss */
.footer {
  padding: 12px 0px;
  background: #00479D;
}
/* line 579, sass/_index.scss */
.footer .logow {
  background: url("image/logow.png");
  background-position: center top;
  background-repeat: no-repeat;
  width: 153px;
  height: 44px;
  float: left;
}
@media only screen and (max-width: 900px) {
  /* line 579, sass/_index.scss */
  .footer .logow {
    float: inherit;
    margin: 0 auto;
    margin-bottom: 10px;
  }
}
/* line 588, sass/_index.scss */
.footer h6 {
  font-size: 14px;
  font-weight: normal;
  color: #FFF;
  float: right;
  line-height: 46px;
}
@media only screen and (max-width: 900px) {
  /* line 588, sass/_index.scss */
  .footer h6 {
    float: inherit;
    text-align: center;
    line-height: 20px;
  }
}

/* line 604, sass/_index.scss */
.button-nav {
  /*   border: 3px solid white; */
  height: 40px;
  left: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 40px;
}

/* line 616, sass/_index.scss */
.button-nav .inner,
.button-nav .inner::before,
.button-nav .inner::after {
  background-color: #00479d;
  content: "";
  display: block;
  height: 2px;
  width: 32px;
  -webkit-transition: all .3s ease;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* line 628, sass/_index.scss */
.button-nav .inner {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* line 637, sass/_index.scss */
.button-nav .inner::before {
  margin-top: -10px;
  position: absolute;
}

/* line 642, sass/_index.scss */
.button-nav .inner::after {
  margin-top: 10px;
  position: absolute;
}

/* line 647, sass/_index.scss */
.button-nav.button-close .inner {
  background-color: transparent;
  left: 54%;
}

/* line 652, sass/_index.scss */
.button-nav.button-close .inner::before,
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  width: 29px;
}

/* line 663, sass/_index.scss */
.button-nav.button-close .inner::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media only screen and (max-width: 900px) {
  /* line 670, sass/_index.scss */
  #contact_recaptcha {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    margin-left: -15px;
  }
}