.fs_link {
    cursor: pointer;
}

.fs_link:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    opacity: .8;
}

    .fs_poetry_box:hover {
    opacity: .9;
}
.fs_poetry_box {
    height: 250px;
    max-width: 180px;
    margin: 0 auto 20px;
    border: 3px solid #e2d7bc;
    border-radius: 4px;
    background-color: #E1DACA;
    background-image: url(../images/fortune/bg_fs_poetry.webp);
    background-repeat: no-repeat;color: #7F735B;background-size: cover;
    text-align: center;
    position: relative; 
}

.fs_type_title {
    text-align: center;
    background-color: #5e3a36;
    padding: 5px 15px;
    border-radius: 30px;
    max-width: fit-content;
    margin: 0 auto 10px;
    font-size: .75rem;
}
.fs_poetry_w_top {
    font-size: .8rem;
}
.fs_poetry_w_no {
    font-size: .9rem;
}
.fs_poetry_w_no, .fs_poetry_w_top { 
    border-bottom: 1px solid #A9A395;padding: 10px; 
}
.fs_poetry_w_text {
    font-size: .9rem;
    line-height: 1.5rem;
    -webkit-writing-mode: vertical-lr;/* writing-mode: vertical-rl; */white-space: nowrap;margin: 20px auto;
}

.fs_poetry_box .pageview {
    font-size: .7rem;
    position: absolute;
    bottom: 5px;
    left: 10px;
}
.fs_akt100 .pageview {
    text-align: center;
}

.btn_qian {
    display: none!important;
}


.card {
    font-size: .8rem;
    line-height: 1rem;
    background-color: #ece5d5;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
}

.card:hover {
    opacity: .9;
}

.card_title {
    font-size: .9rem;
    line-height: 1.1rem;
    margin-bottom: 10px;
    display: block;
    color: #f06f6f !important;
}

.card_content {
    font-size: .8rem;
    line-height: 1rem;
    color: #cf9e3c;
}

.card_datetime {
    font-size: .7rem;
    margin: 10px 0 0;
}

.card_datetime .material-symbols-outlined {
    font-size: 1.05rem;
}

.ai_mentor_area {
    text-align: center;
    padding-bottom: 100px;
    color: #fdfdfd;
}

.ai_mentor_logo {
    width: 130px;
    margin: auto;
}

.ai_mentor_logo b {
    font-size: .9rem;
    margin-top: 10px;
    display: block;
}

.ai_mentor_logo div {
    font-size: .8rem;
    color: #b0f176;
}

.ai_mentor_title {
    font-size: 1.4rem;
    margin: 30px 0;
}

.ai_mentor_content {
    font-size: 1rem;
    margin: auto;
    color: #f8e8c5;
    max-width: 900px;
}


.ai_mentor_block {
    margin: 30px auto 0;
    max-width: 800px;
}

.area {
    background-color: #5d89c7;
    position: relative;
}

.area::before {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-image: url(../images/bg_area.png);
    background-position: 50% 0%;
    background-size: cover;
    content: "";
    position: absolute;
    opacity: .07;
}


.block {
    padding: 30px 0 100px;
    color: #6d6d6d;
    background-color: #f7f7f7;
}

.block_title,
.sub_title {
    font-size: 1.3rem;
    margin-bottom: 5px;
}

.block_subtitle,
._sub_title {
    font-size: .9rem;
    line-height: 1.1rem;
    margin-bottom: 20px;
    color: #b4b2b2;
}

.block .btn_site {
    margin: 10px auto 0;
    font-size: .75rem;
    word-break: break-all;
    word-wrap: break-word;
}

.ai_btn_area {
    display: inline-flex;
    margin: 30px 0 0;
}
.ai_btn_area a {
    margin: 0 5px;
    padding: 8px 10px;
}

#reply,
.post_area {
    max-width: 700px;
    margin: auto;
    font-size: .9rem;
    padding: 50px 100px;
    border-radius: 30px;
    position: relative;
    background-color: #fff;
}

#reply b,
.questionTable b {
    display: block;
    font-size: 1rem;
    margin-bottom: 10px;
}

#reply .block {
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
}

#reply .block:last-child {
    border-bottom: none;
}


