/* //////////////////////////////////////////////////////////////////////////// */
/* JhuangPing v.1.0.1 [12.28.2020]                                              */
/* Github: https://jhuangping.github.io                                         */
/* //////////////////////////////////////////////////////////////////////////// */
/* Index ====================================================================== */
.idx-pro { padding-top: 4.16667%; padding-bottom: 10.41667%; }

.idx-pro_headline { text-align: center; margin-bottom: 3.125%; }

.idx-pro_headline .cms-title { font-size: 5rem; }

@media all and (max-width: 1366px) { .idx-pro_headline .cms-title { font-size: 4rem; } }

@media all and (max-width: 480px) { .idx-pro_headline .cms-title { font-size: 2.5rem; } }

.idx-pro_card { padding-left: 1.5625vw; padding-right: 1.5625vw; hieght: 100%; }

@media all and (min-width: 1201px) { .idx-pro_card:hover .card_pic { -webkit-transform: scale(1.02); transform: scale(1.02); } }

.idx-pro_card .card_pic { padding-bottom: 77.77778%; margin-bottom: 3rem; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-pro_card .card_name { font-size: 2.5rem; display: block; color: #0a3d7b; text-align: center; padding-left: 15px; padding-right: 15px; }

@media all and (max-width: 1366px) { .idx-pro_card .card_name { font-size: 2rem; } }

@media all and (max-width: 480px) { .idx-pro_card .card_name { font-size: 1.8rem; } }

.idx-abt { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("../img/index/abt-bg.jpg") no-repeat center right; background-size: cover; margin-bottom: 4.94792%; }

@media all and (max-width: 1200px) { .idx-abt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.idx-abt_video { max-width: 1180px; width: 100%; position: relative; background: #212121; }

.idx-abt_video::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.idx-abt_video figure { padding-bottom: 66.10169%; }

@media all and (min-width: 481px) and (max-width: 1200px) { .idx-abt_video figure { padding-bottom: 25.42373%; } }

.idx-abt_video .btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 8rem; color: #fff; }

.idx-abt_video .btn::before { font-family: "Font Awesome 5 Solid"; content: '\f04b'; }

.idx-abt_info { max-width: 740px; width: 100%; padding: 7.55208% 3.64583vw; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media all and (max-width: 1200px) { .idx-abt_info { margin: auto; } }

.idx-abt_info .info_title { font-size: 3.5rem; margin-bottom: 7.43243%; position: relative; padding-left: 80px; }

@media all and (max-width: 1366px) { .idx-abt_info .info_title { font-size: 3rem; } }

@media all and (max-width: 480px) { .idx-abt_info .info_title { font-size: 2rem; } }

.idx-abt_info .info_title::before { position: absolute; top: 6px; left: 0px; content: ''; width: 65px; padding-bottom: 8%; background: url("../img/common/icon-logo-white.png") no-repeat center; background-size: contain; }

@media all and (max-width: 1200px) { .idx-abt_info .info_content { margin-bottom: 20px; } }

.idx-abt_info .info_content > *:not(:last-child) { margin-bottom: 6.75676%; }

.idx-abt_info .info_btn .btn { width: 100%; font-size: 2rem; color: #f9e880; border-color: #f9e880; }

@media all and (max-width: 480px) { .idx-abt_info .info_btn .btn { font-size: 1.8rem; } }

.idx-abt_info .info_btn .btn_txt { display: block; text-align: center; }

@media all and (min-width: 1201px) { .idx-abt_info .info_btn .btn:hover { opacity: .5; } }

.idx-machine { margin-bottom: 9.63542%; }

.idx-machine_item:not(:last-child) { margin-bottom: 1.5625%; }

@media all and (min-width: 801px) { .idx-machine_item:nth-child(even) .item_pic { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .idx-machine_item:nth-child(even) .item_info { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

@media all and (min-width: 801px) { .idx-machine .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.idx-machine .item_pic { max-width: 900px; width: 100%; padding-left: 6.51042vw; padding-right: 6.51042vw; }

@media all and (max-width: 800px) { .idx-machine .item_pic { max-width: 500px; margin: auto; margin-bottom: 15px; } }

.idx-machine .item_pic figure { padding-bottom: 66.66667%; }

.idx-machine .item_info { max-width: 1020px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 2.34375vw; padding-right: 2.34375vw; }

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

.idx-machine .info_title { display: block; font-size: 4rem; color: #0a3d7b; margin-bottom: 4.41176%; }

@media all and (max-width: 800px) { .idx-machine .info_title { text-align: center; } }

@media all and (max-width: 1366px) { .idx-machine .info_title { font-size: 3rem; } }

@media all and (max-width: 480px) { .idx-machine .info_title { font-size: 2.5rem; } }

.idx-machine .info_content { color: #666; margin-bottom: calc(7.35294% + 4px); }

.idx-machine .info_content ul li { padding-left: 15px; position: relative; }

.idx-machine .info_content ul li:not(:last-child) { margin-bottom: 0.5rem; }

.idx-machine .info_content ul li::before { content: ''; position: absolute; top: 10px; left: 0px; width: 2px; height: 2px; border-radius: 100%; background: #666; }

@media all and (max-width: 800px) { .idx-machine .info_btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.idx-machine .info_btn .btn { font-size: 2rem; color: #333; border-color: #333; }

@media all and (max-width: 480px) { .idx-machine .info_btn .btn { font-size: 1.8rem; } }

@media all and (min-width: 1201px) { .idx-machine .info_btn .btn:hover { color: #007bff; border-color: #007bff; } }

.idx-news_headline { margin-bottom: 2.97619%; }

.idx-news_headline .cms-title { 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; font-size: 5rem; position: relative; color: #212121; }

@media all and (max-width: 1366px) { .idx-news_headline .cms-title { font-size: 3rem; } }

@media all and (max-width: 480px) { .idx-news_headline .cms-title { font-size: 2.5rem; } }

.idx-news_headline .cms-title::before { content: ''; display: inline-block; width: 65px; padding-bottom: 2.85714%; margin-right: 10px; background: url("../img/common/icon-logo-blue.png") no-repeat center; background-size: contain; }

.idx-news_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -2.44792vw; margin-right: -2.44792vw; margin-bottom: 5.35714%; }

.idx-news_row > * { width: 100%; max-width: 50%; padding-left: 2.44792vw; padding-right: 2.44792vw; margin-bottom: 0px; display: inline-block; }

@media all and (max-width: 768px) { .idx-news_row > * { max-width: 100%; margin-bottom: 20px; } }

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

.idx-news_btn .btn { color: #0a3d7b; border-color: #0a3d7b; }

@media all and (min-width: 1201px) { .idx-news_btn .btn:hover { color: #007bff; border-color: #007bff; } }
/*# sourceMappingURL=index.css.map */