/*Color Value*/
/*Font Value*/
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Noto Sans TC Light'), local('NotoSansTC-Light'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9kwMfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Sans TC Regular'), local('NotoSansTC-Regular'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nF7OG829Oofr2wohFbTp9i1OCEJ.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Noto Sans TC Medium'), local('NotoSansTC-Medium'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9ywIfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Noto Sans TC Bold'), local('NotoSansTC-Bold'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9gwQfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Noto Sans TC Black'), local('NotoSansTC-Black'), url(https://fonts.gstatic.com/s/notosanstc/v10/-nFkOG829Oofr2wohFbTp9i9uwYfDNdX.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local('Noto Serif TC ExtraLight'), local('NotoSerifTC-ExtraLight'), url(https://fonts.gstatic.com/s/notoseriftc/v7/XLY9IZb5bJNDGYxLBibeHZ0Bvr8vXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Noto Serif TC Light'), local('NotoSerifTC-Light'), url(https://fonts.gstatic.com/s/notoseriftc/v7/XLY9IZb5bJNDGYxLBibeHZ0BvtssXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Serif TC'), local('NotoSerifTC-Regular'), url(https://fonts.gstatic.com/s/notoseriftc/v7/XLYgIZb5bJNDGYxLBibeHZ0BtnAOSw.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Noto Serif TC Medium'), local('NotoSerifTC-Medium'), url(https://fonts.gstatic.com/s/notoseriftc/v7/XLY9IZb5bJNDGYxLBibeHZ0BvoMtXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Noto Serif TC SemiBold'), local('NotoSerifTC-SemiBold'), url(https://fonts.gstatic.com/s/notoseriftc/v7/XLY9IZb5bJNDGYxLBibeHZ0Bvq8qXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Noto Serif TC Bold'), local('NotoSerifTC-Bold'), url(https://fonts.gstatic.com/s/notoseriftc/v7/XLY9IZb5bJNDGYxLBibeHZ0BvssrXX5MTA.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif TC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Noto Serif TC Black'), local('NotoSerifTC-Black'), url(https://fonts.gstatic.com/s/notoseriftc/v7/XLY9IZb5bJNDGYxLBibeHZ0BvvMpXX5MTA.otf) format('opentype');
}
/*Button Style Start*/
/*Button Style End*/
/*Input Style Start*/
/*Input Style End*/
/*Clearfix function Start*/
/*Clearfix function End*/
/*Common LESS Start*/
.list-margin-fit:first-child {
  margin-left: 0;
}
.list-margin-fit:last-child {
  margin-right: 0;
}
.list-padding-fit:first-child {
  padding-left: 0;
}
.list-padding-fit:last-child {
  padding-right: 0;
}
/*Common LESS End*/
/*Common CSS3 LESS Mixins Start*/
/*Common CSS3 LESS Mixins End*/
@-webkit-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-moz-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-ms-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-o-keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes anim-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
.row-xs-col {
  margin: 0 -5px;
}
.row-xs-col > div {
  padding: 0 5px;
}
.row-sm-col {
  margin: 0 -10px;
}
.row-sm-col > div {
  padding: 0 10px;
}
.row-md-col {
  margin: 0 -15px;
}
.row-md-col > div {
  padding: 0 15px;
}
.row-lg-col {
  margin: 0 -20px;
}
.row-lg-col > div {
  padding: 0 20px;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Fira Sans', 'Microsoft JhengHei', sans-serif;
}
body a {
  transition: all 0.6s;
}
body a:hover,
body a:focus,
body a:active {
  text-decoration: none;
}
.container-vm {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;
  position: relative;
  overflow:hidden
}
.container-vm-box {
  display: table-cell;
  vertical-align: middle;
}

.container-vm1 {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;
  position: relative;
  padding-bottom:3%;
  float:left;
  margin-right:4%;
  overflow:hidden
}

.container-vm1:nth-child(2n) {
  margin-right:0%;
}

.container-vm-box1 {
  display: table-cell;
  vertical-align: middle;
}

.container-vb {
  height: 100%;
  width: 100%;
  display: table;
  table-layout: fixed;
  position: relative;
}
.container-vb-box {
  display: table-cell;
  vertical-align: bottom;
}
.img-responsive-center {
  margin-left: auto;
  margin-right: auto;
}
.form-group-inline .checkbox,
.form-group-inline .radio {
  display: inline-block;
  margin-right: 15px;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .float-sm-left {
    float: left;
  }
  .float-sm-right {
    float: right;
  }
  .float-sm-none {
    float: none;
  }
}
@media (min-width: 992px) {
  .float-md-left {
    float: left;
  }
  .float-md-right {
    float: right;
  }
  .float-md-none {
    float: none;
  }
}
@media (min-width: 1200px) {
  .float-lg-left {
    float: left;
  }
  .float-lg-right {
    float: right;
  }
  .float-lg-none {
    float: none;
  }
}
@media (max-width: 767px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 768px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .row-clear .col-xs-2:nth-child(6n+1),
  .row-clear .col-xs-3:nth-child(4n+1),
  .row-clear .col-xs-4:nth-child(3n+1),
  .row-clear .col-xs-6:nth-child(2n+1),
  .row-clear .col-sm-2:nth-child(6n+1),
  .row-clear .col-sm-3:nth-child(4n+1),
  .row-clear .col-sm-4:nth-child(3n+1),
  .row-clear .col-sm-6:nth-child(2n+1),
  .row-clear .col-md-2:nth-child(6n+1),
  .row-clear .col-md-3:nth-child(4n+1),
  .row-clear .col-md-4:nth-child(3n+1),
  .row-clear .col-md-6:nth-child(2n+1),
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: none;
  }
  .row-clear .col-lg-2:nth-child(6n+1),
  .row-clear .col-lg-3:nth-child(4n+1),
  .row-clear .col-lg-4:nth-child(3n+1),
  .row-clear .col-lg-6:nth-child(2n+1) {
    clear: both;
  }
}
.at-icon-wrapper svg {
  fill: #cccccc !important;
}
.home-review .review-title {
  color: #000000;
  font-weight: 800;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 120px;
}
@media (max-width: 575px) {
  .home-review .review-title {
    font-size: 29px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .home-review .review-title {
    font-size: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .home-review .review-title {
    font-size: 34px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .home-review .review-title {
    font-size: 37px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .home-review .review-title {
    font-size: 40px;
  }
}
@media (min-width: 1550px) {
  .home-review .review-title {
    font-size: 40px;
  }
}
@media (max-width: 575px), (min-width: 576px) and (max-width: 767px) {
  .home-review .review-title {
    margin-top: 35px;
  }
}
