/* 預設*/
.all_main * {box-sizing: border-box;max-width: 100%;}
.all_main {width: 100%;font-family: 微軟正黑體;border: 0;text-decoration: none;overflow: hidden;}
.all_main img {width: auto;max-width: 100%;vertical-align: bottom;}
.pageIndex .main_part {border-top: none !important;}
.edit,.show_content {width: 100%;padding: 0;margin: auto;}
.main_part {max-width: 100%;padding: 0;}
.path,.banner,.promotion_title,.clearfix,.page {display: none;}
.all_main ul {padding: 0 0;margin: 0;}
.all_main li {list-style: none;}
.all_main h6,.all_main h5,.all_main h4,.all_main h3,.all_main h2 {margin: 0;}
.all_main u {text-decoration: none;}
.all_main p {margin: 0;}
.all_main em,.all_main i {font-style: normal;}
.all_main a {text-decoration: none;}
.all_main dd,.all_main dt {margin: 0 0;}
/* 預設 end*/
/* banner  */
.eu_banner {
    background-image: url("https://pic03.eapple.com.tw/xinfutemple//wish_bg001.jpg");background-size: cover;
    background-position: center;background-repeat: no-repeat;padding: 150px 20px 100px;
    display: none;
}
.eu_banner em {
    display: block;color: white;font-size: 30px;font-family: "Noto Serif TC", serif;font-weight: 600;
    line-height: 120%;text-align: center;text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.65);
}
.eu_banner i {
    display: block;color: white;font-size: 16px;font-family: "Noto Serif TC", serif;
    font-weight: 600;line-height: 120%;text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.65);
    letter-spacing: 0.1em; text-indent: 0.1em;text-align: center;margin-top: 10px;
}
/* banner end */
/* 抽籤區塊 */
.eu01 {
    padding: 80px 20px;
    background-size: cover;background-position: center;background-repeat: no-repeat;
}
.eu02 {
    max-width: 1500px;width: 100%;margin: auto;padding: 55px 20px 90px 20px;
    position: relative;
}
/* 標題 */
.eu02 h5 {
    max-width: 1265px;width: 100%;color: #522706;font-size: 25px;
    font-weight: 600;font-family: "Noto Serif TC", serif;line-height: 120%;
    letter-spacing: 0.15em;text-indent: 0.15em;text-align: center;
    padding-bottom: 34px;margin: auto;margin-bottom: 70px;
    border-bottom: 1px #AD8043 solid;position: relative;
}
.eu02 h5::after {
    content: "";width: 135px;height: 3px;
    background-color: #AD8043;position: absolute;
    left: 50%;transform: translateX(-50%);bottom: 0px;
}
/* 標題 end */

