/* //////////////////////////////////////////////////////////////////////////// */
/* JhuangPing v.1.0.1 [12.28.2020]                                              */
/* Github: https://jhuangping.github.io                                         */
/* //////////////////////////////////////////////////////////////////////////// */
/* Index ====================================================================== */
.idx-make_headline .title, .idx-certification_headline .title, .idx-product_headline .title, .idx-application_headline .title { max-width: 1040px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; }

.idx-about { padding-top: 4.16667%; background: url("../img/index/about-bg.jpg") no-repeat center; background-size: cover; color: #fff; }

.idx-about::after { content: ''; display: block; width: 100%; padding-bottom: 15.625%; }

.idx-about_headline { margin-bottom: 0.78125%; }

.idx-about_info .el-content { margin-bottom: 0.55556%; line-height: 1.66667; }

.idx-about_info .el-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.idx-about_info .el-btn::before { content: ''; display: block; max-width: 33.33333vw; width: 100%; height: 1px; background: #fff; margin-right: 7px; }

.idx-about_info .btn { color: #040304; background: #fff; -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.7); box-shadow: 0 0 32px rgba(0, 0, 0, 0.7); }

.idx-make { padding-top: 3.125%; padding-bottom: 1.5625%; }

.idx-make_headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 3.125%; }

.idx-make_headline .title { padding-left: 3.64583vw; padding-right: 3.64583vw; padding-bottom: 0.78125%; color: #000; border-bottom-color: #000; }

.idx-make_grid.gd, .idx-make_grid.grid { margin-left: -0.9375vw; margin-right: -0.9375vw; }

.idx-make_grid.gd > *, .idx-make_grid.grid > * { padding-right: 0.9375vw; padding-left: 0.9375vw; margin-bottom: 2.23048%; }

@media all and (max-width: 1200px) { .idx-make_grid { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.idx-make_grid .card { position: relative; }

.idx-make_grid .card_pic figure { padding-bottom: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-make_grid .card_mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1200px) { .idx-make_grid .card_mask { opacity: 1; pointer-events: auto; } }

.idx-make_grid .card_mask_content { color: #fff; text-align: center; padding: 5px; margin-bottom: 4.70588%; }

.idx-make_grid .card_mask_content .el-title { font-size: 3.2rem; font-weight: bold; margin-bottom: 2.35294%; }

.idx-make_grid .card_mask_btn .btn { background: #fff; }

@media all and (min-width: 1201px) { .idx-make_grid .card:hover .card_pic figure { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
  .idx-make_grid .card:hover .card_mask { opacity: 1; pointer-events: auto; } }

.idx-certification { color: #fff; background: url("../img/index/certification-bg.jpg") no-repeat center; background-size: cover; padding-top: 3.64583%; padding-bottom: 2.08333%; margin-bottom: 25%; text-align: center; }

.idx-certification_headline { 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; margin-bottom: 1.30208%; }

.idx-certification_headline .title { display: block; padding-bottom: 0.78125%; border-bottom-color: #fff; }

.idx-certification_info { padding-bottom: 7%; margin-bottom: 24%; }

.idx-certification_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -0.78125vw; margin-right: -0.78125vw; }

@media all and (max-width: 480px) { .idx-certification_content { display: none; } }

.idx-certification_content_item { padding-left: 0.78125vw; padding-right: 0.78125vw; }

.idx-certification_content_item--logo { -ms-flex-preferred-size: 305px; flex-basis: 305px; }

.idx-certification_content_item--pic { -ms-flex-preferred-size: 460px; flex-basis: 460px; position: relative; }

.idx-certification_content_item--pic img { position: absolute; top: 0px; left: 0px; -webkit-transform: translateY(-40%); transform: translateY(-40%); }

.idx-certification_content_item--info { -ms-flex-preferred-size: 235px; flex-basis: 235px; font-size: 3.5rem; font-family: "Anton", Arial, "Microsoft JhengHei", sans-serif; text-align: left; }

.idx-product { padding-top: 3.64583%; padding-bottom: 2.60417%; }

.idx-product_headline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; margin-bottom: 2.86458%; }

.idx-product_headline .title { border-bottom-color: #000; padding-bottom: 0.78125%; }

.idx-product_gruop { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -0.67708vw; margin-right: -0.67708vw; }

.idx-product_gruop > * { width: calc(100% / 4); padding-left: 0.67708vw; padding-right: 0.67708vw; margin-bottom: 1.62602%; }

@media all and (max-width: 992px) { .idx-product_gruop > * { width: 50%; margin-bottom: 2.01613%; } }

@media all and (max-width: 480px) { .idx-product_gruop > * { width: 100%; } }

.idx-product_gruop .card_pic { margin-bottom: 8.33333%; position: relative; }

.idx-product_gruop .card_pic::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (max-width: 1200px) { .idx-product_gruop .card_pic::before { opacity: .5; } }

.idx-product_gruop .card_pic figure { position: relative; z-index: 1; padding-bottom: 100%; background-size: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-product_gruop .card_name { display: block; padding-left: 5px; padding-right: 5px; text-align: center; color: #000; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .idx-product_gruop .card:hover .card_pic::before { opacity: .35; }
  .idx-product_gruop .card:hover .card_pic figure { background-size: 105%; }
  .idx-product_gruop .card:hover .card_name { color: #ED6D00; } }

.idx-product_btn { 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; margin-top: 1.62602%; }

.idx-product_btn .btn { background: #000; color: #fff; }

.idx-application { background: url("../img/index/app-bg.jpg") no-repeat center; background-size: cover; color: #fff; padding-top: 2.34375%; padding-bottom: 5.72917%; }

.idx-application_headline { 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; margin-bottom: 3.38542%; }

.idx-application_headline .title { border-bottom-color: #fff; padding-bottom: 1.04167%; }

.idx-application_group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.idx-application_group > * { width: calc(100% / 6); }

@media all and (max-width: 1200px) { .idx-application_group > * { width: calc(100%/3); } }

@media all and (max-width: 480px) { .idx-application_group > * { width: 50%; } }

.idx-application_group .card { padding-top: 5.88235%; padding-bottom: 5.88235%; padding-left: 5px; padding-right: 5px; position: relative; }

.idx-application_group .card::before, .idx-application_group .card::after { content: ''; position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 1px; border-color: transparent; pointer-events: none; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-application_group .card::before { top: -1px; left: -1px; border-top-color: #fff; border-left-color: #fff; }

.idx-application_group .card::after { right: -1px; bottom: -1px; border-bottom-color: #fff; border-right-color: #fff; }

@media all and (min-width: 1201px) { .idx-application_group .card:hover::before, .idx-application_group .card:hover::after { width: 100%; height: 100%; opacity: 1; } }

.idx-application_group .card_pic figure { padding-bottom: 100%; }

.idx-application_group .card_name { display: block; text-align: center; }
/*# sourceMappingURL=index.css.map */