/* Minification failed. Returning unminified contents.
(2152,26): run-time error CSS1033: Expected closing bracket, found ':'
(2152,27): run-time error CSS1030: Expected identifier, found 'checkbox'
(2152,35): run-time error CSS1031: Expected selector, found ']'
(2152,35): run-time error CSS1025: Expected comma or open brace, found ']'
(3732,30): run-time error CSS1033: Expected closing bracket, found ':'
(3732,31): run-time error CSS1030: Expected identifier, found 'checkbox'
(3732,39): run-time error CSS1031: Expected selector, found ']'
(3732,39): run-time error CSS1025: Expected comma or open brace, found ']'
(6117,30): run-time error CSS1033: Expected closing bracket, found ':'
(6117,31): run-time error CSS1030: Expected identifier, found 'checkbox'
(6117,39): run-time error CSS1031: Expected selector, found ']'
(6117,39): run-time error CSS1025: Expected comma or open brace, found ']'
(8051,39): run-time error CSS1031: Expected selector, found '/'
(8051,39): run-time error CSS1025: Expected comma or open brace, found '/'
 */
/* --手機版型------------------------------------- */
@media screen and (max-width: 768px) {
    ul.drop-down-menu {
        display: none;
    }

    .form-text {
        height: 37px;
        font-size: 21px;
        line-height: 40px;
        width: 65%;
    }

    .form-text-style3 {
        margin: 0;
        height: 40px;
        font-size: 21px;
        line-height: 40px;
        font-weight: 200;
        text-indent: 3%;
        width: 78%;
    }

    .form-text-style4 {
        margin: 0;
        height: 27px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 78%;
    }
    /* --------------------------2個字的標題 */
    h6 {
        width: 15%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        font-weight: bolder;
    }

    .add_login_style2 .form-user h6 {
        width: 15%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        font-weight: bolder;
    }

    .add_login_style2 .form-pwd h6 {
        width: 15%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        font-weight: bolder;
    }
    /* --------------------------4個字的標題 */
    h7 {
        width: 20%;
        height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 40px;
        font-weight: bolder;
    }
    /* --------------------------4個字的標題 */
    h8 {
        width: 20%;
        height: 35px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 35px;
        font-weight: bolder;
    }

    .form-field laber span {
        font-size: 21px;
    }
    /*帳號密碼間距*/
    .login .form-user {
        margin: 5% 5% 4% 5%;
        width: 90%;
    }

    .login .form-pwd {
        margin: 0 5% 4% 5%;
        width: 90%;
    }

    .login .form-field {
        width: 50%;
        margin: 0px 3% 2% 3%;
        text-align: center;
    }

    .form-code-text-wrap {
        margin: 0px 5% 4% 5%;
        width: 90%;
    }

    .login .form-action {
        margin: 0px 5% 3% 5%;
        width: 90%;
    }
    /*填寫內容*/
    .login {
        width: 100%;
        height: auto;
        padding: 0px 0 20px 0;
    }


        .login span h6 {
            font-size: 17px;
            line-height: 50px;
        }

        .login .form-user #Username {
            padding: 2%;
            font-size: 17px;
            width: 96%;
        }

        .login .form-pwd #pwd {
            padding: 2%;
            font-size: 17px;
            width: 96%;
        }

        .login .form-field.form-code-text-wrap #codetext {
            padding: 2%;
            font-size: 17px;
            width: 96%;
        }

        .login .form-field .form-field {
            height: 35px;
            font-size: 17px;
            line-height: 35px;
        }

        .login .form-action #sign_in {
            font-size: 21px;
            line-height: 50px;
        }

        .login .code-pic {
            height: 40px;
        }

            .login .code-pic label {
                font-size: 17px;
                margin: 0px 2px 2px 5%;
            }

        .login .form-action .inputbtn.lightgreybtn {
            line-height: 45px;
            height: 50px;
        }
    /*--------------------------認證碼*/
    .Signin_content .add_login .code-pic .pic_02 {
        padding: 0 0px;
        float: left;
        display: block;
        width: 50%;
    }
    /*刷新驗證碼按鈕*/
    .login .code-pic #change_code {
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        display: block;
        float: right;
        margin-right: 5%;
        background-image: url(../images/change_code.jpg);
        background-size: 30px 30px;
    }
    /*調整登入區塊與banner比例*/
    .content .login {
        width: 100%;
        height: 380px;
    }

    .content .forgetpassword {
        width: 95%;
        height: 350px;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
    }

        .content .forgetpassword .nav_h6 {
            color: #fff;
            font-size: 19px;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
        }

        .content .forgetpassword .recaptcha {
            height: 35px;
        }

    .abgne-control ul.numbers {
        left: 160px;
    }
    /*-------------首頁banner*/
    .content .banner {
        float: left;
        width: 100%;
        height: 235px;
        border-radius: 5px;
        display: -webkit-inline-box;
        margin: 0;
    }

    #abgne_fade_pic {
        width: 100%;
        height: 120px;
        float: left;
        position: relative;
    }

        #abgne_fade_pic img {
            width: 100%;
            height: auto;
        }

        #abgne_fade_pic a.ad {
            position: absolute;
            left: 0; /* 讓圖片疊在一起 */
        }

        #abgne_fade_pic .control {
            position: relative;
            top: 215px;
            left: 45%;
            width: 65px;
            margin: 0 auto;
            float: left;
            padding: 0;
        }
            /* 隱藏連結文字 */
            #abgne_fade_pic .control a {
                font-size: 1px;
                float: left;
                display: block;
                text-indent: -9999px;
                text-align: center;
                border-radius: 3px;
                background-color: #ccc;
                color: #ccc;
                padding: 3px;
                margin: 5px 3px;
                width: 3px;
                height: 3px;
            }

                #abgne_fade_pic .control a:hover {
                    background-color: #005784;
                }

            #abgne_fade_pic .control .on {
                background-color: #0085CA;
            }

    /*-------------認證作業-右側banner*/
    .right_banner {
        width: 100%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 0%;
        border: 1px solid #e5e5e5;
        overflow: auto;
    }

    .right_banner_step3 {
        width: 100%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 0%;
        border: 1px solid #e5e5e5;
        overflow: auto;
    }

    .right_banner .R_block {
        float: left;
        display: block;
        padding: 10px;
    }

        .right_banner .R_block .b_1 {
            float: left;
            display: block;
        }

    .R_block .b_1 img {
        width: 100%;
        height: auto;
    }

    /*---------------------首頁新聞*/
    .hot_news {
        width: 100%;
        height: 270px;
        float: left;
        display: block;
        border: 2px solid #eee;
        margin: 10px 0;
        border-radius: 5px;
    }

        .hot_news h7 {
            width: 100%;
            height: 40px;
            float: left;
            display: block;
            background-color: #434343;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

            .hot_news h7 a {
                width: 615px;
                height: 40px;
                background-color: #434343;
                color: #fff;
                line-height: 40px;
                padding-left: 20px;
            }

    h7 a span {
        color: #dcdcdc;
        padding-left: 5px;
    }

    .hot_news .icon_1 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-green.png );
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 40px 30px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_1 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 14px;
        }

    .hot_news .icon_2 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-yellow.png);
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 40px 30px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_2 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 14px;
        }

    .hot_news .icon_3 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-pink.png );
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 40px 30px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_3 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 14px;
        }
    /*日期*/
    a .Green {
        font-size: 17px;
        margin-right: 5px;
        margin-left: 25px;
    }

    .hot_news .icon_1 a:hover {
        color: #139c8b;
        font-weight: 400;
    }

    .hot_news .icon_2 a:hover {
        color: #139c8b;
        font-weight: 400;
    }

    .hot_news .icon_3 a:hover {
        color: #139c8b;
        font-weight: 400;
    }
    /*廣告*/
    .ad_group {
        width: 350px;
        height: auto;
        float: right;
        display: none;
    }

        .ad_group .ad {
            float: left;
            display: block;
            margin: 12px 0 0 0;
        }
    /*服務項目*/
    .Project.Block {
        width: 100%;
        float: left;
        display: block;
        background-color: #F5F5F5;
    }

        .Project.Block .Project_1 {
            width: 97%;
            background: #fff;
            color: #434343;
            background-color: transparent;
        }

        .Project.Block .Project_2 {
            width: 97%;
            background: #fff;
            color: #434343;
            background-color: transparent;
        }

        .Project.Block .Project_3 {
            width: 97%;
            background: #fff;
            color: #434343;
            background-color: transparent;
        }

        .Project.Block .Project_4 {
            width: 97%;
            background: #fff;
            color: #434343;
            background-color: transparent;
        }

        .Project.Block .Project_1:hover {
            background-position: 40px 25px;
        }

        .Project.Block .Project_2:hover {
            background-position: 40px -95px;
        }

        .Project.Block .Project_3:hover {
            background-position: 40px -215px;
        }

        .Project.Block .Project_1 .detail {
            width: 70%;
        }

        .Project.Block .Project_2 .detail {
            width: 70%;
        }

        .Project.Block .Project_3 .detail {
            width: 70%;
        }

    .Project_1 .detail p {
        font-size: 13px;
        line-height: 19px;
        padding: 10px;
    }

    .Project_2 .detail p {
        font-size: 13px;
        line-height: 19px;
        padding: 10px;
    }

    .Project_3 .detail p {
        font-size: 13px;
        line-height: 19px;
        padding: 10px;
    }

    .Project_4 .detail p {
        font-size: 13px;
        line-height: 19px;
        padding: 10px;
    }
    /*-------------left表單上方圖示*/
    .Signin_content .left-top-bg {
        width: 98%;
        height: auto;
        float: left;
        margin: 35px 1% 0 1%;
    }

    .Signin_content .left-c-icon {
        width: 39%;
        height: 94px;
        float: left;
        display: block;
        /*--padding-bottom: 14%;*/
        position: absolute;
        background-image: url(../images/icon_03.png);
        background-repeat: no-repeat;
        background-position: 15px 0;
        background-size: 120px auto;
        margin-top: -44px;
    }

    .Signin_content .left-c-text {
        float: left;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 19px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        text-indent: 20px;
        background-color: #434343;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*-------------right表單上方圖示*/
    .Signin_content .right-top-bg {
        width: 98%;
        height: auto;
        float: right;
        margin: 40px 1% 0 1%;
    }

    .Signin_content .right-c-icon {
        width: 39%;
        height: 94px;
        float: left;
        display: block;
        /*--padding-bottom: 14%;*/
        position: absolute;
        background-image: url(../images/icon_02.png);
        background-repeat: no-repeat;
        background-position: 15px 0;
        background-size: 107px auto;
        margin-top: -44px;
    }

    .Signin_content .right-c-text {
        float: left;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 19px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        text-indent: 15px;
        background-color: #434343;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*-------------內頁表單*/
    .form-text-sign {
        height: 37px;
        font-size: 21px;
        line-height: 40px;
        width: 83%;
    }

    .add_login {
        width: 90%;
        height: auto;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5%;
    }
    /* --------------------------step3會員類別*/
    .leftFunction .add_login .form-member {
        width: 100%;
        margin: 0px 0% 5px 0%;
        float: left;
        display: block;
    }

    .insideform {
        width: 75%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        color: #0d8678;
        font-size: 21px;
        font-weight: bolder;
    }
    /* --------------------------step3登入帳號*/
    .leftFunction .add_login .form-Username {
        width: 100%;
        margin: 5px 0% 5px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3身分證號*/
    .leftFunction .add_login .form-code {
        width: 100%;
        margin: 5px 0% 5px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3真實姓名*/
    .leftFunction .add_login .form-name {
        width: 100%;
        margin: 5px 0% 5px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3出生日期*/
    .leftFunction .add_login .form-date {
        width: 100%;
        margin: 5px 0% 5px 0%;
        float: left;
        display: block;
    }

    .select {
        width: 23.5%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    .select1 {
        width: 30%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    .select2 {
        width: 39%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    textarea {
        resize: none;
        vertical-align: top;
        overflow: auto;
        width: 98%;
        height: 80px;
        font-size: 21px;
        line-height: 25px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
    }
    /* --------------------------step3聯絡地址*/
    .leftFunction .add_login .form-address {
        width: 100%;
        margin: 5px 0% 5px 0%;
        float: left;
        display: block;
    }

    /* --------------------------使用者帳號 */
    .add_login .form-user {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-user {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }
    /*--------------------------使用者密碼*/
    .add_login .form-pwd {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-pwd {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }
    /*--------------------------認證碼*/
    .add_login .code-pic {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .code-pic {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login .code-pic label {
        float: left;
        font-size: 21px;
        height: 30px;
        line-height: 30px;
        font-weight: bolder;
    }

    .add_login .code-pic #codePic {
        padding: 0 10px;
        width: 100px;
        float: left;
        display: block;
    }

    .add_login_style2 .code-pic #codePic {
        padding: 0 10px;
        width: 100px;
        float: left;
        display: block;
    }

    .add_login .code-pic #change_code {
        width: 30px;
        height: 30px;
        background-image: url(../images/change_code.jpg);
        background-size: 30px 30px;
        float: right;
        margin-right: 1%;
        margin-top: 5px;
        text-indent: -9999px;
        color: #0f9585;
    }

    .add_login_style2 .code-pic #change_code {
        width: 30px;
        height: 30px;
        background-image: url(../images/change_code.jpg);
        background-size: 30px 30px;
        float: right;
        margin-right: 1%;
        margin-top: 5px;
        text-indent: -9999px;
        color: #0f9585;
    }
    /*--------------------------填入認證碼*/
    .form-code-text-wrap {
        width: 100%;
        margin: 6px 0% 12px 0%;
        float: left;
        display: block;
    }

        .form-code-text-wrap #codetext {
            width: 98%;
            height: 30px;
            line-height: 30px;
            font-size: 21px;
            float: left;
            display: block;
            text-indent: 5px;
        }
    /*--------------------------登入*/
    .add_login .form-action {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-action {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .form-action .sign_in {
        width: 100%;
        height: 50px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #0f9585;
        line-height: 50px;
        font-size: 21px;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

    .sign_in:hover {
        background-color: #008f7d;
    }
    /*--------------------------登入（契約客戶顏色）*/
    .form-action .sign_in_2 {
        width: 100%;
        height: 50px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #fdd000;
        line-height: 50px;
        font-size: 21px;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

    .sign_in_2:hover {
        background-color: #ffd826;
    }
    /*--------------------------忘記密碼*/
    .add_login .form-field {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-field {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .form-field .field {
        width: 100%;
        height: 50px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #dfdfdf;
        line-height: 50px;
        font-size: 21px;
        text-align: center;
        color: #434343;
        text-decoration: none;
    }

        .form-field .field:hover {
            background-color: #868686;
            color: #fff;
        }
    /*--------------------------加入會員*/
    .add_login .add.in {
        width: 100%;
        float: left;
        display: block;
    }

    .add_login_style2 .add.in {
        width: 100%;
        float: left;
        display: block;
    }

    .add.in .in {
        width: 100%;
        height: 50px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #dfdfdf;
        line-height: 50px;
        font-size: 21px;
        text-align: center;
        color: #434343;
        text-decoration: none;
    }

        .add.in .in:hover {
            background-color: #868686;
            color: #fff;
        }
    /*--------------------------認證步驟-左側認證資訊*/
    .Authenticate_content .leftFunction {
        width: 100%;
        height: auto;
        border-radius: 5px;
        float: left;
        margin-bottom: 2%;
    }

    .Authenticate_content .add_login {
        width: 90%;
        height: auto;
        background-color: #eeeeee;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5% 5% 5%;
    }
    /*--------------------------手機認證作業下方警語*/
    .leftFunction .NoteText {
        float: left;
        display: block;
        width: 90%;
        height: auto;
        padding: 2% 5% 5% 5%;
    }

        .leftFunction .NoteText .note {
            color: #0f9585;
            font-size: 17px;
            font-weight: bolder;
            line-height: 25px;
        }

        .leftFunction .NoteText .m_note {
            font-size: 15px;
            line-height: 25px;
        }

    /*--------------------------登入頁面－右側會員須知*/
    .Signin_content .Members.Posts {
        width: 99.5%;
        height: 375px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 0%;
        border: 1px solid #e5e5e5;
    }

    .Signin_content .Members.Posts_2 {
        width: 99.5%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 0%;
        border: 1px solid #e5e5e5;
    }
    /*--------------------------登入頁面－完成註冊作業提醒文字*/
    .Congratulation {
        width: 100%;
        font-size: 27px;
        line-height: 40px;
        font-weight: bolder;
        color: #434343;
        float: left;
        display: block;
    }

        .Congratulation span {
            color: #0d8678;
        }

    .user_infor {
        float: left;
        display: block;
        font-size: 19px;
        line-height: 35px;
        margin: 20px 0;
        padding: 0;
    }

    /*--------------------------step4手機認證作業按鈕*/
    /*--成功*/
    .phone_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 25%;
                padding: 0 1%;
            }
    /*--不成功*/
    .phone_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 25%;
                padding: 0 1%;
            }
    /*--------------------------step4Email社群網站作業按鈕*/
    /*--成功*/
    .email_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 25%;
                padding: 0 1%;
            }
    /*--不成功*/
    .email_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 25%;
                padding: 0 1%;
            }
    /*--------------------------step4銀行帳戶作業按鈕*/
    /*--成功*/
    .bank_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 25%;
                padding: 0 1%;
            }
    /*--不成功*/
    .bank_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 25%;
                padding: 0 1%;
            }

    /*--------------------------黑色標題區塊*/
    .subtitle {
        width: 100%;
        float: left;
        display: block;
    }

        .subtitle a {
            width: 100%;
            height: 40px;
            float: left;
            display: block;
            background-color: #434343;
            line-height: 40px;
            font-size: 17px;
            color: #fff;
            text-indent: 15px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

    p {
        margin: 0;
        padding: 20px;
        float: left;
        display: block;
        font-size: 15px;
        line-height: 21px;
        overflow: auto;
    }
    /*------------------------------------------------契客頁面區*/
    .Sever_content .Confirmation {
        float: left;
        display: block;
        width: 99%;
        height: 45px;
        margin: 10px 0;
        border-radius: 5px;
        border: 1px solid #ffd826;
    }

        .Sever_content .Confirmation laber {
            width: 100%;
            float: left;
            display: block;
        }

    .form-checkbox2 {
        float: left;
        display: block;
        margin-left: 28%;
        width: 20px;
        height: 40px;
    }

    .Confirmation laber span {
        text-align: center;
        font-size: 19px;
        line-height: 45px;
        float: left;
        display: block;
        color: #434343;
    }

    .form-navcheckbox {
        float: left;
        width: 20px;
        height: 23px;
    }

    .plus laber span {
        float: left;
        width: auto;
        font-size: 19px;
        line-height: 25px;
    }
    /*--------------------------標題樣式*/
    .client_name {
        width: 100%;
        float: left;
        display: block;
        background-color: #0f9585;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .client_name_2 {
        width: 100%;
        float: left;
        display: block;
        background-color: #ffd826;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .client_name a {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }

    .client_name_2 a {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }

    .item {
        width: 100%;
        float: left;
        display: block;
    }

        .item a {
            width: 100%;
            float: left;
            font-size: 19px;
            line-height: 45px;
            text-indent: 0px;
            text-align: center;
            color: #000;
        }

    .form-Payment {
        width: 94%;
        float: left;
        display: block;
        margin: 1% 3%;
    }

    .form-select {
        width: 100%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 17px;
        border: 1px solid #e0e0e0;
        margin-top: 5px;
    }
    /*--------------------------契客頁面區_左側客戶名稱*/
    .Sever_content .left_block {
        width: 99%;
        float: left;
        display: block;
        border: 1px solid #eee;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    /*--------------------------契客頁面區_右側金流服務選項*/
    .Sever_content .right_block {
        width: 99%;
        float: left;
        display: block;
        border: 1px solid #eee;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    /*--------------------------契客頁面區_內容樣式*/
    .sub_block {
        width: 92%;
        padding: 0% 4% 4% 4%;
        float: left;
        display: block;
    }

        .sub_block .subtitle {
            width: 100%;
            float: left;
            font-size: 19px;
            line-height: 30px;
            border-bottom: 2px solid #dcdcdc;
            color: #0f9585;
            margin-bottom: 5px;
        }

        .sub_block span {
            width: 100%;
            float: left;
            font-size: 19px;
            line-height: 25px;
        }

        .sub_block .Notice {
            width: 100%;
            height: 70px;
            float: left;
            display: block;
            margin-bottom: 5px;
            margin-top: 5px;
        }

            .sub_block .Notice a {
                width: 100%;
                display: block;
                float: left;
                font-size: 19px;
                line-height: 35px;
            }

    .Notice a span {
        margin: 4px 3% 4px 0;
        width: 25%;
        float: left;
        display: block;
        text-align: center;
        background-color: #0f9585;
        padding: 1px;
        color: #fff;
        border-radius: 5px;
    }

    .sub_block .plus {
        float: left;
        display: block;
        width: 100%;
        height: 30px;
        margin-top: 8px;
    }

    .plus laber {
        width: 100%;
        float: left;
        display: block;
    }
    /*--------------------------------------------------加入會員選擇頁面*/
    /*--------------------------------------------------left*/
    .left-add-block {
        width: 95%;
        height: auto;
        float: left;
        margin: 5%;
    }

        .left-add-block .left-addin {
            width: 95%;
            height: auto;
            float: left;
            padding: 5% 5%;
            background-color: #f3f4f4;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            color: #434343;
        }

            .left-add-block .left-addin .left-addin-icon {
                width: 100%;
                height: 110px;
                float: left;
                display: block;
                background-image: url(../images/icon_01.png);
                background-repeat: no-repeat;
                background-position: center 0;
                background-size: 140px auto;
                margin-top: 0px;
            }

    .left-addin .left-addin-text {
        width: 100%;
        margin-top: 10px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 23px;
        text-align: center;
    }

        .left-addin .left-addin-text span {
            color: #bcbcbc;
            font-size: 15px;
            line-height: 15px;
        }
    /*--------------------------------------------------right*/
    .right-add-block {
        width: 95%;
        height: auto;
        float: left;
        margin: 5%;
    }

        .right-add-block .right-addin {
            width: 95%;
            height: auto;
            float: left;
            padding: 5% 12%;
            background-color: #f3f4f4;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            color: #434343;
        }

            .right-add-block .right-addin .right-addin-icon {
                width: 100%;
                height: 110px;
                float: left;
                display: block;
                background-image: url(../images/icon_02.png);
                background-repeat: no-repeat;
                background-position: center 0;
                background-size: 110px auto;
                margin-top: 0px;
            }

    .right-addin .right-addin-text {
        width: 100%;
        margin-top: 10px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 23px;
        text-align: center;
    }

        .right-addin .right-addin-text span {
            color: #bcbcbc;
            font-size: 15px;
            line-height: 15px;
        }
    /* --------------------------加入會員選擇頁面-下方宣告樣式--- */
    .add-block-p {
        width: 95%;
        float: left;
        display: block;
        font-size: 13px;
        color: #434343;
        line-height: 21px;
        padding: 15px 10px;
    }

    .left-add-block .left-addin:hover {
        background-color: #0d8678;
        color: #fff;
        transition: all 0.4s ease-in-out;
    }

    .right-add-block .right-addin:hover {
        background-color: #0d8678;
        color: #fff;
        transition: all 0.4s ease-in-out;
    }

    /*---------------------中間內容物*/
    .content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Signin_content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Authenticate_content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Authenticate_content_finish {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Sever_content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }
    /*----------------------------------------------------------------------------------banner區*/

}

@media screen and (max-width: 568px) {
    /* --------------------------4個字的標題 */
    h7 {
        width: 25%;
        height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 40px;
        font-weight: bolder;
    }

    h8 {
        width: 25%;
        height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 40px;
        font-weight: bolder;
    }

    .form-text-style3 {
        margin: 0;
        height: 40px;
        font-size: 21px;
        line-height: 40px;
        font-weight: 200;
        text-indent: 3%;
        width: 73%;
    }

    .form-text-style4 {
        margin: 0;
        height: 40px;
        font-size: 21px;
        line-height: 40px;
        font-weight: 200;
        text-indent: 3%;
        width: 73%;
    }
    /*----------------------------申請步驟選單*/
    .step_1 .stepBlock .text {
        display: none;
    }

    .step_1 .stepBlock .text_h {
        display: none;
    }
    /* > */
    .Process .next {
        width: 5%;
        height: auto;
        float: left;
        display: block;
    }

        .Process .next a {
            width: 100%;
            height: 25px;
            float: left;
            display: block;
            background-image: url(../images/arrow.png);
            background-size: auto 25px;
            background-repeat: no-repeat;
            background-position: center -0px;
            margin: 25px 0;
        }
    /*帳號密碼間距*/
    .login .form-user {
        margin: 6% 5% 4% 5%;
    }

    .login .form-pwd {
        margin: 0 5% 4% 5%;
    }

    .login .form-field {
        width: 50%;
        margin: 0px 3% 2% 3%;
    }

        .login .form-field.form-code-text-wrap {
            margin: 0px 5% 4% 5%;
        }
            /*填寫內容*/
            .login .form-field.form-code-text-wrap #codetext {
                padding: 8px;
                font-size: 17px;
                width: 94%;
            }

        .login .form-field .form-field {
            height: 35px;
            font-size: 17px;
            line-height: 35px;
        }

    .login .code-pic {
        height: 40px;
    }

        .login .code-pic label {
            font-size: 17px;
        }

    .login .form-action .inputbtn.lightgreybtn {
        line-height: 45px;
        height: 50px;
    }

    .hot_news {
        margin-top: 5px;
        padding: 0 0 8% 0;
        display: none;
    }

    .Project.Block {
        display: none;
    }
    /*公告icon*/
    .hot_news h7 {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        background-color: #434343;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .hot_news h7 a {
            width: 100%;
            height: 45px;
            background-color: #434343;
            color: #fff;
            line-height: 50px;
            padding-left: 20px;
        }

    .hot_news .icon_1 {
        background-image: none;
    }

    .hot_news .icon_2 {
        background-image: none;
    }

    .hot_news .icon_1 a {
        text-indent: 10px;
        font-size: 17px;
        line-height: 40px;
    }

    .hot_news .icon_2 a {
        text-indent: 10px;
        font-size: 17px;
        line-height: 40px;
    }
    /*廣告*/
    .ad_group {
        width: 100%;
        float: right;
        display: block;
    }

        .ad_group .ad {
            width: 100%;
            float: left;
            display: block;
            margin: 12px 0 0 0;
        }

        .ad_group img {
            width: 100%;
        }

    /*首頁下方三小格*/
    .Project.Block .Project_1 {
        background-size: 80px auto;
        background-position: center -467px;
        margin: 20px 0 0 0;
    }

        .Project.Block .Project_1 .detail {
            width: 96%;
            float: left;
            margin: 68px 0 0 0;
        }

    .Project.Block .Project_2 {
        background-size: 80px auto;
        background-position: center -627px;
        margin: 20px 0 0 0;
    }

        .Project.Block .Project_2 .detail {
            width: 96%;
            float: left;
            margin: 68px 0 0 0;
        }

    .Project.Block .Project_3 {
        background-size: 80px auto;
        background-position: center -783px;
        margin: 20px 0 0 0;
    }

        .Project.Block .Project_3 .detail {
            width: 96%;
            float: left;
            margin: 68px 0 0 0;
        }

    .Project.Block .Project_1:hover {
        background-size: 80px auto;
        background-position: center 13px;
    }

    .Project.Block .Project_2:hover {
        background-size: 80px auto;
        background-position: center -147px;
    }

    .Project.Block .Project_3:hover {
        background-size: 80px auto;
        background-position: center -303px;
    }
    /* --------------------------step3出生日期*/
    .leftFunction .add_login .form-date {
        width: 100%;
        margin: 5px 0% 5px 0%;
        float: left;
        display: block;
    }

    .select {
        width: 21%;
    }

    .select1 {
        width: 30%;
        height: 40px;
        line-height: 40px;
        float: left;
        display: block;
        font-size: 21px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    .select2 {
        width: 36.5%;
    }

    textarea {
        resize: none;
        vertical-align: top;
        overflow: auto;
        width: 98%;
        height: 80px;
        font-size: 21px;
        line-height: 25px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
    }
    /*--------------------------step4手機認證作業按鈕*/
    /*--成功*/
    .phone_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 23%;
                padding: 0 1%;
            }
    /*--不成功*/
    .phone_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 23%;
                padding: 0 1%;
            }
    /*--------------------------step4Email社群網站作業按鈕*/
    /*--成功*/
    .email_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 23%;
                padding: 0 1%;
            }
    /*--不成功*/
    .email_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 23%;
                padding: 0 1%;
            }
    /*--------------------------step4銀行帳戶作業按鈕*/
    /*--成功*/
    .bank_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 23%;
                padding: 0 1%;
            }
    /*--不成功*/
    .bank_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 23%;
                padding: 0 1%;
            }
    /* --------------------------email認證--- */
    #notice2 .lightbox_Agree {
        margin: 0 auto;
        width: 90%;
        height: 315px;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 100px;
        border: 1px solid #e5e5e5;
    }

    .lightbox_Agree {
        width: 90%;
    }
    /*調整顯示區塊*/
    form input:not([input:checkbox]) {
        float: left;
        width: 200px;
        font-size: 15px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e0e0e0;
        border-radius: 3px;
    }
    /*-------------首頁banner*/
    .content .banner {
        float: left;
        width: 100%;
        height: 215px;
        border-radius: 5px;
        display: -webkit-inline-box;
    }

    #abgne_fade_pic {
        width: 100%;
        height: 120px;
        float: left;
        position: relative;
    }

        #abgne_fade_pic img {
            width: 100%;
            height: auto;
        }

        #abgne_fade_pic a.ad {
            position: absolute;
            left: 0; /* 讓圖片疊在一起 */
        }

        #abgne_fade_pic .control {
            position: relative;
            top: 190px;
            left: 45%;
            width: 65px;
            margin: 0 auto;
            float: left;
            padding: 0;
        }
            /* 隱藏連結文字 */
            #abgne_fade_pic .control a {
                font-size: 1px;
                float: left;
                display: block;
                text-indent: -9999px;
                text-align: center;
                border-radius: 3px;
                background-color: #ccc;
                color: #ccc;
                padding: 3px;
                margin: 5px 3px;
                width: 3px;
                height: 3px;
            }

                #abgne_fade_pic .control a:hover {
                    background-color: #005784;
                }

            #abgne_fade_pic .control .on {
                background-color: #0085CA;
            }

    /*---------------------中間內容物*/
    .content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Signin_content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Authenticate_content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Authenticate_content_finish {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }

    .Sever_content {
        min-width: 320px;
        width: 98%;
        height: auto;
        margin: 0 1%;
    }
    /*----------------------------------------------------------------------------------banner區*/
}