.reply_content {position: relative;box-shadow: 0 1px 2px 0 #dddddd;border-radius: 4px;z-index: 1;margin: 50px auto!important;padding: 30px;}
.reply_content,
.reply_content:after,
.reply_content:before
{border: 1px solid #dddddd;}

.reply_content:after,
.reply_content:before 
{background-color:#fff;visibility:visible;content:'';display:block;height:100%;left:0;position:absolute;width:100%;border-radius: 4px;}
.reply_content:before{transform:rotate(-1.4deg);top:0;z-index:-2;background-color: #fafafa;}
.reply_content:after {transform:rotate(0deg);top:0;z-index:-1;background-repeat: repeat;background-image: url('../images/bg.png'); }

.questionTable th {
    width: 100px;
    text-align: left;
}
.questionTable {
    margin-bottom: 20px;
}

.thumb {
    color: #3cbc8d;
}

.thumb_count {
    font-size: .8rem;
    color: #9b9b9b;
}

.prev_next {display: block;position: fixed;z-index: 10;top:50%;}
.prev_next icon {font-size: 4rem;}
.prev {left: 10px;}
.next {right: 10px;}


#wait {position: fixed;width: 100%;height: 100%;background-color: #e5e5e5c4;z-index: 999;left: 0;top: 0;text-align: center;}
#wait #countdown {font-size: 1.2rem;margin: 50px 0;}
#wait #wait_rotation img {width: 60px;}
#wait_content {max-width: 700px;margin: 150px auto;padding: 20px;}
#wait, #wait_content h3,#wait #countdown {color: #222;}


.questionTable table {
    margin: 0;
    border: 0;
}

.questionTable table th,
.questionTable table td {
    padding: 5px 0;
}

.orderTable {
    background-color: #f7fcff;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.orderTable table {
    margin-bottom: 0;
}
.orderTable table,
.orderTable table th,
.orderTable table td {
    font-size: .8rem;
    padding: 5px 10px;
}

.orderTable table tr,
.orderTable table th {
    border: 1px solid #e5e5e5;
}

.orderTable table th {
    width: 100px;
    vertical-align: middle;
}

.user_question b {
    font-size: .9rem;
}

.zodiac_image_area img {
    max-width: 200px;
    border-radius: 100%;
}

.zodiac_image_area {
    margin-bottom: 10px;
}

#question_sample {
    font-size: .8rem;
}

.wrap_payment label {
    display: block;
    margin-bottom: 5px;
}

.price_block .input_help {
    color: #fff!important;
    background-color: #ff4949;
    font-size: .9rem;
    padding: 5px 10px;
    border-radius: 30px;
    width: fit-content;
    display: block;
    margin: 5px auto;
}

.media_link {
    color: #ffd800;
    border: 1px solid;
    width: fit-content;
    padding: 5px 10px;
    font-size: .8rem;
    text-align: center;
    display: block;
    margin: 10px auto 0;
    border-radius: 30px;
}
.media_link:hover {
    color: #ecce24;
    border: 1px solid;
}
.reply_content .media_link,
.member .card .media_link {
    background-color: #fff;
    margin: 20px 0;
    color: #45c8f1;
}

.reply_content .media_link:hover,
.member .card .media_link:hover {
    color: #68cdeb;
    background-color: #effbff;
}

@media (max-width: 900px) {
    .reply_content {
        padding: 20px 10px 30px;
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .cover {
        padding-top: 70px;
        margin-bottom: 30px;
    }
    .ai_mentor_title {
        font-size: 1.2rem;
    }    
    .cover .slogan img {
        height: 180px;
    }
    .prev_next icon {
        font-size: 2rem;
    }
    .prev {
        left: 0;
    }
    .next {
        right: -10px;
    }
    .post_area {
        margin: 0 -20px;padding: 20px;
    }
    .wrap_stick .uk-margin-right {
        width: auto!important;
    }

    .ai_mentor_block .slider .ai_mentor_logo {
        max-width: 150px;
    }
    .ai_mentor_block .slider .ai_mentor_logo b {
        font-size: .85rem;
        line-height: .9rem;
    }
    .ai_mentor_block .slider .uk-slider-items {
        align-items: flex-start;
    }
    #reply, .post_area {
        padding: 20px;
    }
    .zodiac_image_area img {
        width: 100%!important;
    }
    .price_block .uk-alert {
        padding: 10px;
    }

    .wrap_payment .input_help {
        margin: 0;
        display: block;
    }
    .block_title, .sub_title {
        font-size: 1.1rem;
    }
}