/* //////////////////////////////////////////////////////////////////////////// */
/* JhuangPing v.1.0.0 [12.28.2019]                                              */
/* Github: https://jhuangping.github.io                                         */
/* //////////////////////////////////////////////////////////////////////////// */
/* Index ====================================================================== */
.index .main { padding-bottom: 0px; background: transparent; }

.index .main::before, .index .main::after { display: none; }

/* Index About */
.idx-abt { padding-top: 18rem; padding-bottom: 30rem; position: relative; }

@media all and (max-width: 1024px) { .idx-abt { padding-top: 8rem; padding-bottom: 15rem; } }

.idx-abt_txt { 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; }

.idx-abt_txt .ir-content { max-width: 310px; font-family: "DFKai-sb", Arial, "Microsoft JhengHei", sans-serif; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 2.4rem; margin-bottom: 9rem; }

@media all and (max-width: 1024px) { .idx-abt_txt .ir-content { font-size: 1.8rem; margin-bottom: 4rem; } }

.idx-abt_bg .bg-ir [class^="bg-ir_"] { position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; }

.idx-abt_bg .bg-ir_txt01 { bottom: 33.07087%; left: 68.4375vw; width: 9.42708vw; }

.idx-abt_bg .bg-ir_txt01::before { content: ''; display: block; width: 100%; padding-bottom: 272.92818%; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/common/idx-txt01.png"); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-abt_bg .bg-ir_txt02 { bottom: 22.04724%; left: 79.58333vw; width: 10.26042vw; }

.idx-abt_bg .bg-ir_txt02::before { content: ''; display: block; width: 100%; padding-bottom: 259.39086%; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("../img/common/idx-txt02.png"); opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-abt_bg .bg-ir_bg { z-index: -1; left: 0px; bottom: 0px; content: ''; width: 100%; padding-bottom: 47.86458%; background-image: url("../img/common/idx-abt-bg.png"); }

.idx-abt_bg.js-show .bg-ir_txt01::before { opacity: 1; -webkit-animation: idxText-1 1s; animation: idxText-1 1s; }

.idx-abt_bg.js-show .bg-ir_txt02::before { opacity: 1; -webkit-animation: idxText-2 1s; animation: idxText-2 1s; }

/* Index News */
.idx-news_headline .txt-title { position: relative; font-size: 4rem; font-family: "DFKai-sb", Arial, "Microsoft JhengHei", sans-serif; padding-left: 65px; }

@media all and (max-width: 1024px) { .idx-news_headline .txt-title { font-size: 3rem; padding-left: 50px; } }

.idx-news_headline .txt-title::before { content: '\e90b'; font-family: "icomoon"; font-size: 6rem; position: absolute; top: -10px; left: 0px; color: #A72128; }

@media all and (max-width: 1024px) { .idx-news_headline .txt-title::before { top: -4px; font-size: 4rem; } }

.idx-news-wp { position: relative; }

.idx-news_cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 12.5rem; padding-bottom: 12rem; }

@media all and (max-width: 1024px) { .idx-news_cards { padding-top: 5.5rem; padding-bottom: 8rem; } }

@media all and (max-width: 480px) { .idx-news_cards { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.idx-news_cards .card { width: 50%; cursor: pointer; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media all and (min-width: 1201px) { .idx-news_cards .card:hover { -webkit-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; z-index: 2; }
  .idx-news_cards .card:hover .card_pic figure { background-size: 105%; } }

@media all and (max-width: 480px) { .idx-news_cards .card { width: 100%; } }

@media all and (min-width: 481px) { .idx-news_cards .card:first-child { -webkit-transform: translateY(5.5rem); transform: translateY(5.5rem); } }

.idx-news_cards .card:first-child .card-ir { background: #A72128; }

.idx-news_cards .card_pic figure { padding-bottom: 66.66667%; background-size: 101%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.idx-news_cards .card-ir { padding: 4.5rem 2.60417vw; color: #fff; background: #AD363C; }

@media all and (max-width: 1024px) { .idx-news_cards .card-ir { padding-top: 2rem; padding-bottom: 2rem; } }

.idx-news_cards .card_title { font-family: "DFKai-sb", Arial, "Microsoft JhengHei", sans-serif; font-size: 3rem; line-height: 1.2; }

@media all and (max-width: 1024px) { .idx-news_cards .card_title { font-size: 2.5rem; } }

.idx-news_cards .card_time { margin-bottom: 2rem; font-size: 1.8rem; }

@media all and (max-width: 1024px) { .idx-news_cards .card_time { font-size: 1.6rem; } }

.idx-news_cards .card_p { font-size: 1.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.idx-news_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; }

.idx-news_bg [class^="ir-"] { position: absolute; z-index: -1; }

.idx-news_bg [class^="ir-"]::before { content: ''; width: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: contain; }

.idx-news_bg .ir-pic01 { width: 32.34375vw; bottom: 2.318%; left: -12.23958vw; }

.idx-news_bg .ir-pic01::before { padding-bottom: 56.36071%; background-image: url("../img/common/idx-news-bg01.png"); }

.idx-news_bg .ir-pic02 { width: 30.05208vw; top: 10%; left: 80%; }

.idx-news_bg .ir-pic02::before { padding-bottom: 81.62912%; background-image: url("../img/common/idx-news-bg02.png"); }

/* Index Poster */
.idx-poster { padding-top: 19rem; padding-bottom: 29rem; background: url("../img/common/idx-poster-bg.png") no-repeat center; background-size: contain; }

@media all and (max-width: 1024px) { .idx-poster { padding-top: 9rem; padding-bottom: 20rem; } }

.idx-poster_txt { position: relative; 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-poster_txt::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); -webkit-filter: blur(50px); filter: blur(50px); }

.idx-poster_txt::after { content: ''; position: absolute; top: calc(100% + 20px); left: calc(50% - 1px); width: 2px; height: 105px; background: #999999; }

.idx-poster_txt .ir-txt { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

.idx-poster_txt .ir-txt_p { font-size: 3rem; font-family: "DFKai-sb", Arial, "Microsoft JhengHei", sans-serif; position: relative; z-index: 1; }

.idx-poster_txt .ir-txt_p:first-child { text-indent: 1em; }

.idx-poster_txt .pic-bg_ele { position: absolute; top: 0px; left: calc(55% - 10.15625vw); width: 15.15625vw; }

.idx-poster_txt .pic-bg_ele::before { content: ''; display: block; width: 100%; padding-bottom: 81.78694%; background: url("../img/common/idx-poster-txt-bg.png") no-repeat center; background-size: contain; }

/* Index Activity */
.idx-activity { display: -webkit-box; display: -ms-flexbox; display: flex; }

.idx-activity_pic { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; width: 100%; }

.idx-activity_pic .activity-pic { padding-bottom: 68.42105%; }
/*# sourceMappingURL=index.css.map */