﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    list-style: none;
    text-decoration: none;
    font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
}

html, body {
    height: 100%;
    background-color: #ededed;
}

ol, ul span {
    list-style: none;
}

.main_in_glory {
    width: 100%;
    max-width: 768px;
    float: none !important;
    background-color: #44a9c5;
}

.main_tit_noti {
    height: 60px;
    line-height: 90px;

    float: none !important;
    font-size: 13px;
    color: #a2a2a2;
    width: 100%;
    position: relative;
    background-color: #fff;
    font-family: "Microsoft JhengHei", Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif;
}

.notie_list_bo {
    float: left;
    right: 0px;
    height: 60px;
    line-height: 90px;
    width: 100%;
    font-size: 13px;
    color: #a2a2a2;
    text-align: left;
    padding: 0 !important;
    font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
    position: relative;
}
.notie_list_bo a{
    display: inline-block;
    padding:10px;
}/*20170424 add*/
    .notie_list_bo img {
        /* width: 120px; */
        width: 70px; /* CPSR-1955 順便 */
        height: auto;
        /*margin-top: 10px;*//*20170424*/
        float: left;
        position: absolute;
        top: -10px;
        left: -10px;        
    }

    .notie_list_bo span {
        float: right;
        margin-left: 5px;
        margin-right: 0px;
    }

    .notie_list_bo span {
        color: #a2a2a2;
    }

        .notie_list_bo span a:hover {
            color: #44a9c5;
        }

        .notie_list_bo span#select {
            color: #a2a2a2;
        }

.content_word {

    padding: 0 4%;
    /*float:left;*/
    font-size: 13px;

    line-height: 25px;

    background-size: contain;
    background-position: top;
    font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
    height: calc(100% - 140px);
    overflow-y: auto; 
    position: relative;
    top: -40px;   
}

    .content_word h1.subject {
        text-align: center;
        font-size: 24px;
        font-weight: normal;
        margin: 0 0 20px 0;
        font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
    }

    .content_word span {
        color: #44a9c5;
    }

    .content_word .f1 {
        width: 100%;
        font-size: 14px;
        font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
        line-height: 40px;
        height: 40px;
        /*float:left;*/
    }

        .content_word .f1 span {
            color: #fff;
        }

        .content_word .f1 a {
            color: #fff;
        }

            .content_word .f1 a:hover {
                color: #fff;
            }

    .content_word .f2 {
        width: 100%;
        font-size: 14px;
        font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
        line-height: 25px;
        height: auto;
        margin-top: 20px;
        font-size: 13px;
        /*float:left;*/
    }

        .content_word .f2 span {
            color: #555;
            font-size: 16px;
            line-height: 26px;
        }

            .content_word .f2 span a {
                color: #44a9c5;
            }

                .content_word .f2 span a:hover {
                    color: #C00;
                }

    .content_word .f3 {
        width: 100%;
        font-size: 14px;
        font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
        line-height: 25px;
        height: auto;
        margin-top: 20px;
        font-size: 13px;
        /*float:left;*/
        color: #fff;
    }

    /* CPSR-2935 */
    .content_word .f3:after {
        content: "";
        display: table;
        clear: both;
    }/* end CPSR-2935 */

        .content_word .f3 img {
            width: 80%;
            max-width: 400px;
            min-width: 150px;
            height: auto;
        }

        .content_word .f3 span {
            float: right;
            font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
            font-size: 13px;
            color: #fff;
        }

    .content_word .f4 {
        width: 100%;
        font-size: 14px;
        font-family: 'museo_sans300', Arial,"Microsoft JhengHei",Lucida,Verdana,SimSun,Helvetica,sans-serif;
        line-height: 25px;
        height: auto;
        margin-top: 50px;
        font-size: 13px;
        /*float:left;*/
    }

        .content_word .f4 span {
        }

    .content_word a {
        color: #fff;
    }

        .content_word a:hover {
            color: #fff;
        }

.max_in {
    width: 100%;
    float: left;
    height: auto;
}

.bu_close2 {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 99999;
    top: 18px;
    right: 0;
    background: url(../images/ico_close2.png) no-repeat;
    background-size: 20px auto;
}

/* 20170421 新增25mins彈出框樣式 */
.main_in_glory.gift_25mins{
    /*min-height: 590px; 20170504 edit*/
    background-color: #fff;
    height: 100%;
}
.main_in_glory.gift_25mins h1.subject{
    margin-top: 30px;
}
.main_in_glory.gift_25mins .content_word .f1{
    height: auto;
    line-height: 2em;
}
.main_in_glory.gift_25mins .content_word{
 
}

.gift_footer{
    text-align: center;
    padding: 20px 10px 30px;
}
.gift_footer:before{
    content: "";
    clear: both;
    display: table;
}
.gift_footer a.btn_default{
    display: inline-block;
    padding: 6px 20px;
    color: #fff;
    background-color: #44a9c5;
    border: 1px solid #44a9c5;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    line-height:22px;
    font-size:16px;
    text-decoration: none;
    min-width: 50px;

}
.gift_footer a.btn_default:hover{
    background-color: #1e8faf;
    border: 1px solid #1e8faf;
}
.content_word .f22{
    font-size: 13px;
}
.content_word .f22 .f2222{
    color: #fde200;
    font-size: 13px;
}

/*CPSR-4652 add 有可能會影響彈出的錯誤訊息框*/
.popup .notie_list_bo span {
    float: none;
}/*end CPSR-4652 add*/