/* 所有樣式統一設定 */
.eu03_h4 {width: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.eu03_h4 h4 {display: flex;flex-direction: column;align-items: center;margin-right: 50px;max-width: 275px;width: 100%;}
/* eu04 eu05 籤詩和聖杯內文漸層邊框區塊共用樣式 */
.eu04 {
    max-width: 741px;width: 100%; min-width: 685px;padding: 4px 4px 4px 20px;
    background: #FBF8F2;background-size: contain;
    background-position: center;background-repeat: no-repeat;
    position: relative;z-index: 1;display: flex;justify-content: center;align-items: center; align-self: stretch;
    color: #522706;
}
.eu05 {max-width: 600px;width: 100%;}
.eu05 h6 {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 10px;}
.eu05 h6 img {position: relative;top: 2px;}
.eu05 h6 img:nth-of-type(2) {left: -3px;}
.eu05 h6 a {
    display: flex;justify-content: flex-start;align-items: center;
    color: inherit;font-size: 25px;font-weight: 500;font-family: "Noto Serif TC", serif;line-height: 180%;letter-spacing: 0.15em;
    text-align: justify;word-break: break-all;width: fit-content;margin: 0 10px;
}
.eu05 h6:nth-of-type(2) {margin-top: 25px;}
.eu05 span {
    display: block;
    font-size: 17px;font-family: "Noto Serif TC", serif;font-weight: 400;
    line-height: 180%;letter-spacing: 0.15em;text-align: justify;word-break: break-all;
}
.eu05 h6 a u {font-size: 34px;margin: 0 10px;}
.eu05 h6 a em {display: flex;justify-content: flex-start;align-items: center;margin-left: 10px;}
.eu05 i {display: block;width: 25vw;position: absolute;right: -4vw;top: -3vw;display: none;}
/* 所有樣式統一設定 end*/

/* .eu03_h401 初始畫面 */
/* .eu03_h402 抽到第幾支籤 */
/* .eu03_h403 聖筊 陰筊 笑筊 */
/* .eu03_h404 籤詩畫面 */

/* 陰筊 笑筊 */
.eu03_h403 .eu_flex{flex-direction: column;}
.eu03_h403 .eu_flex > img{width: 80%; max-width: 350px;}
.eu03_h403 .eu_flex>span {
    display: block;color: #444444;font-size: 17px;font-family: "Noto Serif TC", serif;font-weight: 400;
    line-height: 180%;letter-spacing: 0.15em;text-align: justify;word-break: break-all;margin-top: 30px;
}
/* 聖筊 */
.eu03_h403.dis01 .eu_flex{flex-direction: row;}
.eu03_h403 h4 {max-width: 459px;margin-right: 70px;}
/* 聖筊圖案浮現 */
.exp_img {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;pointer-events: none;}
/* .ex_block {opacity: 1;z-index: 50;transform: scale(1);transition: opacity 1s, transform 1s;} */
/* 籤詩區塊 */
.eu03_h404 {flex-wrap: wrap;}
.eu03_h404 .eu05 span {font-size: 14px;height: 530px;min-height: 160px;overflow-y: scroll;padding-right: 10px;}
.eu03_h404 .eu05 span::-webkit-scrollbar {width: 5px;border-radius: 150px;}
.eu03_h404 .eu05 span::-webkit-scrollbar-track {border-radius: 150px;}
.eu03_h404 .eu05 span::-webkit-scrollbar-thumb {background-color: #d7bc9a;border-radius: 150px;}
.eu03_h404 h6 a u {font-size: 18px;}
/* 回列表(籤詩區塊才看得到) */
.eu06 {max-width: 1015px;width: 100%;margin: auto;margin-top: 40px;}
.eu06 a {
    display: flex;justify-content: center;align-items: center;width: 158px;height: 42px;color: white;font-size: 16px;font-weight: 700;
    font-family: "Noto Serif TC", serif;line-height: 120%;margin: 0 0 0 auto;position: relative;z-index: 1;
}
.eu06 a::before {
    content: "";width: 158px;height: 42px;background-image: url(https://pic03.eapple.com.tw/xinfutemple//wish_img017.png);
    background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;z-index: -1; filter: grayscale(50%); -webkit-filter: grayscale(50%);
}
/* 看籤詩解 */
a.bingo_btn {
    display: flex;justify-content: center;align-items: center;
    width: 125px;height: 34px;background-color: #fff;border: 1px #5B0C06 solid;
    color: #5B0C06;font-size: 18px;font-weight: bold;line-height: 120%;
    letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;margin-top: 40px;cursor: pointer; font-family: "Noto Serif TC", serif;
}
/* 倒數計時器 */
.countdown-timer {
    width: 60px;height: 60px;border-radius: 150px;position: absolute;top: 10px;left: 10px;
    background-color: #5B0C06;color: white;border-radius: 50%;padding: 10px;font-size: 24px;text-align: center; opacity: 0;
}
/* 請點籤筒 */
a.wish_btn01 {
    display: flex;justify-content: center;align-items: center;color: #5B0C06;font-size: 18px;font-weight: 600;
    line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;max-width: 125px; padding: 5px;
    width: 100%;height: 34px;background-color: #FFF;border: 1px #5B0C06 solid; margin-top: 35px;transition: 2s;cursor: pointer; font-family: "Noto Serif TC", serif; transition: all .4s;
}
a.wish_btn01:hover,
a.correct_btn:hover,
a.restart_btn:hover,
a.bingo_btn:hover{
    background: #5B0C06;
    color: #fff;
}
/* 跳出籤筒 */
.wish01 {display: flex;justify-content: center;align-items: center;pointer-events: none;position: relative;}
.wish01 img {display: block; max-width: 500px; width: 100%;}
/* 跳出擲筊 */
.wish02 {display: flex;justify-content: center;align-items: center;pointer-events: none;position: relative;}
.wish02 .eu_flex{max-width: 1265px;margin:auto;position: relative;}
.wish02 img {display: block; max-width: 500px; width: 100%;}
.wish02.wish02_block {opacity: 1;z-index: 50;}
/* 擲筊 */
a.correct_btn {
    display: flex;justify-content: center;align-items: center;width: 125px;height: 34px;background-color: #fff;border: 1px #5A0C06 solid; font-family: "Noto Serif TC", serif;
    color: #5A0C06;font-size: 18px;line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em; text-align: center;margin-top: 40px;cursor: pointer;
}
/* 重新求籤 */
a.restart_btn {
    display: flex;justify-content: center;align-items: center;width: 125px;height: 34px;background-color: #fff;border: 1px #5A0C06 solid; color: #5A0C06;font-size: 18px; line-height: 120%;letter-spacing: 0.1em;text-indent: 0.1em;text-align: center;margin-top: 40px;cursor: pointer; font-family: "Noto Serif TC", serif;
}

/* CSS修改區 */

/* CSS修改區 end*/

/* 功能css 勿改 一律放在最下方---------- */
.eu_flex{display: flex;justify-content: center;align-items: center;}
.eu03_h402,.eu03_h403,.eu03_h404,
.exp_img,.wish01,.wish02 {display: none;}
.exp_img img,
.eu03_h403 img{width: auto; max-width: 400px;}
/* 籤詩內頁  */
.eu03_h404.eu03_h404_show{display: flex;}
/* 功能css 勿改---------- 結束 */

@media (max-width: 1050px) {
    .eu01 {padding: 50px 20px;}
    /* banner */
    .eu_banner em {font-size: 26px;}
    .eu_banner i {font-size: 15px;}
    /* 標題 */
    .eu02 h5 {font-size: 18px;}
    /* eu04 eu05 籤詩和聖杯內文區塊共用樣式 */
    .eu05 h6 {margin-bottom: 10px;}
    .eu05 h6 a {font-size: 17px;}
    .eu05 h6 img {top: 1px;}
    .eu05 span {font-size: 15px;}
}
@media (max-width: 980px) {
    /* 標題 */
    .eu02 {padding: 30px 0px;}
    /* 所有樣式統一設定 */
    .eu03_h4,.eu03_h4 .eu_flex {flex-direction: column-reverse;}
    .eu03_h4 h4 {margin: 0;}
    /* .eu03_h403 聖筊 陰筊 笑筊 */
    .eu03_h403 .eu_flex{flex-direction: column;}
    .eu03_h403 .eu05 span {text-align: center;}
    .eu03_h403 .eu_flex .eu05 h6 {justify-content: center;}
    /* eu04 eu05 籤詩和聖杯內文區塊共用樣式 */
    .eu04 {
        height: auto;background-image: none;background: radial-gradient(ellipse at bottom,#e8d5b3 50%,#9b7b5f 130%);padding: 50px 20px;
        position: relative;z-index: 1;margin-bottom: 40px;min-width: unset;
    }
    /* 鶴的圖片 */
    .eu04::before {
        content: "";width: 20vw;height: 99px;
        background-image: url("https://pic03.eapple.com.tw/xiangde/wish_img005.png");
        background-position: center;background-repeat: no-repeat;background-size: contain;
        position: absolute; left: -4vw; bottom: -6vw;
    }
    .eu04::after {
        content: "";width: calc(100% - 10px);height: calc(100% - 10px);background-color: #f8f7f3;
        position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;
    }
    .eu05 {max-width: 100%;width: 100%;}
    .eu05 i {display: block;}
    .eu05 span {font-size: 14px;}
    .eu05 h6 a {font-size: 16px;}
    .eu05 h6 a u {font-size: 28px;margin: 0 6px;}
    /* 籤詩區塊 */
    .eu03_h404 .eu_flex {flex-direction: column;}
    .eu03_h404 .eu04 {margin: 40px 0;}
    .eu03_h404 .eu05 h6 {margin-bottom: 20px;justify-content: center;}
    .eu03_h404 .eu05 span {min-height: 250px;height: unset; max-width: unset;}
    /* 看籤詩解 */
    a.bingo_btn {margin: auto;margin-top: 40px;}
    /* 回列表(籤詩區塊才看得到) */
    .eu06 {margin-top: 30px;}
    .eu06 a {margin: auto;font-size: 15px;width: 120px;height: 31px;}
}
@media (max-width:768px){
    .eu_banner {padding: 100px 20px 70px;}
}

@media (max-width:700px){
  /* 聖杯 */
  .eu03_h403.dis01 .eu_flex{flex-direction: column;}
}
@media (max-width: 500px) {
    /* eu05 籤詩和聖杯內文區塊共用樣式 */
    .eu05 h6 a {font-size: 16px;flex-wrap: wrap;justify-content: center;}
    .eu05 h6 a u {font-size: 28px;margin: 0 10px;position: relative;bottom: 2px;}
    /* 籤詩區塊 */
    .eu03_h404 .eu05 h6 a em {display: block;width: 100%;margin: 0;text-align: center;}
}
@media (max-width: 425px) {
    /* eu05 籤詩和聖杯內文區塊共用樣式 */
    .eu05 span {font-size: 14px;}
}