@media screen and (min-width : 1025px) {
    /* 首頁 */
    .form-text {
        margin: 0;
        height: 27px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 97%;
    }

    .form-text-sign {
        margin: 0;
        height: 37px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 83%;
    }

    .form-text-style3 {
        margin: 0;
        height: 27px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 67%;
    }

    .form-text-style4 {
        margin: 0;
        height: 27px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 78%;
    }

    .form-field laber span {
        font-size: 17px;
    }
    /*---------------------首頁中間資訊置中*/
    .weapper .wap {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
    }
    /*---------------------中間內容物*/
    .content {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
        min-width: 100%;
    }

    .Signin_content {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }

    .Authenticate_content {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }

    .Sever_content {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }

    .Authenticate_content_finish {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }
    /*----------------------------------------------------------------------------------banner區*/

    /*-------------首頁banner*/
    .content .banner {
        float: left;
        width: 100%;
        height: 366px;
        border-radius: 5px;
        display: -webkit-inline-box;
    }

    #abgne_fade_pic {
        width: 100%;
        height: 120px;
        float: left;
        position: relative;
    }

        #abgne_fade_pic img {
            width: 980px;
            height: 366px;
        }

        #abgne_fade_pic a.ad {
            position: absolute;
            left: 0; /* 讓圖片疊在一起 */
        }

        #abgne_fade_pic .control {
            position: relative;
            top: 340px;
            left: 50%;
            width: 65px;
            margin: 0 auto;
            float: left;
            padding: 0;
        }
            /* 隱藏連結文字 */
            #abgne_fade_pic .control a {
                font-size: 1px;
                float: left;
                display: block;
                text-indent: -9999px;
                text-align: center;
                border-radius: 3px;
                background-color: #ccc;
                color: #ccc;
                padding: 3px;
                margin: 5px 3px;
                width: 3px;
                height: 3px;
            }

                #abgne_fade_pic .control a:hover {
                    background-color: #005784;
                }

            #abgne_fade_pic .control .on {
                background-color: #0085CA;
            }
    /*-------------認證作業-右側banner*/
    .right_banner {
        width: 50%;
        height: 420px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
        overflow: auto;
    }

    .right_banner_step3 {
        width: 50%;
        height: 488px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
        overflow: auto;
    }

    .R_block {
        float: left;
        display: block;
        padding: 10px;
    }

        .R_block .b_1 {
            float: left;
            display: block;
        }

            .R_block .b_1 img {
                width: 100%;
                height: auto;
            }
    /*----------------------------------------------------------------------------------表單區*/
    /*-------------首頁表單*/
    .content .login {
        width: 100%;
        height: 350px;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
    }

    .content .forgetpassword {
        width: 60%;
        height: 350px;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
    }

        .content .forgetpassword .nav_h6 {
            color: #fff;
            font-size: 19px;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
        }

    .content .nav_h6 {
        width: 100%;
        height: 50px;
        /* --------------------------黃色漸層 */
        background: #fdd000; /* Old browsers */
        background: -moz-linear-gradient(top, #fdd000 0%, #ea9500 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fdd000 0%,#ea9500 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fdd000 0%,#ea9500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd000', endColorstr='#ea9500',GradientType=0 ); /* IE6-9 */
        float: left;
        display: block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .login .nav_h6 {
        color: #fff;
        font-size: 19px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
    }

    .content .forgetpassword .recaptcha {
        height: 50px;
    }
    /* --------------------------使用者帳號 */
    .login .form-user {
        width: 84%;
        margin: 10px 8% 8px 8%;
        float: left;
        display: block;
    }
    /* --------------------------使用者密碼 */
    .login .form-pwd {
        width: 84%;
        margin: 0px 8% 8px 8%;
        float: left;
        display: block;
    }
    /* --------------------------忘記密碼 */
    .login .form-field {
        margin: 0px 2px 2px 8px;
        float: left;
        display: block;
    }

        .login .form-field .form-field {
            font-size: 13px;
            line-height: 21px;
            padding: 2px 10px;
            display: block;
            font-weight: bolder;
            color: #000;
            background-color: #dfdddd;
            border-radius: 5px;
            text-decoration: none;
        }

            .login .form-field .form-field:hover {
                background-color: #bfbfbf;
            }
    /* --------------------------認證碼圖片 */
    .login .code-pic {
        width: 100%;
        height: 30px;
        display: block;
        float: left;
    }

        .login .code-pic label {
            margin: 0px 2px 2px 20px;
            font-size: 15px;
            line-height: 30px;
            font-weight: bolder;
            float: left;
        }

        .login .code-pic #codePic {
            padding: 0 20px;
            float: left;
            display: block;
        }
        /* --------------------------首頁更新認證碼按鈕 */
        .login .code-pic #change_code {
            width: 24px;
            height: 24px;
            text-indent: -9999px;
            display: block;
            float: right;
            margin-right: 8%; /* --右推 */
            background-image: url(../images/change_code.jpg);
            background-size: 24px 24px;
        }
    /* --------------------------填入認證碼按鈕 */
    .login .form-field.form-code-text-wrap {
        width: 84%;
        margin: 0px 8% 8px 8%;
        float: left;
        display: block;
    }
    /* --------------------------確定 */
    .content .login .form-action {
        margin: 0px 6% 2px 6%;
        float: left;
        display: block;
        width: 88%;
    }

    .login .form-action .sign_in {
        width: 100%;
        height: auto;
        font-size: 19px;
        text-align: center;
        text-decoration: none;
        line-height: 40px;
        color: #fff;
        display: block;
        background-color: #139c8b;
        border: 0;
        border-radius: 5px;
    }

        .login .form-action .sign_in:hover {
            background-color: #008f7d;
        }
    /*-------------left表單上方圖示*/
    .Signin_content .left-top-bg {
        width: 49%;
        height: auto;
        float: left;
        margin: 45px 0.5% 0 0.5%;
    }
    /*.Signin_content .left-top-bg { width:49%; height:auto; margin: 0 auto;}*/
    .Signin_content .left-c-icon {
        width: 39%;
        height: 87px;
        float: left;
        display: block;
        /*--padding-bottom: 14%;*/
        position: absolute;
        background-image: url(../images/icon_03.png);
        background-repeat: no-repeat;
        background-position: 10px 0;
        background-size: 110px auto;
        margin-top: -37px;
    }

    .Signin_content .left-c-text {
        float: left;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 19px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        text-indent: 25px;
        background-color: #434343;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*-------------right表單上方圖示*/
    .Signin_content .right-top-bg {
        width: 49%;
        height: auto;
        float: right;
        margin: 45px 0.5% 0 0.5%;
    }
    .Signin_content .MemberBlock{float: left;}

    .Signin_content .right-c-icon {
        width: 39%;
        height: 87px;
        float: left;
        display: block;
        /*--padding-bottom: 14%;*/
        position: absolute;
        background-image: url(../images/icon_02.png);
        background-repeat: no-repeat;
        background-position: 10px 0;
        background-size: 97px auto;
        margin-top: -37px;
    }

    .Signin_content .right-c-text {
        float: left;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 19px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        text-indent: 15px;
        background-color: #434343;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*-------------內頁表單*/
    .add_login {
        width: 34%;
        height: auto;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 3% 3%;
    }

    .add_login_style2 {
        width: 100%;
        height: auto;
        background-color: #eeeeee;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5%;
    }
    /* --------------------------2個字的標題 */
    h6 {
        width: 15%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }

    .add_login_style2 .form-user h6 {
        width: 15%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }

    .add_login_style2 .form-pwd h6 {
        width: 15%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------4個字的標題 */
    h7 {
        width: 30%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------認證頁面4個字的標題 */
    h8 {
        width: 20%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------lightbox 銀行存簿文字 */
    h9 {
        width: 100%;
        float: left;
        display: block;
        font-size: 25px;
        line-height: 35px;
        color: #434343;
        margin-bottom: 10px;
    }

        h9 span {
            color: #008a84;
        }
    /* --------------------------step2行動電話 */
    .add_login .form-phone {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3會員類別*/
    .leftFunction .add_login .form-member {
        width: 100%;
        margin: 0px 0% 3px 0%;
        float: left;
        display: block;
    }

    .insideform {
        width: 78%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        color: #0d8678;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------step3登入帳號*/
    .leftFunction .add_login .form-Username {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }
    /* --------------------------step3身分證號*/
    .leftFunction .add_login .form-code {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3真實姓名*/
    .leftFunction .add_login .form-name {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3出生日期*/
    .leftFunction .add_login .form-date {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    .select {
        width: 22.6%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 19px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    .select1 {
        width: 31.6%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 19px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    .select2 {
        width: 39%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 19px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    textarea {
        resize: none;
        vertical-align: top;
        overflow: auto;
        width: 98%;
        height: 80px;
        font-size: 19px;
        line-height: 25px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
    }
    /* --------------------------step3聯絡地址*/
    .leftFunction .add_login .form-address {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    /* --------------------------使用者帳號 */
    .add_login .form-user {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-user {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    /*--------------------------使用者密碼*/
    .add_login .form-pwd {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-pwd {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    /* --------------------------再次確認密碼 */
    .add_login .form-double {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    /*--------------------------認證碼圖片*/
    .add_login .code-pic {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .code-pic {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login .code-pic .pic_01 {
        padding: 5px 0px 0 0;
        float: left;
        display: block;
    }

    .add_login_style2 .code-pic .pic_01 {
        padding: 5px 0px 0 0;
        float: left;
        display: block;
    }

    .add_login .code-pic .pic_02 {
        padding: 5px 0px 0 0;
        float: left;
        display: block;
    }

    .add_login .code-pic #change_code {
        height: 30px;
        line-height: 30px;
        float: right;
        color: #e5004f;
        margin-right: 10px;
    }

    .add_login_style2 .code-pic #change_code {
        height: 30px;
        line-height: 30px;
        float: right;
        color: #e5004f;
        margin-right: 10px;
        text-decoration: underline;
    }

        .add_login_style2 .code-pic #change_code:hover {
            text-decoration: none;
        }
    /*--------------------------填入認證碼*/
    .form-code-text-wrap {
        width: 100%;
        margin: 0px 0% 6px 0%;
        float: left;
        display: block;
    }

    /*--------------------------登入*/
    .add_login .form-action {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-action {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .form-action .sign_in {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #0f9585;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        border: 0px;
    }

    .sign_in:hover {
        background-color: #008f7d;
    }
    /*--------------------------登入（契約客戶顏色）*/
    .form-action .sign_in_2 {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #fdd000;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        border: 0px;
    }

    .sign_in_2:hover {
        background-color: #ffd826;
    }
    /*--------------------------忘記密碼*/
    .add_login .form-field {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-field {
        width: 49%;
        margin: 6px 1% 6px 0%;
        float: left;
        display: block;
    }

    .form-field .field {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #dfdfdf;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #434343;
        text-decoration: none;
    }

        .form-field .field:hover {
            background-color: #868686;
            color: #fff;
        }
    /*--------------------------step5開始使用按鈕*/
    .form-start {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

        .form-start .start {
            width: 100%;
            height: 50px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #0f9585;
            line-height: 50px;
            font-size: 19px;
            text-align: center;
            color: #fff;
            text-decoration: none;
        }

    .form-field .start:hover {
        background-color: #008f7d;
    }
    /*--------------------------step4手機認證作業按鈕*/
    /*--成功*/
    .phone_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--不成功*/
    .phone_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--------------------------step4Email社群網站作業按鈕*/
    /*--成功*/
    .email_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--不成功*/
    .email_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--------------------------step4銀行帳戶作業按鈕*/
    /*--成功*/
    .bank_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--不成功*/
    .bank_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--------------------------加入會員*/
    .add_login .add.in {
        width: 49%;
        float: left;
        display: block;
        margin: 6px 0% 6px 1%;
    }

    .add_login_style2 .add.in {
        width: 49%;
        float: left;
        display: block;
        margin: 6px 0% 6px 1%;
    }

    .add.in .in {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #dfdfdf;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #434343;
        text-decoration: none;
    }

        .add.in .in:hover {
            background-color: #868686;
            color: #fff;
        }
    /*--------------------------------------------------加入會員選擇頁面*/
    /*--------------------------------------------------left*/
    .left-add-block {
        width: 48%;
        height: auto;
        float: left;
        margin: 40px 1% 50px 1%;
    }
        /*.left-add-block { width:48%;height: auto;margin: 0px auto;}*/
        .left-add-block .left-addin {
            width: 86%;
            height: auto;
            float: left;
            padding: 5% 7%;
            background-color: #f3f4f4;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            color: #434343;
        }

            .left-add-block .left-addin .left-addin-icon {
                width: 160px;
                height: 110px;
                float: left;
                display: block;
                background-image: url(../images/icon_01.png);
                background-repeat: no-repeat;
                background-position: 10px 0;
                background-size: 140px auto;
                margin-top: 0px;
            }

    .left-addin .left-addin-text {
        width: 48%;
        margin-top: 35px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 23px;
    }

        .left-addin .left-addin-text span {
            color: #bcbcbc;
            font-size: 15px;
            line-height: 15px;
        }
    /*--------------------------------------------------right*/
    .right-add-block {
        width: 48%;
        height: auto;
        float: left;
        margin: 40px 1% 50px 1%;
    }

        .right-add-block .right-addin {
            width: 86%;
            height: auto;
            float: left;
            padding: 5% 7%;
            background-color: #f3f4f4;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            color: #434343;
        }

            .right-add-block .right-addin .right-addin-icon {
                width: 130px;
                height: 110px;
                float: left;
                display: block;
                background-image: url(../images/icon_02.png);
                background-repeat: no-repeat;
                background-position: 10px 0;
                background-size: 110px auto;
                margin-top: 0px;
            }

    .right-addin .right-addin-text {
        width: 50%;
        margin-top: 35px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 23px;
    }

        .right-addin .right-addin-text span {
            color: #bcbcbc;
            font-size: 15px;
            line-height: 15px;
        }
    /* --------------------------加入會員選擇頁面-下方宣告樣式--- */
    .add-block-p {
        width: 86%;
        float: left;
        display: block;
        font-size: 13px;
        color: #434343;
        line-height: 21px;
        padding: 15px 10px;
    }

    .left-add-block .left-addin:hover {
        background-color: #0d8678;
        color: #fff;
        transition: all 0.4s ease-in-out;
    }

    .right-add-block .right-addin:hover {
        background-color: #0d8678;
        color: #fff;
        transition: all 0.4s ease-in-out;
    }
    /*--------------------------------------------------step4 lightbox區*/
    .lightbox-target:target {
        opacity: 1;
        top: 0;
        bottom: 0;
    }

        .lightbox-target:target .content, .lightbox-target:target img {
            max-height: 100%;
            max-width: 100%;
        }

        .lightbox-target:target .lightbox-close {
            top: 5%;
        }

    .lightbox_Agree .A_block .lightbox-form-email {
        float: left;
        width: 100%;
        margin: 2% 0;
    }
    /* --------------------------黑色背景--- */
    .lightbox-target {
        position: absolute;
        top: -100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        overflow: hidden;
    }
    /* --------------------------加入會員-會員權益說明--- */
    #notice1 .lightbox_Agree {
        margin: 0 auto;
        width: 60%;
        height: 380px;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 80px;
        border: 1px solid #e5e5e5;
    }

        #notice1 .lightbox_Agree p {
            height: 220px;
            padding: 20px;
            float: left;
            display: block;
            font-size: 15px;
            line-height: 21px;
            overflow: auto;
        }
    /* --確認申請--- */
    .Agree {
        margin-top: 20px;
        width: 90%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #0f9585;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        margin: 10px 5% 0 5%;
        color: #fff;
        text-decoration: none;
    }

        .Agree:hover {
            background-color: #008f7d;
        }
    /* --------------------------email認證--- */
    #notice2 .lightbox_Agree {
        margin: 0 auto;
        width: 60%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 100px;
        border: 1px solid #e5e5e5;
    }

        #notice2 .lightbox_Agree .A_block {
            width: 92%;
            padding: 4%;
            float: left;
            display: block;
        }

    .lightbox_Agree .A_block .A_E {
        width: 31%;
        float: left;
        display: block;
    }

    .lightbox_Agree .A_block .A_F {
        width: 31%;
        float: left;
        display: block;
        margin: 0 3.5%;
    }

    .lightbox_Agree .A_block .A_G {
        width: 31%;
        float: left;
        display: block;
    }

    .lightbox_Agree .A_block .A_email {
        width: 100%;
        height: 0;
        float: left;
        display: block;
        padding-bottom: 100%;
        background-image: url(../images/icon002.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .lightbox_Agree .A_block .A_facebook {
        width: 100%;
        height: 0;
        float: left;
        display: block;
        padding-bottom: 100%;
        background-image: url(../images/icon003.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-positcion: center;
    }

    .lightbox_Agree .A_block .A_gogle {
        width: 100%;
        height: 0;
        float: left;
        display: block;
        padding-bottom: 100%;
        background-image: url(../images/icon004.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .lightbox_Agree .A_block .A_email:hover {
        background-image: url(../images/icon002_h.jpg);
    }

    .lightbox_Agree .A_block .A_facebook:hover {
        background-image: url(../images/icon003_h.jpg);
    }

    .lightbox_Agree .A_block .A_gogle:hover {
        background-image: url(../images/icon004_h.jpg);
    }
    /*--------------------------送出認證碼按鈕*/
    .verification {
        width: 100%;
        height: 50px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #0f9585;
        line-height: 50px;
        font-size: 19px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        margin-top: 10px;
    }

        .verification:hover {
            background-color: #008f7d;
        }
    /* --------------------------銀行存簿認證--- */
    .lightbox_Agree {
        margin: 0 auto;
        width: 60%;
        height: 310px;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 100px;
        border: 1px solid #e5e5e5;
    }

    .top_block {
        width: 90%;
        float: left;
        display: block;
        padding: 5% 5% 0% 5%;
    }

    .bottem_block {
        width: 90%;
        float: left;
        display: block;
        padding: 5% 5% 0% 5%;
    }

    .OK {
        float: left;
    }

        .OK a {
            font-size: 17px;
            line-height: 25px;
        }

            .OK a .icon {
                float: left;
                width: 30px;
                height: 30px;
                background: url(../images/ok.png) no-repeat;
                background-size: 25px auto;
            }

    .NO {
        float: left;
    }

        .NO a {
            font-size: 17px;
            line-height: 25px;
        }

            .NO a .icon {
                float: left;
                width: 30px;
                height: 30px;
                background: url(../images/no.png) no-repeat;
                background-size: 25px auto;
            }
        /* --重新上傳按鈕--- */
        .NO .re-Upload {
            width: 80px;
            height: 28px;
            float: right;
            display: block;
            font-size: 15px;
            line-height: 28px;
            text-align: center;
            color: #fff;
            text-decoration: none;
            border-radius: 3px;
            background-color: #008a84;
            margin-left: 5px;
        }
    /* --右上關閉按鈕--- */
    .lightbox-close {
        display: block;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        background: #0f9585;
        color: #fff;
        position: absolute;
        top: 10%;
        right: 5%;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

        .lightbox-close:before, .lightbox-close:after {
            content: " ";
            display: block;
            height: 30px;
            width: 1px;
            background: #fff;
            position: absolute;
            left: 26px;
            top: 10px;
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .lightbox-close:after {
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    /*瀏覽檔案*/
    form {
        display: block;
    }

        form .file {
            position: absolute;
            opacity: 0;
            filter: alpha(opacity=0);
        }
        /*調整顯示區塊*/
        form input:not([input:checkbox]) {
            float: left;
            width: 360px;
            font-size: 15px;
            height: 25px;
            line-height: 25px;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
        }
        /*調整按鈕色塊*/
        form .pu {
            width: 80px;
            height: 28px;
            color: #fff;
            border: none;
            background-color: #a0a0a0;
            margin-left: 5px;
        }

    .Upload {
        width: 80px;
        height: 28px;
        float: left;
        display: block;
        font-size: 15px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        border-radius: 3px;
        background-color: #008a84;
        margin-left: 5px;
    }
    /*---------------------首頁新聞*/
    .hot_news {
        width: 615px;
        height: 270px;
        float: left;
        display: block;
        border: 2px solid #eee;
        margin: 10px 0;
        border-radius: 5px;
    }

        .hot_news h7 {
            width: 100%;
            height: 40px;
            float: left;
            display: block;
            background-color: #434343;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

            .hot_news h7 a {
                width: 615px;
                height: 40px;
                background-color: #434343;
                color: #fff;
                line-height: 40px;
                padding-left: 20px;
            }

    h7 a span {
        color: #dcdcdc;
        padding-left: 5px;
    }

    .hot_news .icon_1 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-green.png );
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 25px 20px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_1 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            margin-top: -3px;
        }

    .hot_news .icon_2 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-yellow.png);
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 25px 20px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_2 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            margin-top: -3px;
        }

    .hot_news .icon_3 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-pink.png );
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 25px 20px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_3 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            margin-top: -3px;
        }


    /*日期*/
    a .Green {
        font-size: 17px;
        margin-right: 5px;
        margin-left: 20px;
    }

    .hot_news .icon_1 a:hover {
        color: #139c8b;
        font-weight: 400;
    }

    .hot_news .icon_2 a:hover {
        color: #139c8b;
        font-weight: 400;
    }

    .hot_news .icon_3 a:hover {
        color: #139c8b;
        font-weight: 400;
    }
    /*廣告*/
    .ad_group {
        width: 350px;
        height: auto;
        float: right;
        display: block;
    }

        .ad_group .ad {
            float: left;
            display: block;
            margin: 12px 0 0 0;
        }
    /*服務項目*/
    .Project.Block {
        width: 100%;
        float: left;
        display: block;
        height: 180px;
        background-color: #F5F5F5;
    }

        /*首頁下方三小格-個人客樂得*/
        .Project.Block .Project_1 {
            width: 25%;
            height: auto;
            display: block;
            float: left;
            padding: 1.6%;
            background: #fff;
            /*background-image:url(../images/P_icon.png);*/
            background-repeat: no-repeat;
            background-position: 30px -390px;
            background-size: 75px auto;
            color: #434343;
            background-color: transparent;
        }

            .Project.Block .Project_1 .detail {
                float: right;
                display: block;
                width: 100%;
                margin: 10px 0;
                padding: 1%;
            }

    .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_1 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 15px;
        line-height: 21px;
        padding: 0;
    }
    /*個人客樂得hoevr*/
    .Project.Block .Project_1:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px 60px;
        background-size: 75px auto;
        color: #fff;
        height: 100%;
    }
    /*首頁下方三小格-超商銀行繳款*/
    .Project.Block .Project_2 {
        width: 25%;
        height: auto;
        display: block;
        float: left;
        padding: 1.6%;
        background: #fff;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -690px;
        background-size: 75px auto;
        color: #434343;
        background-color: transparent;
    }

        .Project.Block .Project_2 .detail {
            float: right;
            display: block;
            width: 100%;
            margin: 10px 0;
            padding: 1%;
        }

    .Project_2 .detail .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_2 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 15px;
        line-height: 21px;
        padding: 0;
    }
    /*超商銀行繳款hoevr*/
    .Project.Block .Project_2:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -90px;
        background-size: 75px auto;
        color: #fff;
        height: 100%;
    }
    /*首頁下方三小格-線上刷卡*/
    .Project.Block .Project_3 {
        width: 25%;
        height: auto;
        display: block;
        float: left;
        padding: 1.6%;
        background: #fff;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -540px;
        background-size: 75px auto;
        color: #434343;
        background-color: transparent;
    }

        .Project.Block .Project_3 .detail {
            float: right;
            display: block;
            width: 100%;
            margin: 10px 0;
            padding: 1%;
        }

    .Project_3 .detail .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_3 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 15px;
        line-height: 21px;
        padding: 0;
    }
    /*線上刷卡hoevr*/
    .Project.Block .Project_3:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -90px;
        background-size: 75px auto;
        color: #fff;
        height: 100%;
    }

    .Project.Block .Project_4 {
        width: 25%;
        height: auto;
        display: block;
        float: left;
        padding: 1.6%;
        background: #fff;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -690px;
        background-size: 75px auto;
        color: #434343;
        background-color: transparent;
    }

        .Project.Block .Project_4 .detail {
            float: right;
            display: block;
            width: 100%;
            margin: 10px 0;
            padding: 1%;
        }

    .Project_4 .detail .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_4 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 15px;
        line-height: 21px;
        padding: 0;
    }
    /*線上刷卡hoevr*/
    .Project.Block .Project_4:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -240px;
        background-size: 75px auto;
        color: #fff;
        height: 100%;
    }
    /*----------------------------------------------------------------------------------申請步驟選單*/
    .Process {
        width: 98%;
        height: auto;
        float: left;
        display: block;
        margin: 0px 1% 20px 1%;
    }

        .Process .step_1 {
            width: 16%;
            float: left;
            display: block;
        }

            .Process .step_1 .stepBlock {
                width: 100%;
                height: auto;
                float: left;
                display: block;
            }
    /* icon區 */
    .stepBlock .icon1 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -0px;
    }

    .stepBlock .icon2 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -160px;
    }

    .stepBlock .icon3 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -320px;
    }

    .stepBlock .icon4 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -480px;
    }

    .stepBlock .icon5 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -640px;
    }

    .step_1 .stepBlock .text {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        color: #bfbfbf;
        font-size: 15px;
        font-weight: bolder;
        line-height: 30px;
    }
    /* 步驟icon變化 */
    /* icon區 */
    .stepBlock .icon1_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -0px;
    }

    .stepBlock .icon2_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -160px;
    }

    .stepBlock .icon3_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -320px;
    }

    .stepBlock .icon4_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -480px;
    }

    .stepBlock .icon5_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -640px;
    }

    .step_1 .stepBlock .text_h {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        color: #0d8678;
        font-size: 15px;
        font-weight: bolder;
        line-height: 30px;
    }
    /* > */
    .Process .next {
        width: 5%;
        height: auto;
        float: left;
        display: block;
    }

        .Process .next a {
            width: 100%;
            height: 50px;
            float: left;
            display: block;
            background-image: url(../images/arrow.png);
            background-size: auto 50px;
            background-repeat: no-repeat;
            background-position: center -0px;
            margin: 20px 0;
        }
    /*--------------------------認證步驟-左側認證資訊*/
    .Authenticate_content .leftFunction {
        width: 48%;
        height: auto;
        border-radius: 5px;
        float: left;
        margin-bottom: 2%;
    }

    .Authenticate_content .add_login {
        width: 90%;
        height: auto;
        background-color: #eeeeee;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5% 5% 5%;
    }
    /*--step5*/
    .Authenticate_content_finish .add_content {
        width: 90%;
        height: auto;
        background-color: #eeeeee;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5% 5% 5%;
    }
    /*--------------------------手機認證作業下方警語*/
    .leftFunction .NoteText {
        float: left;
        display: block;
        width: 90%;
        height: auto;
        padding: 2% 5% 5% 5%;
    }

        .leftFunction .NoteText .note {
            color: #0f9585;
            font-size: 17px;
            font-weight: bolder;
            line-height: 25px;
        }

        .leftFunction .NoteText .m_note {
            font-size: 15px;
            line-height: 25px;
        }
    /*--------------------------登入頁面－右側會員須知*/
    .Signin_content .Members.Posts {
        width: 58%;
        height: 455px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
    }

        .Signin_content .Members.Posts p {
            height: 91%;
        }

    .Signin_content .Members.Posts_2 {
        width: 58%;
        height: 445px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
    }

    .Sever_content .Members.Posts_3 {
        width: 99%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        border: 1px solid #e5e5e5;
    }
    /*--------------------------契客頁面區*/
    .Sever_content .Confirmation {
        float: left;
        display: block;
        width: 99%;
        height: 45px;
        margin: 10px 0;
        border-radius: 5px;
        border: 1px solid #ffd826;
    }

        .Sever_content .Confirmation laber {
            width: 100%;
            float: left;
            display: block;
        }

    .form-checkbox2 {
        float: left;
        display: block;
        margin-left: 36%;
        width: 20px;
        height: 40px;
    }

    .Confirmation laber span {
        text-align: center;
        font-size: 19px;
        line-height: 45px;
        float: left;
        display: block;
        color: #434343;
    }

    .form-navcheckbox {
        float: left;
        width: 20px;
        height: 23px;
    }

    .plus laber span {
        float: left;
        width: auto;
        font-size: 15px;
        line-height: 25px;
    }
    /*--------------------------標題樣式*/
    .client_name {
        width: 30%;
        float: left;
        display: block;
        background-color: #0f9585;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .client_name_2 {
        width: 30%;
        float: left;
        display: block;
        background-color: #ffd826;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .client_name a {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 35px;
        text-align: center;
        color: #fff;
    }

    .client_name_2 a {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 35px;
        text-align: center;
        color: #fff;
    }

    .item {
        width: 70%;
        float: left;
        display: block;
    }

        .item a {
            width: 100%;
            float: left;
            font-size: 17px;
            line-height: 35px;
            text-indent: 12px;
            color: #000;
        }

    .form-Payment {
        width: 68%;
        float: left;
        display: block;
        margin: 0 1%;
    }

    .form-select {
        width: 100%;
        height: 30px;
        line-height: 30px;
        float: left;
        display: block;
        font-size: 15px;
        border: 1px solid #e0e0e0;
        margin-top: 5px;
    }
    /*--------------------------契客頁面區_左側客戶名稱*/
    .Sever_content .left_block {
        width: 49%;
        float: left;
        display: block;
        border: 1px solid #eee;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    /*--------------------------契客頁面區_右側金流服務選項*/
    .Sever_content .right_block {
        width: 49%;
        float: right;
        display: block;
        border: 1px solid #eee;
        border-radius: 5px;
    }
    /*--------------------------契客頁面區_內容樣式*/
    .sub_block {
        width: 92%;
        padding: 4%;
        float: left;
        display: block;
    }

        .sub_block .subtitle {
            width: 100%;
            float: left;
            font-size: 17px;
            line-height: 25px;
            border-bottom: 2px solid #dcdcdc;
            color: #0f9585;
            margin-bottom: 5px;
        }

        .sub_block span {
            width: 100%;
            float: left;
            font-size: 15px;
            line-height: 25px;
        }

        .sub_block .Notice {
            width: 100%;
            height: 70px;
            float: left;
            display: block;
            margin-bottom: 5px;
        }

            .sub_block .Notice a {
                width: 100%;
                display: block;
                float: left;
                font-size: 17px;
                line-height: 35px;
            }

    .Notice a span {
        margin: 2px 2% 2px 0;
        width: 18%;
        float: left;
        display: block;
        text-align: center;
        background-color: #0f9585;
        padding: 1px;
        color: #fff;
        border-radius: 5px;
    }

    .sub_block .plus {
        float: left;
        display: block;
        width: 100%;
        height: 30px;
    }

    .plus laber {
        width: 100%;
        float: left;
        display: block;
    }
    /*--------------------------登入頁面－完成註冊作業提醒文字*/
    .Congratulation {
        width: 100%;
        font-size: 25px;
        line-height: 35px;
        font-weight: bolder;
        color: #434343;
        float: left;
        display: block;
    }

        .Congratulation span {
            color: #0d8678;
        }

    .user_infor {
        float: left;
        display: block;
        font-size: 15px;
        line-height: 25px;
        margin: 20px 0;
        padding: 0;
    }
    /*--------------------------黑色標題區塊*/
    .subtitle {
        width: 100%;
        float: left;
        display: block;
    }

        .subtitle a {
            width: 100%;
            height: 40px;
            float: left;
            display: block;
            background-color: #434343;
            line-height: 40px;
            font-size: 17px;
            color: #fff;
            text-indent: 15px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

    p {
        margin: 0;
        /*height: 77%;*/
        padding: 20px;
        /*float:left;*/
        display: block;
        font-size: 15px;
        line-height: 21px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* 首頁 */
    .form-text {
        margin: 0;
        height: 27px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 97%;
    }

    .form-text-sign {
        margin: 0;
        height: 37px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 83%;
    }

    .form-text-style3 {
        margin: 0;
        height: 27px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 67%;
    }

    .form-text-style4 {
        margin: 0;
        height: 27px;
        font-size: 17px;
        line-height: 27px;
        font-weight: 200;
        text-indent: 3%;
        width: 78%;
    }

    .form-field laber span {
        font-size: 17px;
    }
    /*---------------------首頁中間資訊置中*/
    .weapper .wap {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
    }
    /*---------------------中間內容物*/
    .content {
        min-height: 371px;
        min-width: 100%;
    }

    .Signin_content {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }

    .Authenticate_content {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }

    .Sever_content {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }

    .Authenticate_content_finish {
        max-width: 980px;
        height: auto;
        margin: 0 auto;
        float: left;
    }
    /*----------------------------------------------------------------------------------banner區*/

    /*-------------首頁banner*/
    .content .banner {
        float: left;
        width: 100%;
        height: 366px;
        border-radius: 5px;
        display: -webkit-inline-box;
    }

    #abgne_fade_pic {
        width: 100%;
        height: 120px;
        float: left;
        position: relative;
    }

        #abgne_fade_pic img {
            width: 100%;
            height: auto;
        }

        #abgne_fade_pic a.ad {
            position: absolute;
            left: 0; /* 讓圖片疊在一起 */
        }

        #abgne_fade_pic .control {
            position: relative;
            top: 340px;
            left: 50%;
            width: 65px;
            margin: 0 auto;
            float: left;
            padding: 0;
        }
            /* 隱藏連結文字 */
            #abgne_fade_pic .control a {
                font-size: 1px;
                float: left;
                display: block;
                text-indent: -9999px;
                text-align: center;
                border-radius: 3px;
                background-color: #ccc;
                color: #ccc;
                padding: 3px;
                margin: 5px 3px;
                width: 3px;
                height: 3px;
            }

                #abgne_fade_pic .control a:hover {
                    background-color: #005784;
                }

            #abgne_fade_pic .control .on {
                background-color: #0085CA;
            }
    /*-------------認證作業-右側banner*/
    .right_banner {
        width: 50%;
        height: 420px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
        overflow: auto;
    }

    .right_banner_step3 {
        width: 50%;
        height: 488px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
        overflow: auto;
    }

    .R_block {
        float: left;
        display: block;
        padding: 10px;
    }

        .R_block .b_1 {
            float: left;
            display: block;
        }

            .R_block .b_1 img {
                width: 100%;
                height: auto;
            }
    /*----------------------------------------------------------------------------------表單區*/
    /*-------------首頁表單*/
    .content .login {
        width: 100%;
        height: 350px;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
    }

    .content .forgetpassword {
        width: 60%;
        height: 350px;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
    }

        .content .forgetpassword .nav_h6 {
            color: #fff;
            font-size: 19px;
            line-height: 50px;
            text-align: center;
            font-weight: bold;
        }


    .content .nav_h6 {
        width: 100%;
        height: 50px;
        /* --------------------------黃色漸層 */
        background: #fdd000; /* Old browsers */
        background: -moz-linear-gradient(top, #fdd000 0%, #ea9500 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fdd000 0%,#ea9500 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fdd000 0%,#ea9500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd000', endColorstr='#ea9500',GradientType=0 ); /* IE6-9 */
        float: left;
        display: block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .login .nav_h6 {
        color: #fff;
        font-size: 19px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
    }

    .content .forgetpassword .recaptcha {
        height: 50px;
    }

    /* --------------------------使用者帳號 */
    .login .form-user {
        width: 84%;
        margin: 10px 8% 8px 8%;
        float: left;
        display: block;
    }
    /* --------------------------使用者密碼 */
    .login .form-pwd {
        width: 84%;
        margin: 0px 8% 8px 8%;
        float: left;
        display: block;
    }
    /* --------------------------忘記密碼 */
    .login .form-field {
        margin: 0px 2px 2px 8px;
        float: left;
        display: block;
    }

        .login .form-field .form-field {
            font-size: 13px;
            line-height: 21px;
            padding: 2px 10px;
            display: block;
            font-weight: bolder;
            color: #000;
            background-color: #dfdddd;
            border-radius: 5px;
            text-decoration: none;
        }

            .login .form-field .form-field:hover {
                background-color: #bfbfbf;
            }
    /* --------------------------認證碼圖片 */
    .login .code-pic {
        width: 100%;
        height: 30px;
        display: block;
        float: left;
    }

        .login .code-pic label {
            margin: 0px 2px 2px 20px;
            font-size: 15px;
            line-height: 30px;
            font-weight: bolder;
            float: left;
        }

        .login .code-pic #codePic {
            padding: 0 20px;
            float: left;
            display: block;
        }
        /* --------------------------首頁更新認證碼按鈕 */
        .login .code-pic #change_code {
            width: 24px;
            height: 24px;
            text-indent: -9999px;
            display: block;
            float: right;
            margin-right: 8%; /* --右推 */
            background-image: url(../images/change_code.jpg);
            background-size: 24px 24px;
        }
    /* --------------------------填入認證碼按鈕 */
    .login .form-field.form-code-text-wrap {
        width: 84%;
        margin: 0px 8% 8px 8%;
        float: left;
        display: block;
    }
    /* --------------------------確定 */
    .content .login .form-action {
        margin: 0px 6% 2px 6%;
        float: left;
        display: block;
        width: 88%;
    }

    .login .form-action .sign_in {
        width: 100%;
        height: auto;
        font-size: 19px;
        text-align: center;
        text-decoration: none;
        line-height: 40px;
        color: #fff;
        display: block;
        background-color: #139c8b;
        border: 0;
        border-radius: 5px;
    }

        .login .form-action .sign_in:hover {
            background-color: #008f7d;
        }
    /*-------------left表單上方圖示*/
    .Signin_content .left-top-bg {
        width: 49%;
        height: auto;
        float: left;
        margin: 45px 0.5% 0 0.5%;
    }
    /*.Signin_content .left-top-bg { width:49%; height:auto; margin: 0 auto;}*/
    .Signin_content .left-c-icon {
        width: 39%;
        height: 87px;
        float: left;
        display: block;
        /*--padding-bottom: 14%;*/
        position: absolute;
        background-image: url(../images/icon_03.png);
        background-repeat: no-repeat;
        background-position: 10px 0;
        background-size: 110px auto;
        margin-top: -37px;
    }

    .Signin_content .left-c-text {
        float: left;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 19px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        text-indent: 25px;
        background-color: #434343;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*-------------right表單上方圖示*/
    .Signin_content .right-top-bg {
        width: 49%;
        height: auto;
        float: right;
        margin: 45px 0.5% 0 0.5%;
    }
    .Signin_content .MemberBlock{float:left;}

    .Signin_content .right-c-icon {
        width: 39%;
        height: 87px;
        float: left;
        display: block;
        /*--padding-bottom: 14%;*/
        position: absolute;
        background-image: url(../images/icon_02.png);
        background-repeat: no-repeat;
        background-position: 10px 0;
        background-size: 97px auto;
        margin-top: -37px;
    }

    .Signin_content .right-c-text {
        float: left;
        display: block;
        width: 100%;
        height: 50px;
        font-size: 19px;
        color: #fff;
        line-height: 50px;
        text-align: center;
        text-indent: 15px;
        background-color: #434343;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    /*-------------內頁表單*/
    .add_login {
        width: 34%;
        height: auto;
        background-color: #eeeeee;
        border-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 3% 3%;
    }

    .add_login_style2 {
        width: 100%;
        height: auto;
        background-color: #eeeeee;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5%;
    }
    /* --------------------------2個字的標題 */
    h6 {
        width: 15%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }

    .add_login_style2 .form-user h6 {
        width: 15%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }

    .add_login_style2 .form-pwd h6 {
        width: 15%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------4個字的標題 */
    h7 {
        width: 30%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------認證頁面4個字的標題 */
    h8 {
        width: 20%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------lightbox 銀行存簿文字 */
    h9 {
        width: 100%;
        float: left;
        display: block;
        font-size: 25px;
        line-height: 35px;
        color: #434343;
        margin-bottom: 10px;
    }

        h9 span {
            color: #008a84;
        }
    /* --------------------------step2行動電話 */
    .add_login .form-phone {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3會員類別*/
    .leftFunction .add_login .form-member {
        width: 100%;
        margin: 0px 0% 3px 0%;
        float: left;
        display: block;
    }

    .insideform {
        width: 78%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        color: #0d8678;
        font-size: 17px;
        font-weight: bolder;
    }
    /* --------------------------step3登入帳號*/
    .leftFunction .add_login .form-Username {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }
    /* --------------------------step3身分證號*/
    .leftFunction .add_login .form-code {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3真實姓名*/
    .leftFunction .add_login .form-name {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    /* --------------------------step3出生日期*/
    .leftFunction .add_login .form-date {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    .select {
        width: 22.6%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 19px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    .select1 {
        width: 31.6%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 19px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    .select2 {
        width: 39%;
        height: 35px;
        line-height: 35px;
        float: left;
        display: block;
        font-size: 19px;
        border: 1px solid #e0e0e0;
        margin-right: 1%;
        margin-top: 2px;
    }

    textarea {
        resize: none;
        vertical-align: top;
        overflow: auto;
        width: 98%;
        height: 80px;
        font-size: 19px;
        line-height: 25px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
    }
    /* --------------------------step3聯絡地址*/
    .leftFunction .add_login .form-address {
        width: 100%;
        margin: 3px 0% 3px 0%;
        float: left;
        display: block;
    }

    /* --------------------------使用者帳號 */
    .add_login .form-user {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-user {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    /*--------------------------使用者密碼*/
    .add_login .form-pwd {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-pwd {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    /* --------------------------再次確認密碼 */
    .add_login .form-double {
        width: 100%;
        margin: 0% 0% 10px 0%;
        float: left;
        display: block;
    }

    /*--------------------------認證碼圖片*/
    .add_login .code-pic {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .code-pic {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

    .add_login .code-pic .pic_01 {
        padding: 5px 0px 0 0;
        float: left;
        display: block;
    }

    .add_login_style2 .code-pic .pic_01 {
        padding: 5px 0px 0 0;
        float: left;
        display: block;
    }

    .add_login .code-pic .pic_02 {
        padding: 5px 0px 0 0;
        float: left;
        display: block;
    }

    .add_login .code-pic #change_code {
        height: 30px;
        line-height: 30px;
        float: right;
        color: #e5004f;
        margin-right: 10px;
    }

    .add_login_style2 .code-pic #change_code {
        height: 30px;
        line-height: 30px;
        float: right;
        color: #e5004f;
        margin-right: 10px;
        text-decoration: underline;
    }

        .add_login_style2 .code-pic #change_code:hover {
            text-decoration: none;
        }
    /*--------------------------填入認證碼*/
    .form-code-text-wrap {
        width: 100%;
        margin: 0px 0% 6px 0%;
        float: left;
        display: block;
    }

    /*--------------------------登入*/
    .add_login .form-action {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-action {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .form-action .sign_in {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #0f9585;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        border: 0px;
    }

    .sign_in:hover {
        background-color: #008f7d;
    }
    /*--------------------------登入（契約客戶顏色）*/
    .form-action .sign_in_2 {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #fdd000;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        border: 0px;
    }

    .sign_in_2:hover {
        background-color: #ffd826;
    }
    /*--------------------------忘記密碼*/
    .add_login .form-field {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

    .add_login_style2 .form-field {
        width: 49%;
        margin: 6px 1% 6px 0%;
        float: left;
        display: block;
    }

    .form-field .field {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #dfdfdf;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #434343;
        text-decoration: none;
    }

        .form-field .field:hover {
            background-color: #868686;
            color: #fff;
        }
    /*--------------------------step5開始使用按鈕*/
    .form-start {
        width: 100%;
        margin: 6px 0% 6px 0%;
        float: left;
        display: block;
    }

        .form-start .start {
            width: 100%;
            height: 50px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #0f9585;
            line-height: 50px;
            font-size: 19px;
            text-align: center;
            color: #fff;
            text-decoration: none;
        }

    .form-field .start:hover {
        background-color: #008f7d;
    }
    /*--------------------------step4手機認證作業按鈕*/
    /*--成功*/
    .phone_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--不成功*/
    .phone_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .phone_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .phone_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center 13px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--------------------------step4Email社群網站作業按鈕*/
    /*--成功*/
    .email_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--不成功*/
    .email_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .email_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .email_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -57px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--------------------------step4銀行帳戶作業按鈕*/
    /*--成功*/
    .bank_Y {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_Y a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #fdd000;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_Y a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--不成功*/
    .bank_N {
        width: 100%;
        margin: 0px 0% 10px 0%;
        float: left;
        display: block;
    }

        .bank_N a {
            width: 100%;
            height: 60px;
            float: left;
            display: block;
            border-radius: 5px;
            background-color: #bfbfbf;
            line-height: 60px;
            font-size: 19px;
            text-indent: 0%;
            text-align: left;
            color: #fff;
            text-decoration: none;
        }

            .bank_N a .icon {
                background-image: url(../images/accunt_icon.png);
                background-repeat: no-repeat;
                background-position: center -126px;
                background-size: 35px auto;
                float: left;
                display: block;
                width: 35px;
                height: 100%;
                margin-left: 24%;
                padding: 0 1%;
            }
    /*--------------------------加入會員*/
    .add_login .add.in {
        width: 49%;
        float: left;
        display: block;
        margin: 6px 0% 6px 1%;
    }

    .add_login_style2 .add.in {
        width: 49%;
        float: left;
        display: block;
        margin: 6px 0% 6px 1%;
    }

    .add.in .in {
        width: 100%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #dfdfdf;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        color: #434343;
        text-decoration: none;
    }

        .add.in .in:hover {
            background-color: #868686;
            color: #fff;
        }
    /*--------------------------------------------------加入會員選擇頁面*/
    /*--------------------------------------------------left*/
    /*.left-add-block { width:48%;height: auto;float: left;margin: 40px 1% 50px 1%;}*/
    .left-add-block {
        width: 60%;
        height: auto;
        margin: 0px auto;
    }

        .left-add-block .left-addin {
            width: 86%;
            height: auto;
            float: left;
            padding: 5% 7%;
            background-color: #f3f4f4;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            color: #434343;
        }

            .left-add-block .left-addin .left-addin-icon {
                width: 160px;
                height: 110px;
                float: left;
                display: block;
                background-image: url(../images/icon_01.png);
                background-repeat: no-repeat;
                background-position: 10px 0;
                background-size: 140px auto;
                margin-top: 0px;
            }

    .left-addin .left-addin-text {
        width: 48%;
        margin-top: 35px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 23px;
    }

        .left-addin .left-addin-text span {
            color: #bcbcbc;
            font-size: 15px;
            line-height: 15px;
        }
    /*--------------------------------------------------right*/
    .right-add-block {
        width: 60%;
        height: auto;
        margin: 0px auto;
    }

        .right-add-block .right-addin {
            width: 86%;
            height: auto;
            float: left;
            padding: 5% 7%;
            background-color: #f3f4f4;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            color: #434343;
        }

            .right-add-block .right-addin .right-addin-icon {
                width: 130px;
                height: 110px;
                float: left;
                display: block;
                background-image: url(../images/icon_02.png);
                background-repeat: no-repeat;
                background-position: 10px 0;
                background-size: 110px auto;
                margin-top: 0px;
            }

    .right-addin .right-addin-text {
        width: 50%;
        margin-top: 35px;
        float: left;
        display: block;
        font-size: 21px;
        line-height: 23px;
    }

        .right-addin .right-addin-text span {
            color: #bcbcbc;
            font-size: 15px;
            line-height: 15px;
        }
    /* --------------------------加入會員選擇頁面-下方宣告樣式--- */
    .add-block-p {
        width: 86%;
        float: left;
        display: block;
        font-size: 13px;
        color: #434343;
        line-height: 21px;
        padding: 15px 10px;
    }

    .left-add-block .left-addin:hover {
        background-color: #0d8678;
        color: #fff;
        transition: all 0.4s ease-in-out;
    }

    .right-add-block .right-addin:hover {
        background-color: #0d8678;
        color: #fff;
        transition: all 0.4s ease-in-out;
    }
    /*--------------------------------------------------step4 lightbox區*/
    .lightbox-target:target {
        opacity: 1;
        top: 0;
        bottom: 0;
    }

        .lightbox-target:target .content, .lightbox-target:target img {
            max-height: 100%;
            max-width: 100%;
        }

        .lightbox-target:target .lightbox-close {
            top: 5%;
        }

    .lightbox_Agree .A_block .lightbox-form-email {
        float: left;
        width: 100%;
        margin: 2% 0;
    }
    /* --------------------------黑色背景--- */
    .lightbox-target {
        position: absolute;
        top: -100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        overflow: hidden;
    }
    /* --------------------------加入會員-會員權益說明--- */
    #notice1 .lightbox_Agree {
        margin: 0 auto;
        width: 60%;
        height: 380px;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 80px;
        border: 1px solid #e5e5e5;
    }

        #notice1 .lightbox_Agree p {
            height: 220px;
            padding: 20px;
            float: left;
            display: block;
            font-size: 15px;
            line-height: 21px;
            overflow: auto;
        }
    /* --確認申請--- */
    .Agree {
        margin-top: 20px;
        width: 90%;
        height: 45px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #0f9585;
        line-height: 45px;
        font-size: 17px;
        text-align: center;
        margin: 10px 5% 0 5%;
        color: #fff;
        text-decoration: none;
    }

        .Agree:hover {
            background-color: #008f7d;
        }
    /* --------------------------email認證--- */
    #notice2 .lightbox_Agree {
        margin: 0 auto;
        width: 60%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 100px;
        border: 1px solid #e5e5e5;
    }

        #notice2 .lightbox_Agree .A_block {
            width: 92%;
            padding: 4%;
            float: left;
            display: block;
        }

    .lightbox_Agree .A_block .A_E {
        width: 31%;
        float: left;
        display: block;
    }

    .lightbox_Agree .A_block .A_F {
        width: 31%;
        float: left;
        display: block;
        margin: 0 3.5%;
    }

    .lightbox_Agree .A_block .A_G {
        width: 31%;
        float: left;
        display: block;
    }

    .lightbox_Agree .A_block .A_email {
        width: 100%;
        height: 0;
        float: left;
        display: block;
        padding-bottom: 100%;
        background-image: url(../images/icon002.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .lightbox_Agree .A_block .A_facebook {
        width: 100%;
        height: 0;
        float: left;
        display: block;
        padding-bottom: 100%;
        background-image: url(../images/icon003.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-positcion: center;
    }

    .lightbox_Agree .A_block .A_gogle {
        width: 100%;
        height: 0;
        float: left;
        display: block;
        padding-bottom: 100%;
        background-image: url(../images/icon004.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .lightbox_Agree .A_block .A_email:hover {
        background-image: url(../images/icon002_h.jpg);
    }

    .lightbox_Agree .A_block .A_facebook:hover {
        background-image: url(../images/icon003_h.jpg);
    }

    .lightbox_Agree .A_block .A_gogle:hover {
        background-image: url(../images/icon004_h.jpg);
    }
    /*--------------------------送出認證碼按鈕*/
    .verification {
        width: 100%;
        height: 50px;
        float: left;
        display: block;
        border-radius: 5px;
        background-color: #0f9585;
        line-height: 50px;
        font-size: 19px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        margin-top: 10px;
    }

        .verification:hover {
            background-color: #008f7d;
        }
    /* --------------------------銀行存簿認證--- */
    .lightbox_Agree {
        margin: 0 auto;
        width: 60%;
        height: 310px;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 100px;
        border: 1px solid #e5e5e5;
    }

    .top_block {
        width: 90%;
        float: left;
        display: block;
        padding: 5% 5% 0% 5%;
    }

    .bottem_block {
        width: 90%;
        float: left;
        display: block;
        padding: 5% 5% 0% 5%;
    }

    .OK {
        float: left;
    }

        .OK a {
            font-size: 17px;
            line-height: 25px;
        }

            .OK a .icon {
                float: left;
                width: 30px;
                height: 30px;
                background: url(../images/ok.png) no-repeat;
                background-size: 25px auto;
            }

    .NO {
        float: left;
    }

        .NO a {
            font-size: 17px;
            line-height: 25px;
        }

            .NO a .icon {
                float: left;
                width: 30px;
                height: 30px;
                background: url(../images/no.png) no-repeat;
                background-size: 25px auto;
            }
        /* --重新上傳按鈕--- */
        .NO .re-Upload {
            width: 80px;
            height: 28px;
            float: right;
            display: block;
            font-size: 15px;
            line-height: 28px;
            text-align: center;
            color: #fff;
            text-decoration: none;
            border-radius: 3px;
            background-color: #008a84;
            margin-left: 5px;
        }
    /* --右上關閉按鈕--- */
    .lightbox-close {
        display: block;
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        background: #0f9585;
        color: #fff;
        position: absolute;
        top: 10%;
        right: 5%;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        -webkit-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

        .lightbox-close:before, .lightbox-close:after {
            content: " ";
            display: block;
            height: 30px;
            width: 1px;
            background: #fff;
            position: absolute;
            left: 26px;
            top: 10px;
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .lightbox-close:after {
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
    /*瀏覽檔案*/
    form {
        display: block;
    }

        form .file {
            position: absolute;
            opacity: 0;
            filter: alpha(opacity=0);
        }
        /*調整顯示區塊*/
        form input:not([input:checkbox]) {
            float: left;
            width: 360px;
            font-size: 15px;
            height: 25px;
            line-height: 25px;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
        }
        /*調整按鈕色塊*/
        form .pu {
            width: 80px;
            height: 28px;
            color: #fff;
            border: none;
            background-color: #a0a0a0;
            margin-left: 5px;
        }

    .Upload {
        width: 80px;
        height: 28px;
        float: left;
        display: block;
        font-size: 15px;
        line-height: 28px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        border-radius: 3px;
        background-color: #008a84;
        margin-left: 5px;
    }
    /*---------------------首頁新聞*/
    .hot_news {
        width: 100%;
        height: 270px;
        float: left;
        display: block;
        border: 2px solid #eee;
        margin: 10px 0;
        border-radius: 5px;
    }

        .hot_news h7 {
            width: 100%;
            height: 40px;
            float: left;
            display: block;
            background-color: #434343;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

            .hot_news h7 a {
                width: 615px;
                height: 40px;
                background-color: #434343;
                color: #fff;
                line-height: 40px;
                padding-left: 20px;
            }

    h7 a span {
        color: #dcdcdc;
        padding-left: 5px;
    }

    .hot_news .icon_1 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-green.png );
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 40px 30px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_1 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 14px;
        }

    .hot_news .icon_2 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-yellow.png);
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 40px 30px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_2 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 14px;
        }

    .hot_news .icon_3 {
        display: block;
        float: left;
        width: 98%;
        height: 30px;
        background-image: url(../images/news-pink.png );
        background-repeat: no-repeat;
        background-size: 60px auto;
        background-position: 40px 30px;
        padding: 2%;
        margin-top: -13px;
    }

        .hot_news .icon_3 a {
            width: 94%;
            float: left;
            display: block;
            text-decoration: none;
            font-size: 17px;
            line-height: 23px;
            color: #434343;
            padding: 2%;
            text-indent: 70px;
            /*文字溢位*/
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            padding-top: 14px;
        }
    /*日期*/
    a .Green {
        font-size: 17px;
        margin-right: 5px;
        margin-left: 25px;
    }

    .hot_news .icon_1 a:hover {
        color: #139c8b;
        font-weight: 400;
    }

    .hot_news .icon_2 a:hover {
        color: #139c8b;
        font-weight: 400;
    }

    .hot_news .icon_3 a:hover {
        color: #139c8b;
        font-weight: 400;
    }
    /*廣告*/
    .ad_group {
        width: 350px;
        height: auto;
        float: right;
        display: none;
    }

        .ad_group .ad {
            float: left;
            display: block;
            margin: 12px 0 0 0;
        }
    /*服務項目*/
    .Project.Block {
        width: 100%;
        float: left;
        display: block;
        height: 180px;
        background-color: #F5F5F5;
    }

        /*首頁下方三小格-個人客樂得*/
        .Project.Block .Project_1 {
            width: 25%;
            height: auto;
            display: block;
            float: left;
            padding: 1.6%;
            background: #fff;
            /*background-image:url(../images/P_icon.png);*/
            background-repeat: no-repeat;
            background-position: 30px -390px;
            background-size: 75px auto;
            color: #434343;
            background-color: transparent;
        }

            .Project.Block .Project_1 .detail {
                float: right;
                display: block;
                width: 100%;
                margin: 10px 0;
                padding: 1%;
            }

    .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_1 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 13px;
        line-height: 21px;
        padding: 0;
    }
    /*個人客樂得hoevr*/
    .Project.Block .Project_1:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px 60px;
        background-size: 75px auto;
        color: #fff;
    }
    /*首頁下方三小格-超商銀行繳款*/
    .Project.Block .Project_2 {
        width: 25%;
        height: auto;
        display: block;
        float: left;
        padding: 1.6%;
        background: #fff;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -690px;
        background-size: 75px auto;
        color: #434343;
        background-color: transparent;
    }

        .Project.Block .Project_2 .detail {
            float: right;
            display: block;
            width: 100%;
            margin: 10px 0;
            padding: 1%;
        }

    .Project_2 .detail .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_2 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 13px;
        line-height: 21px;
        padding: 0;
    }
    /*超商銀行繳款hoevr*/
    .Project.Block .Project_2:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -90px;
        background-size: 75px auto;
        color: #fff;
    }
    /*首頁下方三小格-線上刷卡*/
    .Project.Block .Project_3 {
        width: 25%;
        height: auto;
        display: block;
        float: left;
        padding: 1.6%;
        background: #fff;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -540px;
        background-size: 75px auto;
        color: #434343;
        background-color: transparent;
    }

        .Project.Block .Project_3 .detail {
            float: right;
            display: block;
            width: 100%;
            margin: 10px 0;
            padding: 1%;
        }

    .Project_3 .detail .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_3 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 13px;
        line-height: 21px;
        padding: 0;
    }
    /*線上刷卡hoevr*/
    .Project.Block .Project_3:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -90px;
        background-size: 75px auto;
        color: #fff;
    }

    .Project.Block .Project_4 {
        width: 25%;
        height: auto;
        display: block;
        float: left;
        padding: 1.6%;
        background: #fff;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -690px;
        background-size: 75px auto;
        color: #434343;
        background-color: transparent;
    }

        .Project.Block .Project_4 .detail {
            float: right;
            display: block;
            width: 100%;
            margin: 10px 0;
            padding: 1%;
        }

    .Project_4 .detail .subtitle {
        font-size: 17px;
        line-height: 25px;
        font-weight: bolder;
        display: block;
        float: left;
    }

    .Project_4 .detail p {
        width: 100%;
        display: block;
        float: left;
        font-size: 13px;
        line-height: 21px;
        padding: 0;
    }
    /*線上刷卡hoevr*/
    .Project.Block .Project_4:hover {
        background: #fbca00;
        /*background-image:url(../images/P_icon.png);*/
        background-repeat: no-repeat;
        background-position: 30px -240px;
        background-size: 75px auto;
        color: #fff;
    }
    /*----------------------------------------------------------------------------------申請步驟選單*/
    .Process {
        width: 98%;
        height: auto;
        float: left;
        display: block;
        margin: 0px 1% 20px 1%;
    }

        .Process .step_1 {
            width: 16%;
            float: left;
            display: block;
        }

            .Process .step_1 .stepBlock {
                width: 100%;
                height: auto;
                float: left;
                display: block;
            }
    /* icon區 */
    .stepBlock .icon1 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -0px;
    }

    .stepBlock .icon2 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -160px;
    }

    .stepBlock .icon3 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -320px;
    }

    .stepBlock .icon4 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -480px;
    }

    .stepBlock .icon5 {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -640px;
    }

    .step_1 .stepBlock .text {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        color: #bfbfbf;
        font-size: 15px;
        font-weight: bolder;
        line-height: 30px;
    }
    /* 步驟icon變化 */
    /* icon區 */
    .stepBlock .icon1_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -0px;
    }

    .stepBlock .icon2_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -160px;
    }

    .stepBlock .icon3_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -320px;
    }

    .stepBlock .icon4_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -480px;
    }

    .stepBlock .icon5_h {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 80px;
        background-image: url(../images/steps_h_icon.png);
        background-size: 80px auto;
        background-repeat: no-repeat;
        background-position: center -640px;
    }

    .step_1 .stepBlock .text_h {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
        color: #0d8678;
        font-size: 15px;
        font-weight: bolder;
        line-height: 30px;
    }
    /* > */
    .Process .next {
        width: 5%;
        height: auto;
        float: left;
        display: block;
    }

        .Process .next a {
            width: 100%;
            height: 50px;
            float: left;
            display: block;
            background-image: url(../images/arrow.png);
            background-size: auto 50px;
            background-repeat: no-repeat;
            background-position: center -0px;
            margin: 20px 0;
        }
    /*--------------------------認證步驟-左側認證資訊*/
    .Authenticate_content .leftFunction {
        width: 48%;
        height: auto;
        border-radius: 5px;
        float: left;
        margin-bottom: 2%;
    }

    .Authenticate_content .add_login {
        width: 90%;
        height: auto;
        background-color: #eeeeee;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5% 5% 5%;
    }
    /*--step5*/
    .Authenticate_content_finish .add_content {
        width: 90%;
        height: auto;
        background-color: #eeeeee;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        float: left;
        margin-bottom: 2%;
        padding: 5% 5% 5% 5%;
    }
    /*--------------------------手機認證作業下方警語*/
    .leftFunction .NoteText {
        float: left;
        display: block;
        width: 90%;
        height: auto;
        padding: 2% 5% 5% 5%;
    }

        .leftFunction .NoteText .note {
            color: #0f9585;
            font-size: 17px;
            font-weight: bolder;
            line-height: 25px;
        }

        .leftFunction .NoteText .m_note {
            font-size: 15px;
            line-height: 25px;
        }
    /*--------------------------登入頁面－右側會員須知*/
    .Signin_content .Members.Posts {
        width: 58%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
    }

    .Signin_content .Members.Posts_2 {
        width: 58%;
        height: 445px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        margin-left: 1%;
        border: 1px solid #e5e5e5;
    }

    .Sever_content .Members.Posts_3 {
        width: 99%;
        height: 400px;
        background-color: #fff;
        border-radius: 5px;
        float: left;
        border: 1px solid #e5e5e5;
    }
    /*--------------------------契客頁面區*/
    .Sever_content .Confirmation {
        float: left;
        display: block;
        width: 99%;
        height: 45px;
        margin: 10px 0;
        border-radius: 5px;
        border: 1px solid #ffd826;
    }

        .Sever_content .Confirmation laber {
            width: 100%;
            float: left;
            display: block;
        }

    .form-checkbox2 {
        float: left;
        display: block;
        margin-left: 36%;
        width: 20px;
        height: 40px;
    }

    .Confirmation laber span {
        text-align: center;
        font-size: 19px;
        line-height: 45px;
        float: left;
        display: block;
        color: #434343;
    }

    .form-navcheckbox {
        float: left;
        width: 20px;
        height: 23px;
    }

    .plus laber span {
        float: left;
        width: auto;
        font-size: 15px;
        line-height: 25px;
    }
    /*--------------------------標題樣式*/
    .client_name {
        width: 30%;
        float: left;
        display: block;
        background-color: #0f9585;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .client_name_2 {
        width: 30%;
        float: left;
        display: block;
        background-color: #ffd826;
        border-bottom-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    .client_name a {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 35px;
        text-align: center;
        color: #fff;
    }

    .client_name_2 a {
        width: 100%;
        float: left;
        font-size: 17px;
        line-height: 35px;
        text-align: center;
        color: #fff;
    }

    .item {
        width: 70%;
        float: left;
        display: block;
    }

        .item a {
            width: 100%;
            float: left;
            font-size: 17px;
            line-height: 35px;
            text-indent: 12px;
            color: #000;
        }

    .form-Payment {
        width: 68%;
        float: left;
        display: block;
        margin: 0 1%;
    }

    .form-select {
        width: 100%;
        height: 30px;
        line-height: 30px;
        float: left;
        display: block;
        font-size: 15px;
        border: 1px solid #e0e0e0;
        margin-top: 5px;
    }
    /*--------------------------契客頁面區_左側客戶名稱*/
    .Sever_content .left_block {
        width: 49%;
        float: left;
        display: block;
        border: 1px solid #eee;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    /*--------------------------契客頁面區_右側金流服務選項*/
    .Sever_content .right_block {
        width: 49%;
        float: right;
        display: block;
        border: 1px solid #eee;
        border-radius: 5px;
    }
    /*--------------------------契客頁面區_內容樣式*/
    .sub_block {
        width: 92%;
        padding: 4%;
        float: left;
        display: block;
    }

        .sub_block .subtitle {
            width: 100%;
            float: left;
            font-size: 17px;
            line-height: 25px;
            border-bottom: 2px solid #dcdcdc;
            color: #0f9585;
            margin-bottom: 5px;
        }

        .sub_block span {
            width: 100%;
            float: left;
            font-size: 15px;
            line-height: 25px;
        }

        .sub_block .Notice {
            width: 100%;
            height: 70px;
            float: left;
            display: block;
            margin-bottom: 5px;
        }

            .sub_block .Notice a {
                width: 100%;
                display: block;
                float: left;
                font-size: 17px;
                line-height: 35px;
            }

    .Notice a span {
        margin: 2px 2% 2px 0;
        width: 18%;
        float: left;
        display: block;
        text-align: center;
        background-color: #0f9585;
        padding: 1px;
        color: #fff;
        border-radius: 5px;
    }

    .sub_block .plus {
        float: left;
        display: block;
        width: 100%;
        height: 30px;
    }

    .plus laber {
        width: 100%;
        float: left;
        display: block;
    }
    /*--------------------------登入頁面－完成註冊作業提醒文字*/
    .Congratulation {
        width: 100%;
        font-size: 25px;
        line-height: 35px;
        font-weight: bolder;
        color: #434343;
        float: left;
        display: block;
    }

        .Congratulation span {
            color: #0d8678;
        }

    .user_infor {
        float: left;
        display: block;
        font-size: 15px;
        line-height: 25px;
        margin: 20px 0;
        padding: 0;
    }
    /*--------------------------黑色標題區塊*/
    .subtitle {
        width: 100%;
        float: left;
        display: block;
    }

        .subtitle a {
            width: 100%;
            height: 40px;
            float: left;
            display: block;
            background-color: #434343;
            line-height: 40px;
            font-size: 17px;
            color: #fff;
            text-indent: 15px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

    p {
        margin: 0;
        height: auto;
        /*float:left;*/
        display: block;
        font-size: 12px;
        line-height: 21px;
    }
}

@media screen and (min-width : 769px){
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
html {font-family:Helvetica, "微軟正黑體" ,sans-serif;-webkit-text-size-adjust:none;}

/*---------------------首頁中間資訊置中*/
.weapper .wap { 
	max-width:980px;
	height:auto;
	margin:0 auto;}
/*---------------------中間內容物*/
.content {max-width:100%;height:auto;margin:0 auto;float:left;}

/*---------------------表單*/
.clt-mps-form {
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    margin-bottom: 10px;
    padding-bottom:10px;
    margin-left:10px;
}


.divCalendarGroup {
}
.divNumberGroup {
        width:28%;
    }
.divRadioGroup {
        width:62%;
        padding-top:5px;
        height:37px;
    }
.form_subtitle {
    width: 100%;
    float: left;
    display: block;
}
.form_subtitle a {
    width: 100%;
    height: 40px;
    float: left;
    display: block;
    background-color: #434343;
    line-height: 40px;
    font-size: 17px;
    color: #fff;
    text-indent: 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.form_table_block {
	float:left;
	height:auto;
	width:100%;
	background-color: #fbfbfb;
	border:1px solid #e5e5e5;
    border-radius: 5px;
	padding:1% 0% 3% 0%;
}

/* --------------------------欄位設定 */
.form-group {
    padding-left:5px;
    margin-bottom: 7px;
    display: block;
    height:40px;
}
.control-label {
    font-size:17px;
	font-weight:bolder;
    height:25px;
	line-height:25px;
    text-align:right;
    vertical-align:middle;     
    padding-right:5px; 
}
.control-text {
    font-size:17px;
    height:25px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
    padding-top:5px;
}

.form-control {
    margin:0;
    margin-bottom:8px;
	/*height:32px;*/
	font-size:17px;
	/*line-height:32px;*/
	font-weight:200;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding:3px 12px;
    width: 95%
}


/*button:not(.grid_btn),[type='button']:not(.grid_btn) {
    background-color:transparent;
    padding:0;
    border:none;
}*/
.divButton {
    width:50%;
    float:left;
}

/* --------------------------按鈕區塊*/
.form_Push_button {
	width:100%;
	float:left;
	display:block;
	margin-bottom:10px;
    margin-left:10px;
}

.btn-warning {
	/*width:100%;*/
    width:auto;
    background-image:url(../images/form_icon.png);
    background-repeat:no-repeat;	
    background-size:20px auto;	
    /*background-position:left 0px;*/
    background-position:10px 7px;
    vertical-align:middle;
    text-align:center;
	padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	background-color:#139c8b;
	border:0;
	border-radius:5px;
	text-indent:20px;
    line-height:1.42857143;

}
.btn-primary {
	/*width:100%;*/
    width:auto;
    background-image:url(../images/form_icon.png);	
    background-repeat:no-repeat;	
    background-size:20px auto;	
    background-position:10px -33px;
	/*padding:6% 0;*/
    padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
    text-shadow:none;
	color:#fff;
	display:inline-block;
	background-color:#fdd000;
	border:0;
	border-radius:5px;
	text-indent:20px;
    line-height:1.42857143;

}
.btn-reset {
	/*width:100%;*/
    width:auto;
    /*padding-left:28px;*/	
    background-image:url(../images/form_icon.png);	
    background-repeat:no-repeat;	
    background-size:20px auto;	
    background-position:10px -73px;
	/*padding:6% 0;*/
    padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
    text-shadow:none;
	color:#fff;
	display:inline-block;
	background-color:#bfbfbf;
	border:0;
	border-radius:5px;
	/*text-indent:-10px;*/
    text-indent:20px;
    line-height:1.42857143;
    
}
.btn-exit {
	/*width:100%;*/    
    width:auto;
    padding-left:28px;
	background-image:url(../images/form_icon.png);
	background-repeat:no-repeat;
	background-size:20px auto;
	background-position:10px -113px;
	/*padding:6% 0;*/
    padding:6px 12px;
	font-size:17px;
	text-align:center;
	text-decoration:none;
    text-shadow:none;
	color:#fff;
	display:inline-block;
	background-color:#d9534f;
	border:0;
	border-radius:5px;
	/*text-indent:-10px;*/
    text-indent:20px;
    line-height:1.42857143;
    
}
    
.btn-warning:active:hover,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning.active.focus ,
.btn-warning:focus,.btn-warning.focus,
.btn-warning:hover
 {background-color:#00706b;background-position:10px 7px;/*transition: all 0.4s ease-in-out;*/}

.btn-primary:active:hover,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary.active.focus ,
.btn-primary:focus,.btn-primary.focus,
.btn-primary:hover {background-color:#eb9900;background-position:10px -33px;/*transition: all 0.4s ease-in-out;*/}

.btn-reset:active:hover,.btn-reset.active:focus,.btn-reset:active.focus,.btn-reset.active.focus ,
.btn-reset:focus,.btn-reset.focus,
.btn-reset:hover {background-color:#e5004f;color:#fff ;background-position:10px -73px;/*transition: all 0.4s ease-in-out;*/}

.btn-exit:active:hover,.btn-exit.active:focus,.btn-exit:active.focus,.btn-exit.active.focus ,
.btn-exit:focus,.btn-exit.focus,
.btn-exit:hover {background-color:#c9302c;background-position:10px -113px;color:white;/*transition: all 0.4s ease-in-out;*/}


/* --------------------------出生日期*/
.clt-mps-form .form-name {width:30%;margin:15px 0% 5px 4%;float:left;display:block;}
.clt-mps-form .form-date {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}
.clt-mps-form .form-sex {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}
.form-text-sex{
	margin:0;
	float:left;
	height:35px;
	font-size:17px;
}
.clt-mps-form .form-date option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
.clt-mps-form .form-date .select {width:23%;
	height:30px;
	line-height:30px;
	float:left;
	display:block;
	font-size:17px;
	border:1px solid #e0e0e0;
	margin-right:1%;
	margin-top:2px;
}
.clt-mps-form .form-date .select1 {width:30%;
	height:30px;
	line-height:30px;
	float:left;
	display:block;
	font-size:17px;
	border:1px solid #e0e0e0;
	margin-right:1%;
	margin-top:2px;
}
/* --------------------------性別*/
    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 36%;
    }

.clt-mps-form .form-sex label {
    text-align: left;
    width: auto;
    font-weight: normal;
    margin: 0 10px 0 0;
    float: left;
    display: inline;
    line-height: 18px;
    font-size: 12px;
}
.form-radio, .form-checkbox {
    margin-right: 5px;
    margin-top: 2px;
	float: left;
}
.form-sex label span{
    float: left;
	font-size:19px;
	line-height:35px;
	padding:0 5px;
}

/* --------------------------表格*/
/*.form_table_block {
	float:left;
	height:auto;
	width:100%;
	background-color: #fbfbfb;
	border:1px solid #e5e5e5;
    border-radius: 5px;
	padding:1% 0% 3% 0%;
}*/
/*.form_table_block table {*/
	/*float:left;
	height:auto;
	width:100%;
	border:0;
	border-collapse:collapse;*//*取消表格間距*/
/*}*/
/*.form_table_block table tr {
	width:100%;
	height:40px;
}*/
/*.form_table_block table .gray {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
.form_table_block table .green {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
table .gray td {width:23%;font-size:15px;line-height:30px; color:#434343;padding-left:10px;}
table .green td {width:23%;font-size:15px;line-height:30px; color:#fff;padding-left:10px;}

table tr td {width:23%;font-size:15px;line-height:30px; text-indent:1%;color:#000;padding-left:10px;}
table .green .style_2 {width:12.5%;padding:0; text-align:center;color:#fff;}
table tr .style_2 {width:12.5%;padding:0; text-align:center;color:#434343;}
.green td .Details {
	width: 80%;
	display:block;
	color:#fff;
    text-align: center;
    margin: 5% 10%;
    border-radius: 5px;
    background-color: #616161;
	text-decoration:none;
}
tr td .Details {
	width: 80%;
	display:block;
	color:#434343;
    text-align: center;
    margin: 5% 10%;
    border-radius: 5px;
    background-color: #e4e4e4;
	text-decoration:none;
}
tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/
}
	/* --手機版型------------------------------------- */
@media screen and (max-width: 768px){
    /*---------------------首頁中間資訊置中*/
	.weapper .wap { 
		max-width:980px;
		height:auto;
		margin:0 auto;}
	/*---------------------中間內容物*/
	.content {
        min-width:320px;height:auto;margin:0 auto;float:left;
	}
	/*---------------------列表明細表單*/
	.clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom: 10px;
        margin-left:10px;
	}
	.form_subtitle {
		width: 100%;
		float: left;
		display: block;
	}
	.form_subtitle a {
		width: 100%;
		height: 40px;
		float: left;
		display: block;
		background-color: #434343;
		line-height: 40px;
		font-size: 17px;
		color: #fff;
		text-indent: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
    .divButton {
        width:auto;
        float:left;
    }
    .form-control {
        width:92%;
    }

    .form-group {
    padding-left:5px;
    margin-bottom: 7px;
    display: block;
    height:40px;
}

    .control-label {
        font-size: 17px;
        font-weight: bolder;
        height: 32px;
        line-height: 32px;
        padding-right:5px;
    }

    .control-text {
    font-size:17px;
    height:25px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
    padding-top: 8px;
}

	.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}
	
	
	/*.clt-mps-form .rowOne {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:46%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:29%;margin:15px 0% 5px 4%;float:left;display:block;}

	.clt-mps-form .form-name {width:30%;margin:15px 0% 5px 4%;float:left;display:block;}
	.clt-mps-form .form-date {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}
	.clt-mps-form .form-sex {width:30%;margin:5px 0% 15px 4%;float:left;display:block;}*/
	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}*/
	/*.clt-mps-form .form-date .select {width:23%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {width:30%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/
	/* --------------------------性別*/
	/*.clt-mps-form .form-sex label {
		text-align: left;
		width: auto;
		font-weight: normal;
		margin: 0 10px 0 0;
		float: left;
		display: inline;
		line-height: 18px;
		font-size: 12px;
	}*/
	/*.form-radio, .form-checkbox {
		margin-right: 5px;
		margin-top: 2px;
		float: left;
	}
	.form-sex label span{
		float: left;
		font-size:19px;
		line-height:35px;
		padding:0 5px;
	}.form_Push_button {
		width:100%;
		float:left;
		display:block;
		margin-bottom:10px;
	}*/
	/*.form-action-2   {
		height:20%;
		width:24%;
		margin:0 0.5%;
		float:left;
	}*/
	.btn-warning {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px 7px;
        /*width:100%;*/
		padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
		color:#fff;
		display:inline-block;
		background-color:#139c8b;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-primary  {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -33px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display:inline-block;
		background-color:#fdd000;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-reset {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -73px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display:inline-block;
		background-color:#bfbfbf;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-exit  {
		/*padding-left:28px;*/
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -113px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display:inline-block;
		background-color:#d9534f;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	
    .btn-warning:active:hover,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning.active.focus ,
    .btn-warning:focus,.btn-warning.focus,
    .btn-warning:hover
     {background-color:#00706b;background-position:10px 7px;/*transition: all 0.4s ease-in-out;*/}

    .btn-primary:active:hover,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary.active.focus ,
    .btn-primary:focus,.btn-primary.focus,
    .btn-primary:hover {background-color:#eb9900;background-position:10px -33px;/*transition: all 0.4s ease-in-out;*/}

    .btn-reset:active:hover,.btn-reset.active:focus,.btn-reset:active.focus,.btn-reset.active.focus ,
    .btn-reset:focus,.btn-reset.focus,
    .btn-reset:hover {background-color:#e5004f;color:#fff ;background-position:10px -73px;/*transition: all 0.4s ease-in-out;*/}

    .btn-exit:active:hover,.btn-exit.active:focus,.btn-exit:active.focus,.btn-exit.active.focus ,
    .btn-exit:focus,.btn-exit.focus,
    .btn-exit:hover {background-color:#c9302c;background-position:10px -113px;color:white;/*transition: all 0.4s ease-in-out;*/}
    /* --------------------------表格*/
	.form_table_block {
		float:left;
		height:auto;
		width:100%;
		background-color: #fbfbfb;
		border:1px solid #e5e5e5;
		border-radius: 5px;
		padding:1% 0% 3% 0%;
	}
	/*.form_table_block table {
		float:left;
		height:auto;
		width:100%;
		border:0;
		border-collapse:collapse;*//*取消表格間距*/
	/*}*/
	/*.form_table_block table tr {
		width:100%;
		height:35px;
	}
	.form_table_block table .gray {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
	.form_table_block table .green {width:23%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
	table .gray td {width:23%;font-size:15px;line-height:30px; color:#434343;padding-left:10px;}
	table .green td {width:23%;font-size:15px;line-height:30px; color:#fff;padding-left:10px;}
	
	table tr td {width:20%;font-size:15px;line-height:30px; text-indent:1%;color:#000;padding-left:10px;}
	table .green .style_2 {width:15%;padding:0; text-align:center;color:#fff;}
	table tr .style_2 {width:15%;padding:0; text-align:center;color:#434343;}
	.green td .Details {
		width: 80%;
		display:block;
		color:#fff;
		text-align: center;
		margin: 6% 10%;
		border-radius: 5px;
		background-color: #616161;
		text-decoration:none;
	}
	tr td .Details {
		width: 80%;
		display:block;
		color:#434343;
		text-align: center;
		margin: 5% 10%;
		border-radius: 5px;
		background-color: #e4e4e4;
		text-decoration:none;
	}
	tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/
    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 36%;
    }
}
@media screen and (max-width: 640px) {
    .control-label {
        font-size: 17px;
        font-weight: bolder;
        height: 22px;
        line-height: 22px;
    }
    .form-control {
        width:92%;
    }	

    
    .control-text {
    font-size:17px;
    height:25px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
}

	.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}
	/* --------------------------2個字的標題 */
	/*.field-label{
		width:20%;
		height:35px;
		line-height:35px;
		float:left;
		display:block;
		font-size:17px;
		font-weight:bolder;
	}
	.clt-mps-form .rowOne {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}*/

	/*.clt-mps-form .form-name {width:40%;margin:15px 0% 5px 4%;float:left;display:block;}
	.clt-mps-form .form-date {width:40%;margin:5px 0% 15px 4%;float:left;display:block;}
	.clt-mps-form .form-sex {width:40%;margin:5px 0% 15px 4%;float:left;display:block;}*/

	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}
	.clt-mps-form .form-date .select {
		width:23%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {width:30%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/
		
	.btn-warning {
		/*width: 100%;*/
    	/*padding: 8% 0;*/
        padding:6px 12px;
    	font-size: 17px;
    	text-align: center;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		background-color: #139c8b;
		border: 0;
		border-radius: 5px;
		text-indent: 20px;
        line-height:1.42857143;

	}
	.btn-primary {
		/*width:100%;
		padding:8% 0;*/
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#fdd000;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-reset {
		/*width:100%;*/
		/*padding:8% 0;*/
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#bfbfbf;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-exit {
		/*width:100%;
		padding:8% 0;*/
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#d9534f;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}

    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 25%;
    }
}
@media screen and (max-width: 568px) {	
	ul.drop-down-menu {
		display: none;
	}
    .clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom: 10px;
        margin-left:10px;
	}
    .divCalendarGroup {
        width:65%;
        padding-right:1px;
        padding-left:15px;
    }
    .divNumberGroup {
        width:80%;
    }
        
    .control-text {
    font-size:17px;
    height:30px;
	line-height:25px;
    text-align:left;
    vertical-align:middle;
    margin-left:15px;
    padding-top: 0px;
}

	.form_subtitle {
		width: 100%;
		float: left;
		display: block;
	}
	.form_subtitle a {
		width: 100%;
		height: 40px;
		float: left;
		display: block;
		background-color: #434343;
		line-height: 40px;
		font-size: 17px;
		color: #fff;
		text-indent: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
    
    /*.form-control {
        width:92%;
    }*/

	/*.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}*/
	/* --------------------------2個字的標題 */
	/*.field-label{
		width:32%;
		height:35px;
		line-height:35px;
		float:left;
		display:block;
		font-size:17px;
		font-weight:bolder;
	}*/
	/*---------------------列表明細表單*/
	
	/*.clt-mps-form .rowOne {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}

	.clt-mps-form .form-name {width:45%;margin:15px 0% 5px 4%;float:left;display:block;}
	.clt-mps-form .form-date {width:45%;margin:5px 0% 15px 4%;float:left;display:block;}
	.clt-mps-form .form-sex {width:45%;margin:5px 0% 15px 4%;float:left;display:block;}*/
	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}
	.clt-mps-form .form-date .select {
		width:22%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {
		width:32%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:17px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/

    .form_Push_button {
		width:97%;
		float:left;
		display:block;
		margin-left:10px;
	}
	.btn-warning {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px 7px;
        padding:6px 12px;
		font-size: 17px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		background-color: #139c8b;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-primary {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px -33px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		background-color:#fdd000;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-reset {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px -73px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		float:left;
		background-color:#bfbfbf;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.btn-exit {
		/*width: 100%;
		padding: 10% 0;*/
        background-image:url(../images/form_icon.png);    
	    background-repeat:no-repeat;	
    	background-size:20px auto;	   
	    background-position:10px -113px;
        padding:6px 12px;
		font-size:17px;
		text-align:center;
		text-decoration:none;
        text-shadow:none;
		color:#fff;
		display: inline-block;
		float:left;
		background-color:#d9534f;
		border:0;
		border-radius:5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	/* --------------------------表格*/
	.form_table_block {
	    float: left;
		height: auto;
		width: 100%;
		background-color: #fbfbfb;
		border: 1px solid #e5e5e5;
		border-radius: 5px;
		padding: 1% 0% 3% 0%;
	}
	/*.form_table_block table {
		float:left;
		height:auto;
		width:100%;
		border:0;
		border-collapse:collapse;/*取消表格間距*/*/
	/*}
	.form_table_block table tr {
		width:100%;
		height:40px;
	}*/
	/*.form_table_block table .gray {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
	.form_table_block table .green {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
	table .gray td {width:20%;font-size:15px;line-height:30px; color:#434343;padding-left:10px;}
	table .green td {width:20%;font-size:15px;line-height:30px; color:#fff;padding-left:10px;}
	
	table tr td {width:20%;font-size:15px;line-height:30px; text-indent:1%;color:#000;padding-left:10px;}
	table .green .style_2 {width:20%;padding:0; text-align:center;color:#fff;}
	table tr .style_2 {width:20%;padding:0; text-align:center;color:#434343;}
	tr td .Details {
		width: 80%;
		display:block;
		color:#000;
		text-align: center;
		margin: 5% 10%;
		border-radius: 5px;
		background-color: #d2d2d2;
		text-decoration:none;
	}
	tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/

    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 15%;
    }
}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 414px) {
    .form-control {
        width:90%;
    }
    .clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom:5px;
        margin-left:5px;
	}
    .divCalendarGroup {width:72%}
    .divNumberGroup {
        width:72%;
    }
    .divRadioGroup {
        width:71%;
        padding-right:1px;
        padding-left:1px;
        font-size:15px;
    }
    
    .control-text {
        font-size:15px;
        height:32px;
	    line-height:32px;
        text-align:left;
        vertical-align:middle;
    }
    .form-radio, .form-checkbox {
        margin-right: 5px;
        margin-top: 7px;
        margin-bottom:7px;
	    float: left;
    }
}
@media screen and (max-width: 375px) {
    .form-control {
        width:90%;
    }
    .clt-mps-form {
		width: 97%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom:5px;
        margin-left:5px;
	}
    .divCalendarGroup {width:72%}
    .divNumberGroup {
        width:72%;
    }
    .divRadioGroup {
        width:71%;
        padding-right:1px;
        padding-left:1px;
        font-size:15px;
    }
    .control-text {
        font-size:15px;
        height:32px;
	    line-height:32px;
        text-align:left;
        vertical-align:middle;
        padding-top: 0px;
    }
}
@media screen and (max-width: 320px) {
    .form-control {
        width:90%;
    }
    /*---------------------首頁中間資訊置中*/
	.weapper .wap { 
		max-width:980px;
		height:auto;
		margin:0 auto;}
	/*---------------------中間內容物*/
	.content {min-width:320px; width:98%;height:auto; margin: 0 1%; float:left;}
	/*---------------------列表明細表單*/
	.clt-mps-form {
		width: 100%;
		height: auto;
		background-color: #eeeeee;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		float: left;
		margin-bottom:5px;
        margin-left:5px;
	}
    .divCalendarGroup {width:82%}
    .divNumberGroup {
        width:82%;
    }
    .divRadioGroup {
        width:71%;
        padding-right:1px;
        padding-left:1px;
        font-size:15px;
    }
	.form_subtitle {
		width: 100%;
		float: left;
		display: block;
	}
	.form_subtitle a {
		width: 100%;
		height: 40px;
		float: left;
		display: block;
		background-color: #434343;
		line-height: 40px;
		font-size: 17px;
		color: #fff;
		text-indent: 15px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
    .form-control {
        width:92%;
    }
    .control-label {
        font-size: 15px;
        font-weight: 800;
        height: 28px;
        line-height: 32px;
    }
    .control-text {
        font-size:15px;
        height:32px;
	    line-height:32px;
        text-align:left;
        vertical-align:middle;
    }
	/*.form-text-sex{
		margin:0;
		float:left;
		height:35px;
		font-size:17px;
	}*/
	/* --------------------------2個字的標題 */
		
	/*.clt-mps-form .rowOne {width:100%;margin:15px 6% 3px 6%;float:left;display:block;}
    .clt-mps-form .rowTwo {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}
    .clt-mps-form .rowThree {width:100%;margin:15px 0% 5px 4%;float:left;display:block;}

	.clt-mps-form .form-name {width:88%;margin:5px 6% 3px 6%;float:left;display:block;}
	.clt-mps-form .form-date {width:88%;margin:5px 6% 3px 6%;float:left;display:block;}
	.clt-mps-form .form-sex {width:88%;margin:5px 6% 15px 6%;float:left;display:block;}*/
	/* --------------------------出生日期*/
	/*.clt-mps-form .form-date option {
		font-weight: normal;
		display: block;
		white-space: pre;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}
	.clt-mps-form .form-date .select {
		width:26%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:19px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}
	.clt-mps-form .form-date .select1 {
		width:30%;
		height:30px;
		line-height:30px;
		float:left;
		display:block;
		font-size:19px;
		border:1px solid #e0e0e0;
		margin-right:1%;
		margin-top:2px;
	}*/
	/* --------------------------性別*/
	/*.clt-mps-form .form-sex label {
		text-align: left;
		width: auto;
		font-weight: normal;
		margin: 0 10px 0 0;
		float: left;
		display: inline;
		line-height: 18px;
		font-size: 12px;
	}
	.form-radio, .form-checkbox {
		margin-right: 5px;
		margin-top: 2px;
		float: left;
	}
	.form-sex label span{
		float: left;
		font-size:19px;
		line-height:35px;
		padding:0 5px;
	}*/
	.btn-warning {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px 7px;
        /*width: 100%;*/
		/*padding: 15% 0;*/
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		background-color: #139c8b;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;
	}
	.btn-primary {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -33px;
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
        text-shadow:none;
		color: #fff;
		display: inline-block;
		background-color: #fdd000;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;
	}
	.btn-reset {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -73px;
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
        text-shadow:none;
		color: #fff;
		display: inline-block;
		background-color: #bfbfbf;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;
	}
	.btn-exit {
		padding-left:22px;
		background-image:url(../images/form_icon.png);
		background-repeat:no-repeat;
		background-size:20px auto;
		background-position:10px -113px;
        padding:6px 12px;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
        text-shadow:none;
		color: #fff;
		display: inline-block;
		background-color: #d9534f;
		border: 0;
		border-radius: 5px;
		text-indent:20px;
        line-height:1.42857143;

	}
	.form_Push_button {
		width:97%;
		float:left;
		display:block;
		margin-left:10px;
		margin-bottom: 5px;
	}
		
    .btn-warning:active:hover,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning.active.focus ,
    .btn-warning:focus,.btn-warning.focus,
    .btn-warning:hover
     {background-color:#00706b;background-position:10px 7px;/*transition: all 0.4s ease-in-out;*/}

    .btn-primary:active:hover,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary.active.focus ,
    .btn-primary:focus,.btn-primary.focus,
    .btn-primary:hover {background-color:#eb9900;background-position:10px -33px;/*transition: all 0.4s ease-in-out;*/}

    .btn-reset:active:hover,.btn-reset.active:focus,.btn-reset:active.focus,.btn-reset.active.focus ,
    .btn-reset:focus,.btn-reset.focus,
    .btn-reset:hover {background-color:#e5004f;color:#fff ;background-position:10px -73px;/*transition: all 0.4s ease-in-out;*/}

    .btn-exit:active:hover,.btn-exit.active:focus,.btn-exit:active.focus,.btn-exit.active.focus ,
    .btn-exit:focus,.btn-exit.focus,
    .btn-exit:hover {background-color:#c9302c;background-position:10px -113px;color:white;/*transition: all 0.4s ease-in-out;*/}
    /* --------------------------表格*/
	.form_table_block {
		float: left;
		height: auto;
		width: 100%;
		background-color: #fbfbfb;
		border: 1px solid #e5e5e5;
		border-radius: 5px;
		padding: 1% 0% 3% 0%;
	}
	/*.form_table_block table {
		float:left;
		height:auto;
		width:100%;
		border:0;
		border-collapse:collapse;*//*取消表格間距*/
	/*}
	.form_table_block table tr {
		width:100%;
		height:35px;
	}*/
	/*.form_table_block table .gray {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#f3f4f4;}
	.form_table_block table .green {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000; background-color:#707070;}
	table .gray td {width:20%;font-size:15px;line-height:35px; color:#434343;padding:0 2px;}
	table .green td {width:20%;font-size:15px;line-height:35px; color:#fff;padding:0 2px;}
	
	table tr td {width:20%;font-size:15px;line-height:35px; text-indent:1%;color:#000;padding-left:10px;}
	table .green .style_2 {width:20%;padding:0; text-align:center;color:#fff;}
	table tr .style_2 {width:20%;padding:0; text-align:center;color:#434343;}
	.green td .Details {
		width: 80%;
		display: block;
		color: #fff;
		text-align: center;
		margin: 10% 10%;
		border-radius: 5px;
		background-color: #616161;
		text-decoration: none;
	}
	tr td .Details {
		width: 80%;
		display:block;
		color:#000;
		text-align: center;
		margin: 10% 10%;
		border-radius: 5px;
		background-color: #d2d2d2;
		text-decoration:none;
	}
	tr td .Details:hover {background-color: #008a84;color:#fff;transition: all 0.2s ease-in-out;}*/

    .clt-mps-form .Confirmation input[type="checkbox"] {
        margin-left: 10%;
    }

}