@charset "UTF-8";
.transform {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  opacity: 1 !important; }

.slide-top {
  -webkit-animation: slide-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-top 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.slide-right {
  -webkit-animation: slide-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

/*--------主視覺 Cover--------*/
/*-----上下浮動-----*/
/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); } }

@keyframes slide-top {
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); } }

/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.section.title {
  position: relative;
  background-color: #acdbfd;
  padding-top: 5rem; }

.section_title {
  text-align: center;
  font-size: 20px;
  padding: 5%; }

.section_logo_epw {
  text-align: center; }

.logo_epw img {
  width: 20vw;
  margin-right: 2vw;
  vertical-align: text-bottom; }

.slogan {
  font-size: 3vw;
  color: #157EFA;
  line-height: 1.5; }

.section.color {
  background-color: #e1f3fe;
  padding: 2% 12%; }

.section.clear {
  background-color: white;
  text-align: center; }

.main_image img {
  width: 50vw;
  margin: 30px; }

.section_content1 {
  display: inline-block;
  width: 45%;
  margin-left: 3%;
  padding: 50px 0;
  text-align: center; }

.section_content1 img {
  width: 12vw; }

.banner2 img {
  width: 30vw; }

.section_title.small {
  padding: 1.5vw 0 0 0; }

.slogan1 {
  font-size: 2vw;
  font-weight: bold;
  color: #157EFA; }

.slogan2 {
  font-size: 1.5vw;
  position: relative;
  margin: 3vw 0;
  letter-spacing: 1px;
  line-height: 1.5; }

.slogan2.small {
  font-size: 1.2vw;
  position: relative;
  margin: 3vw 0;
  letter-spacing: 1px;
  text-align: justify; }

.section_content2a {
  width: 70%;
  margin: auto;
  text-align: center;
  display: inline-block;
  background-color: #e5e8e8; }

.section_content2b {
  width: 100%;
  padding: 0 10vw;
  display: inline-block; }

.section_content2a .content, .section_content2b .content {
  width: 61vw;
  margin: 0 auto; }

.section_content2a img {
  width: 32%;
  display: inline-block; }

.icon {
  width: 20vw;
  text-align: center;
  display: inline-block; }

.icon img {
  width: 60px;
  padding-bottom: 20px;
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  -ms-animation: fadein 2s;
  -o-animation: fadein 2s;
  animation: fadein 2s; }

.icon .icon_title {
  padding-bottom: 10px; }

.icon .icon_content {
  font-size: 12px;
  color: #000;
  padding-bottom: 35px; }

.section_subtitle {
  font-size: 1.2vw;
  padding: 2%;
  width: 50vw;
  margin: 0 auto;
  text-align: justify;
  line-height: 1.5; }

.content {
  padding: 5% 0; }

.content_icon {
  width: 30vw;
  text-align: center;
  display: inline-block;
  position: relative;
  top: 5vw; }

.content_icon .icon_title {
  padding-bottom: 2vw; }

.content_icon .icon_content {
  font-size: 1.2vw;
  color: #000;
  text-align: justify;
  padding-bottom: 35px;
  line-height: 1.5;
  margin: 0 auto; }

.content_icon img {
  width: 3.5vw;
  margin: 0 50px 30px 0; }

.content_image {
  width: 30vw;
  text-align: center;
  display: inline-block; }

.content_image img {
  width: 60%; }

a {
  color: white;
  text-decoration: none; }

.btn {
  display: inline-block;
  width: 39%;
  padding: 15px;
  font-size: 1.2vw;
  text-align: center;
  margin: 5%;
  cursor: pointer;
  border-radius: 50px; }

.btn.download {
  background-color: #159d7b; }

.btn.contact {
  background-color: #157EFA; }

.app_icon {
  display: inline-block;
  padding-left: 50px; }

a:hover {
  color: white !important; }

.img.line {
  border-bottom: 1px solid lightgray; }

@media screen and (max-width: 900px) {
  .section_logo_epw {
    padding: 25px; }
  .logo_epw img {
    width: 60vw;
    margin-right: 0; }
  .slogan {
    display: block;
    font-size: 6vw;
    margin: 15px 0; }
  .main_image img {
    width: 60vw;
    margin: 10px; }
  .section.color {
    padding: 5% 10%; }
  .slogan1 {
    font-size: 5.5vw;
    margin: 15px 0; }
  .slogan2 {
    font-size: 3.5vw;
    letter-spacing: 0; }
  .section_content1 {
    width: 100%;
    margin-left: 0;
    padding: 0; }
  .section_content1 img {
    width: 30vw;
    padding: 5% 0; }
  .icon {
    width: 100%; }
  .section_content2b {
    padding: 6vw 10vw; }
  .section_content2b .content {
    width: 100%; }
  .section_subtitle {
    width: 100%;
    font-size: 3vw;
    line-height: 1.5; }
  .content_icon {
    width: 100%;
    margin: 0 0 10vw 0; }
  .content_icon .icon_title {
    padding-bottom: 0; }
  .content_icon .icon_content {
    width: 100%;
    font-size: 3vw;
    line-height: 1.5;
    padding-bottom: 0;
    text-align: center; }
  .slogan2.small {
    font-size: 3vw;
    line-height: 1.5; }
  .banner2 img {
    width: 100%; }
  .content_icon img {
    width: 10vw;
    margin: 0; }
  .content_image {
    width: 100%; }
  .content_image img {
    width: 55%; }
  .section_content2a {
    width: 70%;
    margin: 5vw auto; }
  .section_content2a img {
    width: 100%; }
  .btn {
    width: 55vw;
    margin: 10px auto;
    font-size: 3vw; } }

/*# sourceMappingURL=maps/epw.css.map */