/* ============================================================
   zwln_index.css - 紫微斗數流年 index 獨立樣式
   基於 cmsinone/static/k366/m2021/css/zwds_index.css
   所有樣式自包含，不依賴 ziwei_index.css 或 zwds_index.css
   ============================================================ */

/* === 頁面背景 === */
body{
    background: #2F4C9B;
}

/* === 頂部背景圖 === */
.topbei{
    background-image: url(../images/zwdstop.png);
    background-size: 100% 100%;
    width: 7.5rem;
    height: 10.73rem;
    position: absolute;
}
.zpan{
    margin-top: 0.9rem;
    position: relative;
    z-index: 1;
}

/* === 標題圖片 === */
.zwln_tit{
    background-image: url(../images/zwds/ziweiliunian_tit.png);
    background-size: 100% 100%;
    width: 5.32rem;
    height: 1.4rem;
    margin: 0 auto;
    margin-top: 0.4rem;
}

/* === 分類標籤 === */
.tzbox{
    overflow: hidden;
    margin-top: 0.2rem;
}
.tzitem{
    background-image: url(../images/fb1.png);
    background-size: 100% 100%;
    width: 1.97rem;
    height: 0.62rem;
    line-height: 0.62rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.32rem;
    color: #5C3926;
    margin-left: 0.42rem;
    float: left;
}
.tzitem1{
    background-image: url(../images/fb2.png);
    background-size: 100% 100%;
    width: 1.97rem;
    height: 0.62rem;
    line-height: 0.62rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.32rem;
    color: #5C3926;
    margin-left: 0.3rem;
    float: left;
}
.tzitem2{
    background-image: url(../images/fb3.png);
    background-size: 100% 100%;
    width: 1.97rem;
    height: 0.62rem;
    line-height: 0.62rem;
    text-align: center;
    font-weight: 700;
    font-size: 0.32rem;
    color: #5C3926;
    margin-left: 0.3rem;
    float: left;
}

/* === 表單卡片區域 === */
.zwbox{
    width: 6.9rem;
    margin: 0.5rem auto;
    margin-bottom: 0;
    position: relative;
}
.zwsjtime{
    position: absolute;
    top: 0.5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 900;
    font-size: 0.34rem;
    color: #5C3926 !important;
    left: 1.05rem;
}
.zwtop{
    background-image: url(../images/zwtop.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 0.6rem;
    margin-left: 0 !important;
}
.zwzhong{
    background-image: url(../images/zwzhong.png);
    background-size: 100% 100%;
    width: 6.9rem;
    overflow: hidden;
}
.zwdi{
    background-image: url(../images/zwdi.png);
    background-size: 100% 100%;
    width: 6.9rem;
    height: 0.6rem;
}

/* === 表單元素 === */
.ftform{
    padding-top: 0.6rem;
}
.formitem {
    overflow: hidden;
    width: 6.3rem;
    height: 0.78rem;
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 0.1rem;
    border: 0.02rem solid #E5CFAB;
}
.formitem span {
    padding-left: 0.16rem;
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.78rem;
    display: inline-block;
    float: left;
}
.ftform .cs-sex {
    float: left;
}
.ftform .cs-sex span {
    display: block;
    float: left;
    line-height: 0.75rem;
    padding-top: 0.2rem;
    padding-right: 0.5rem;
}
.ftform .cs-sex em {
    display: block;
    float: left;
    width: 0.36rem;
    height: 0.36rem;
    background-image: url(../images/weixuan.png);
    background-size: 100%;
}
.ftform .cs-sex span.cur em {
    background-image: url(../images/xuanzhong.png);
}
.ftform .cs-sex font {
    display: block;
    height: 0.36rem;
    line-height: 0.25rem;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
    color: #333;
    font-size: 0.32rem;
    padding-top: 0.03rem;
}
.ftsex + .ftsex{
    margin-top: 0.24rem;
}
.nameinput {
    float: left;
    width: 4.5rem;
    height: 0.78rem;
    padding-left: 0.2rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    opacity: 1;
    box-sizing: border-box;
    font-size: 0.32rem;
    color: #666666;
    border: none;
}

/* === 按鈕區域 === */
.zopngniu{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 6.3rem;
    margin: 0.4rem auto;
    margin-bottom: 0;
}
.anniu{
    margin-top: 0;
}
.submit-btn {
    border: none;
    background-image: url(../images/mce.png);
    background-size: 100% 100%;
    display: inline-block;
    width: 3.05rem;
    height: 0.88rem;
}
.k366_pay_btn1{
    float: left;
    background-image: url(../images/fce_zwds.png);
    background-size: 100% 100%;
    width: 3.05rem;
    height: 0.88rem;
    margin-left: 0.1rem;
}

/* === 年份快速連結 === */
.bzzong{
    margin-top: 0.3rem;
    overflow: hidden;
    margin-left: 0.12rem;
}
.zongping_tiao{
    width: 1.98rem;
    height: 0.72rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    border: 0.02rem solid #E5CFAB;
    line-height: 0.72rem;
    text-align: center;
    margin-top: 0.2rem;
    margin-left: 0.18rem;
    font-size: 0.28rem;
    color: #5C3926;
    float: left;
}

/* === 區段標題 === */
.zwbiao{
    background-image: url(../images/zwbiao.png);
    background-size: 100% 100%;
    width: 4.45rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    margin: 0 auto;
}
.zwbiao span{
    font-weight: 900;
    font-size: 0.34rem;
    background: linear-gradient(45deg, rgba(250, 242, 240, 1), rgba(249, 212, 129, 1));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    text-align: center;
    display: inline-block;
    line-height: 0.88rem;
}

/* === 關於區域 === */
.aboutcy{
    width: 6.3rem;
    margin: 0 auto;
    margin-top: 0.4rem;
}
.aboutcy p{
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.52rem;
    margin-top: 0.3rem;
}
.aboutcy img{
    display: block;
    float: right;
    width: 3rem;
    height: 2rem;
    margin: 0 0 0.2rem 0.2rem;
}

/* === 問答區域 === */
.faqcy{
    padding: 0.3rem;
}
.faqitem{
    margin-bottom: 0.3rem;
}
.faqitem:last-child{
    margin-bottom: 0;
}
.faqtit{
    font-size: 0.3rem;
    font-weight: bold;
    color: #5C3926;
    line-height: 0.48rem;
    margin-bottom: 0.1rem;
}
.faqdesc{
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.46rem;
    text-align: justify;
}