.clean {
    clear: both;
}

img {
    max-width: 100%;
    max-height: fit-content;
}

/*160714*/
#cbp-hrmenu > ul > li > a:focus + .cbp-hrsub,
#cbp-hrmenu > ul > li:hover > .cbp-hrsub {
    display: block;
    padding-bottom: 20px; /*160815*/
}

/*---------------------------------------------------------------------------內容頁文字.搜尋樣式*/
.aplus_colorB {
    color: #e8f9ff !important;
}

.aplus_colorW {
    color: #fff;
}

.txt_small {
    font-size: 12px;
}

.txt_big {
    font-size: 20px;
}

.txt_bold {
    font-weight: bold;
}

.txt_brown {
    color: #a98052 !important;
}

.txt_red {
    color: red !important;
}

.txt_blue {
    color: #0649c3;
}

.txt_center {
    width: 100%;
    max-width: 960px;
    text-align: center;
}
/*160815*/
.margin_bottom {
    margin-bottom: 20px;
}

.t_right {
    text-align: right;
}

.txt_black a {
    color: #444 !important;
}
/*160815*/

.txt_border {
    width: 100%;
    border: 1px solid #ccc;
    background: #eee;
    font-size: 14px;
    line-height: 1.6em;
    color: #555;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 14px;
}

.main_Content_txt select {
    font-size: 14px;
    font-family: Arial, "微軟正黑體", sans-serif;
    margin-bottom: 5px;
}

.main_Content_txt input[type="button"] {
    font-size: 14px;
    font-family: Arial, "微軟正黑體", sans-serif;
    vertical-align: top;
    letter-spacing: 1px;
    padding: 1px 6px;
}

.btn_right {
    float: right;
}

.rss {
    font-size: 14px;
    color: #fff;
    margin-right: 4px;
    line-height: 2.8em;
}

    .rss a {
        color: #fff !important;
        text-decoration: none;
        background: #F90;
        border: #555 1px solid;
        padding: 6px;
    }

        .rss a:hover {
            color: #F63 !important;
            text-decoration: none;
            background: #fff;
            border: #F90 1px solid;
            padding: 6px;
        }


/*--------------------------------------------------------------------------lightbox*/
.lightbox {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #F90;
    background: #fefefe;
    line-height: 2em;
    padding: 0px 20px;
    border-radius: 6px;
    -webkit-text-size-adjust: none;
}

.txt_orange {
    color: #F90;
}

.lightbox input[type="button"] {
    font-size: 14px;
    font-family: Arial, "微軟正黑體", sans-serif;
    vertical-align: top;
    letter-spacing: 1px;
    padding: 2px 6px;
    margin-top: 4px;
}

.lightbox input[type="text"] {
    font-size: 14px;
    font-family: Arial, "微軟正黑體", sans-serif;
    vertical-align: top;
    height: 20px;
    max-width: 150px;
    margin-top: 4px;
}

.login_2box {
    width: 760px;
    margin: 0 auto;
}

.login_classCrowds {
    width: 353px;
    height: 242px;
    float: left;
    text-align: center;
    line-height: 1.6em;
    color: #333;
    margin-bottom: 30px;
    margin-right: 20px;
    padding: 110px 0px 0px 0px;
    background: url(../images/bg_login_crowds.png) 100% 0 no-repeat;
}

    .login_classCrowds a {
        width: 200px;
        height: 50px;
        color: #fff;
        font-size: 16px;
        background: #1796e3;
        border: 0;
        margin-bottom: 22px;
        cursor: pointer;
        display: inline-block;
        line-height: 3em;
    }

        .login_classCrowds a:hover {
            background: #005ac0;
        }

.login_classMember {
    width: 353px;
    height: 242px;
    float: left;
    text-align: center;
    line-height: 1.6em;
    color: #333;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 110px 0px 0px 0px;
    background: url(../images/bg_login_member.png) 0 0 no-repeat;
}

    .login_classMember a {
        width: 200px;
        height: 50px;
        color: #fff;
        font-size: 16px;
        background: #b17102;
        border: 0;
        margin-bottom: 22px;
        cursor: pointer;
        display: inline-block;
        line-height: 3em;
    }

        .login_classMember a:hover {
            background: #885600;
        }


@media only screen and (min-width: 768px) {
    /*161205 CK編輯器*/
    #CkeditorImg p, #CkeditorImg span {
        width: 92%;
        margin: 0 auto;
        font-size: 16px !important;
        color: #444 !important;
        font-family: "微軟正黑體" !important;
        line-height: 1.6em;
    }

    #CkeditorImg blockquote {
        width: 100%;
        color: #000;
        font-size: 16px;
        background: #efefef;
        height: 50px;
        margin-bottom: 20px;
        font-weight: bold;
        padding-top: 10px;
    }

    #CkeditorImg table {
        width: 98%;
        margin: 0 auto;
        color: #444;
    }

    #CkeditorImg img {
    }

    #CkeditorImg table > thead > tr {
        background: #a67d51 !important;
    }

        #CkeditorImg table > thead > tr > th > p > span {
            color: #fff !important;
        }

    /*160713*/
    .login_classBtn {
        padding-top: 50px;
        padding-bottom: 80px;
        text-align: center;
    }

        .login_classBtn input[type="button"] {
            font-size: 15px;
            font-family: Arial, "微軟正黑體", sans-serif;
            height: 40px;
            padding: 0 10px;
        }
    /*---------------------------------------------------------------------------委員會簡介 160714*/
    .intro_list {
        width: 100%;
        margin-bottom: 20px;
    }

        .intro_list a {
            text-decoration: none;
            color: #0080ff;
        }

            .intro_list a:hover {
                text-decoration: none;
                color: #0000ff;
            }

        .intro_list ul { /*160815*/
            width: 100%;
            margin: 0px 20px;
        }

            .intro_list ul li { /*160815*/
                padding: 10px;
                width: 300px;
                float: left;
                padding-right: 30px;
                list-style: disc;
                line-height: 1.4em;
            }

    .committee_content { /*160815*/
        width: 100%;
        line-height: 1.8em;
        margin-bottom: 20px;
    }

    blockquote { /*160815*/
        width: 100%;
        background: #efefef;
        height: 40px;
        line-height: 40px;
        color: #000;
        padding-left: 20px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .committee_content ol { /*160815*/
        margin-left: 24px;
    }

        .committee_content ol li { /*160815*/
            list-style: decimal;
        }

    .intro_txtLeft {
        width: 100%;
        float: none;
        text-align: center;
    }

        .intro_txtLeft img {
            max-width: 250px;
        }

    .intro_txtRight {
        width: 50%;
        float: none;
    }
    /*---------------------------------------------------------------------------首頁*/
    .web_none {
        display: none;
    }

    .content_input {
        font-size: 14px;
        font-family: Arial, "微軟正黑體", sans-serif;
        padding: 2px 0px;
        max-width: 120px;
    }

    .top {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background: #e8f9ff;
        border-bottom: 1px solid #d9eef6;
    }

    .mobile_top {
        display: none;
    }

    .top_link {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        color: #336699;
        text-align: right;
        letter-spacing: 1px;
        font-size: 12px;
    }

        .top_link a {
            color: #336699;
            text-decoration: none;
        }

            .top_link a:hover {
                color: #000;
                text-decoration: none;
            }

        .top_link img {
            width: 13px;
        }

    .header {
        position: relative;
        width: 96%;
        max-width: 960px;
        min-height: 280px;
        margin: 0 auto;
        background: url(../images/bg_header.jpg) 100% 0% no-repeat;
        background-size: 100% 85%;
        font-size: 14px;
    }

    .member_header {
        min-height: 370px;
        background-size: 100% 70%;
    }


    .header_main {
        width: 100%;
    }

    .header_mainLeft {
        float: left;
        width: 442px;
        margin-top: 30px;
    }

    .mobile_header_mainLeft {
        display: none;
    }

    .header_mainRight {
        float: right;
        width: 50.7%;
        min-width: 518px;
        text-align: right;
    }

    .header_mainRight_link {
        width: 100%;
        height: 38px;
        background: url(../images/bg_header_mainright_link.png) 100% 100% no-repeat;
        margin-top: 10px;
    }

        .header_mainRight_link a {
            color: #555;
            text-decoration: none;
        }

            .header_mainRight_link a:hover {
                color: #000;
                text-decoration: none;
            }

        .header_mainRight_link ul {
            width: 100%;
            height: 38px;
            padding: 12px 0px 0px 160px;
        }

            .header_mainRight_link ul li {
                float: left;
                padding-right: 28px;
                padding-right: 24px \9;
            }

                .header_mainRight_link ul li:first-child {
                    padding-right: 46px;
                }

                    .header_mainRight_link ul li:first-child a {
                        color: #0649c3;
                    }

                        .header_mainRight_link ul li:first-child a:hover {
                            color: #0000ff;
                        }

                .header_mainRight_link ul li:last-child {
                    padding-right: 0px;
                }

    .header_mainRight_search {
        width: 100%;
        height: 32px;
        margin-top: 10px;
    }

        .header_mainRight_search .searchinput {
            width: 140px;
            height: 35px;
            vertical-align: top;
            border: 0;
            font-family: Arial, "微軟正黑體", sans-serif;
            background: url(../images/bg_search_web.png) 0 0 no-repeat;
            background-size: contain;
            background-color: none;
            margin-right: 4px;
            padding: 0px 4px;
            outline: none;
        }

        .header_mainRight_search .search {
            width: 60px;
            height: 35px;
            cursor: pointer;
            border: 0;
            background: url(../images/btn_search_web.png) 0 0 no-repeat;
            background-size: contain;
            margin-right: 4px;
            outline: none;
            vertical-align: bottom; /*161205*/
        }

            .header_mainRight_search .search:focus {
                border: 2px solid lightblue;
            }

        .header_mainRight_search .searchmore {
            width: 90px;
            height: 35px;
            cursor: pointer;
            border: 0;
            background: url(../images/btn_searchmore_web.png) 0 0 no-repeat;
            background-size: contain;
            margin-right: 4px;
            outline: none;
        }

    .mobile_search {
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

        .mobile_search .searchinput {
            width: 40%;
            height: 35px;
            vertical-align: top;
            border: 0;
            font-family: Arial, "微軟正黑體", sans-serif;
            background: url(../images/bg_search.png) 100% 0 no-repeat;
            background: url(../images/bg_search_web.png) 100% 0 no-repeat \9;
            background-size: 100% 35px;
            background-color: none;
            margin-right: 4px;
            padding: 0px 4px;
            outline: none;
        }

        .mobile_search .search {
            width: 60px;
            height: 35px;
            cursor: pointer;
            border: 0;
            background: url(../images/btn_search.png) 0 0 no-repeat;
            background: url(../images/btn_search_web.png) 0 0 no-repeat \9;
            background-size: contain;
            margin-right: 4px;
            outline: none;
        }

        .mobile_search .searchmore {
            width: 90px;
            height: 35px;
            cursor: pointer;
            border: 0;
            background: url(../images/btn_searchmore.png) 0 0 no-repeat;
            background: url(../images/btn_searchmore_web.png) 0 0 no-repeat \9;
            background-size: contain;
            margin-right: 4px;
            outline: none;
        }

    .mobile_change {
        height: 60px;
        line-height: 60px;
        background: #ccc;
        color: #555;
        padding: 0px 10px;
    }

        .mobile_change span {
            background: #fff;
            border: 1px solid #aaa;
            padding: 2px 4px;
            margin-right: 2px;
        }

        .mobile_change img {
            width: 20px;
            height: 15px;
            float: right;
            margin-top: 20px;
        }

        .mobile_change a {
            color: #555;
            display: block;
        }

    .header_marquee {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        height: 56px;
        background: url(../images/bg_marquee.png) 0 0 no-repeat;
        background: url(../images/bg_marquee.png) 100% 0 no-repeat \9;
        background-size: 100% 100%;
        margin-top: 8px;
        position: relative;
    }

        .header_marquee a {
            color: #333;
        }

            .header_marquee a:hover {
                color: #000;
            }

    .header_marquee_list {
        position: absolute;
        top: 20px;
        width: 90%;
        height: 16px;
        padding-left: 10px;
        overflow: hidden;
    }

        .header_marquee_list div {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .mobile_marquee {
        display: none;
    }

    .mobile_director {
        display: none;
    }

    .share {
        width: 100%;
        background: url(../images/bg_share.gif) repeat;
        padding-bottom: 10px;
    }

    .share_top {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .share_topTitle {
        float: left;
        width: 88%;
        height: 50px;
        background: url(../images/bg_title.png) 0% 0% no-repeat;
        background-size: 100% 100%;
        color: #ab7f53;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 30px;
    }

    .share_topList {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .share_topList_main {
        width: 33%; /*315px*/
        height: 307px \9;
        float: left;
        font-size: 14px;
        background: url(../images/bg_sharelist.png) 0% 0% no-repeat;
        background-size: 100% 100%;
    }

    .share_center {
        margin: 0 0.5%;
    }

    .share_topList_main img {
        width: 96%; /*290px*/
        height: 20vmin; /*205px*/
        height: 205px \9; /*161205*/
    }

    .share_topList_main a {
        color: #000;
        text-decoration: none;
    }

        .share_topList_main a:hover {
            color: #ab7f53;
            text-decoration: none;
        }

    .share_topList_main ul {
    }

        .share_topList_main ul li {
            padding-top: 12px;
            padding-left: 12px;
        }

    .share_topList_title {
        width: 92%; /*290px*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .share_topList_main p {
        color: #bebebe;
        height: 20px;
        margin: 12px 0px;
    }

    .share_topList_day {
        float: left;
    }

    .share_topList_hits {
        float: right;
        padding-right: 12px;
    }

        .share_topList_hits img {
            width: 18px;
            height: 20px;
            padding-right: 4px;
        }

    .more {
        float: right;
        border: 1px solid #ab7f53;
        float: right;
        color: #ab7f53;
        font-size: 14px;
        text-align: center;
        margin-top: 2px;
    }

        .more a {
            width: 80px;
            height: 36px;
            line-height: 36px;
            color: #ab7f53;
            background: #fff;
            text-decoration: none;
            display: block;
        }

            .more a:hover {
                color: #fff;
                background: #ab7f53;
            }

    .footer {
        width: 100%;
        border-top: 1px solid #f3f3f3;
        padding-top: 10px;
    }

    .footer_slider {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        margin-bottom: 12px;
    }

    .footer_main {
        width: 100%;
        background: #f3f3f3;
    }

    .footer_mainMboile {
        display: none;
    }

    .footer_mainContent {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        font-size: 12px;
        color: #777;
        line-height: 1.6em;
        padding: 10px 0px;
    }

        .footer_mainContent a {
            color: #777;
            text-decoration: none;
        }

            .footer_mainContent a:hover {
                color: #000;
                text-decoration: none;
            }

    .footer_mainContent_left {
        float: left;
    }

        .footer_mainContent_left p:first-child {
            padding: 10px 0px;
        }

    .footer_mainContent_right {
        float: right;
        padding-top: 80px;
    }

    .footer_mainContent_right_eng {
        float: right;
        padding-top: 20px;
    }

    .footer_mainContent_right img {
        width: 88px;
        height: 31px;
    }

    /*---------------------------------------------------------------------------會員專區首頁*/
    .member_logout {
        width: 100%;
        height: 45px;
        background: url(../images/bg_member.jpg) repeat-x;
        line-height: 42px;
        text-align: right;
        color: #555;
        position: absolute;
        bottom: 80px;
    }

        .member_logout img {
            width: 18px;
            height: 18px;
            vertical-align: middle;
        }

    .member_logoutBtn img {
        width: 60px;
        height: 35px;
        margin-right: 12px;
        margin-left: 8px;
    }

    .member_firstMenu {
        width: 100%;
        background: #dcdcdc;
        height: 30px;
        line-height: 30px;
        position: absolute;
        bottom: 50px;
    }

        .member_firstMenu a {
            color: #666;
            text-decoration: none;
        }

            .member_firstMenu a:hover {
                color: #000;
                text-decoration: none;
            }

        .member_firstMenu ul {
            width: 740px;
            margin: 0 auto;
        }

            .member_firstMenu ul li {
                float: left;
                height: 30px;
                border-left: 1px solid #ccc;
                padding: 0px 10px;
            }

                .member_firstMenu ul li:first-child {
                    border: 0;
                }

    .member_share {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .member_shareLeft {
        float: left;
        width: 45%;
    }

    .member_shareLeft_title {
        width: 100%;
    }

    .member_shareLeft_titleLeft {
        float: left;
        width: 72%;
        height: 50px;
        background: url(../images/bg_title03.png) 0% 0% no-repeat;
        color: #ab7f53;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 20px;
    }

    .member_shareLeft_list {
        font-size: 14px;
        background: #fff;
        border: 1px solid #eee;
        -webkit-box-shadow: 3px 3px 5px #eee;
        -moz-box-shadow: 3px 3px 5px #eee;
        box-shadow: 0px 3px 5px #eee;
        line-height: 1.6em;
        padding: 10px 20px 20px 20px;
        margin-top: 10px;
    }

        .member_shareLeft_list a {
            color: #000;
            text-align: none;
        }

            .member_shareLeft_list a:hover {
                color: #777;
                text-align: none;
            }

        .member_shareLeft_list ul {
        }

            .member_shareLeft_list ul li {
                border-bottom: 1px solid #efefef;
                padding: 10px 0px;
                list-style-image: url(../images/icon_list.png);
                margin-left: 10px;
            }

    .member_shareRight {
        float: right;
        width: 53%;
    }

    .member_shareRight_title {
        width: 100%;
        height: 50px;
        background: url(../images/bg_title03.png) 0% 0% no-repeat;
        color: #ab7f53;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 20px;
    }

    .member_shareRight_list {
        font-size: 14px;
        background: #fff;
        border: 1px solid #eee;
        -webkit-box-shadow: 3px 3px 5px #eee;
        -moz-box-shadow: 3px 3px 5px #eee;
        box-shadow: 0px 3px 5px #eee;
        line-height: 1.6em;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 14px;
        padding-right: 14px;
        margin-top: 10px;
    }

        .member_shareRight_list a {
            color: #000;
            text-align: none;
        }

            .member_shareRight_list a:hover {
                color: #777;
                text-align: none;
            }

        .member_shareRight_list ul {
            float: left;
            width: 28%;
            margin-left: 3.5%;
        }

            .member_shareRight_list ul li {
                width: 90%;
                border-bottom: 1px solid #efefef;
                padding: 10px 0px;
                list-style-image: url(../images/icon_list.png);
            }

    /*---------------------------------------------------------------------------內容頁*/
    .main {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .mobile_fb {
        display: none;
    }

    .mobile_gray {
        display: none;
    }

    .step {
        width: 100%;
        font-size: 10px;
        font-size: 14px \0;
        color: #aaa;
        padding-top: 10px;
        padding-bottom: 30px;
    }

        .step a {
            color: #fff;
        }

    .main_Content {
        width: 100%;
    }

    .main_Content_day {
        color: #aaa;
        font-size: 14px;
        padding-bottom: 8px;
    }

    .main_Content_title {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .main_Content_titleLeft {
        float: left;
        width: 67%;
        font-size: 16px;
        line-height: 1.4em;
        font-weight: bold;
        color: #ab7f53;
    }

    .main_Content_titleRight {
        float: right;
        min-width: 316px;
        font-size: 14px;
        text-align: right;
    }

        .main_Content_titleRight a {
            color: #444;
        }

            .main_Content_titleRight a:hover {
                color: #777;
            }

        .main_Content_titleRight img {
            vertical-align: middle;
        }

        .main_Content_titleRight span {
            width: 10px;
            height: 10px;
            border: 1px solid #444;
            background: #fff;
            padding: 2px;
            margin-left: 2px;
            cursor: pointer;
        }

            .main_Content_titleRight span:hover {
                background: #444;
                color: #fff;
            }

    .main_Content_txt {
        line-height: 1.6em;
        color: #444;
        font-family: Arial, "微軟正黑體", sans-serif !important; /*161102*/
    }

        .main_Content_txt span {
            font-family: Arial, "微軟正黑體", sans-serif !important; /*161102*/
        }

        .main_Content_txt a {
            color: #0080ff;
        }

            .main_Content_txt a:hover {
                color: #0000ff;
            }

    .main_Content_back {
        width: 100%;
        max-width: 960px;
        text-align: center;
        margin: 10px 0px;
    }

        .main_Content_back img {
            width: 80px;
            height: 37px;
            text-align: center;
        }

    .main_Content_download {
        width: 100%;
        background: url(../images/bg_share.gif) repeat;
    }

    .main_Content_downloadTitle {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .main_Content_downloadTitle_left {
        float: left;
        width: 161px;
        height: 41px;
        background: url(../images/bg_title02.png) 0 0 no-repeat;
        color: #ab7f53;
        font-weight: bold;
        font-size: 14px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .main_Content_downloadTitle_right {
        float: right;
    }

    .main_Content_downloadList {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        font-size: 14px;
        font-weight: bold;
    }

        .main_Content_downloadList a {
            color: #444;
        }

            .main_Content_downloadList a:hover {
                color: #777;
            }

        .main_Content_downloadList ul {
            width: 95%;
            line-height: 2em;
            margin-left: 20px;
            padding: 10px 0px;
        }

            .main_Content_downloadList ul li {
                list-style-image: url(../images/icon_list.png);
            }

    .main_Content table {
        font-size: 14px;
        line-height: 1.4em;
        margin-top: 16px;
        margin-bottom: 20px;
    }

        .main_Content table img {
            width: 26px;
            height: 26px;
        }

        .main_Content table th {
            min-width: 100px;
            background: #a67d51;
            color: #fff;
            font-weight: bold;
            border-right: 2px solid #fff;
            vertical-align: middle;
            padding: 6px 0px;
        }

            .main_Content table th:last-child {
                border-right: 0;
            }

        .main_Content table tr:nth-child(odd) {
            background: #f3f3f3;
        }

        .main_Content table tr:nth-child(even) {
            background: #e8e8e8;
        }

        .main_Content table td:nth-child(odd) {
            border-right: 2px solid #fff;
        }

        .main_Content table td:nth-child(even) {
            border-right: 2px solid #fff;
        }

        .main_Content table td:last-child {
            border-right: 0;
            min-width: 70px;
            text-align: center;
        }

    /* 2019.10.3 內文的表格最後一欄不要置中 */
    #Zoom table td:last-child {
        text-align: left;
    }

    .ie8_center {
        text-align: center \9;
    }

    .main_Content table td {
        padding: 1% 12px;
        vertical-align: middle;
    }

    .mobile_list {
        display: none;
    }

    .table_link table td:last-child {
        text-align: left;
    }

    .table_BG_odd {
        background: #f3f3f3;
    }

        .table_BG_odd td {
            border-right: 2px solid #fff;
        }

    .table_BG_even {
        background: #e8e8e8;
    }

        .table_BG_even td {
            border-right: 2px solid #fff;
        }

    .mobile_submenu_scroll {
        display: none;
    }

    .page {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        color: #999;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        .page span {
            color: #000;
            font-weight: bold;
            background: #efefef;
            padding: 10px;
        }

        .page a {
            color: #999;
            padding: 0px 10px;
            margin: 0px 5px;
        }

            .page a:hover {
                color: #000;
                background: #efefef;
                padding: 10px;
            }
    /*--------------------------------------------------------------------------理事長專區-相關報導*/
    .director_report {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        background: #f3f3f3;
        padding: 14px;
        margin-top: 14px;
    }

        .director_report a {
            color: #0080ff;
        }

            .director_report a:hover {
                color: #0000ff;
            }

    .director_reportPicture {
        float: left;
        width: 180px;
        height: 129px;
        padding-top: 7px;
        padding-left: 10px;
        margin-right: 10px;
        background: url(../images/bg_director.png) 0 0 no-repeat;
    }

        .director_reportPicture img {
            width: 160px;
            height: 110px;
        }

    .director_reportMain {
        float: left;
        width: 72%;
    }

    .director_reportMain_day {
        margin-bottom: 14px;
        color: #777;
    }

    .director_reportMain_title {
        margin-bottom: 10px;
        line-height: 1.6em;
    }

    .director_reportMain_btn {
        width: 80px;
        height: 37px;
    }

    .bg_gray {
        background: #e8e8e8;
    }

    /*--------------------------------------------------------------------------填寫報名資料*/
    .txt_left {
        float: left;
        min-width: 250px;
        margin-top: 10px;
    }

    .txt_right {
        float: right;
    }

    .txt_padding {
        padding-left: 90px;
    }

    .sign_brown {
        width: 100%;
        background: #ab7f53;
        color: #fff;
        padding: 14px 10px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        line-height: 1.4em;
    }

        .sign_brown span {
            color: #edbe8f;
            padding-left: 10px;
        }

        .sign_brown > ul > li:last-child {
            float: right;
        }

        .sign_brown input[type="button"] {
            font-size: 14px;
            font-family: Arial, "微軟正黑體", sans-serif;
            padding: 6px 8px;
        }

    .txt_bg_lightbrown {
    }

    .sing_gray {
        width: 100%;
        max-width: 960px;
        background: #f1f1f1;
        padding: 10px;
        line-height: 2.2em;
        margin-bottom: 6px;
    }

        .sing_gray ul {
            width: 100%;
        }

            .sing_gray ul li {
                float: left;
                min-width: 90px;
            }

                .sing_gray ul li:first-child {
                    text-align: right;
                }

                .sing_gray ul li input[type="text"] {
                    height: 28px;
                    font-size: 14px;
                    font-family: Arial, "微軟正黑體", sans-serif;
                    border: 1px solid #ccc;
                }

    .input_width01 {
        width: 30px;
    }

    .input_width02 {
        width: 140px;
    }

    .input_width03 {
        width: 50px;
    }

    .btn_add input[type="button"] {
        font-size: 14px;
        font-family: Arial, "微軟正黑體", sans-serif;
        padding: 6px 8px;
    }

    .btn_add {
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
    }

    /*---------------------------------------------------------------------------填寫問卷內容*/
    .brown_title {
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #c0966c;
        padding-bottom: 12px;
        margin-bottom: 14px;
    }

    .question_lightbrown {
        width: 100%;
        padding: 14px 10px;
        margin: 4px 0px;
        background: #edbe8f;
    }

    .question_gray {
        width: 100%;
        max-width: 960px;
        background: #f1f1f1;
        padding: 10px 24px;
        padding: 10px 10px \9;
        line-height: 2em;
        margin-bottom: 6px;
    }

        .question_gray textarea {
            width: 100%;
            min-height: 150px;
        }

        .question_gray input {
            font-size: 14px;
            font-family: Arial, "微軟正黑體", sans-serif;
        }

    .question_brown {
        width: 100%;
        background: #ab7f53;
        color: #fff;
        padding: 14px 10px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        line-height: 1.4em;
        text-align: center;
        margin-bottom: 20px;
    }

        .question_brown input[type="button"] {
            font-size: 14px;
            font-family: Arial, "微軟正黑體", sans-serif;
            padding: 6px 8px;
        }

    /*---------------------------------------------------------------------------常見問題*/
    .qna_q {
        width: 100%;
        font-weight: bold;
        border: 1px #f1f1f1 solid;
        padding: 20px 20px 20px 75px;
        background: url(../images/icon_q.png) 20px 50% no-repeat;
    }

    .qna_a {
        width: 100%;
        color: #666;
        border: 1px #f1f1f1 solid;
        padding: 20px 20px 20px 75px;
        background: url(../images/icon_a.png) 20px 50% no-repeat;
        background-color: #eee;
        margin-bottom: 20px;
    }

    /*---------------------------------------------------------------------------聯絡我們*/
    .contactus_gray {
        width: 100%;
        max-width: 960px;
        background: #f1f1f1;
        padding: 10px;
        line-height: 2.2em;
        margin-bottom: 6px;
    }

        .contactus_gray ul {
            width: 100%;
        }

            .contactus_gray ul li {
                float: left;
                min-width: 110px;
            }

    .contactus_eng ul li {
        float: left;
        min-width: 130px;
    }

    .contactus_gray ul li:first-child {
        text-align: right;
    }

    .contactus_gray ul li input[type="text"] {
        width: 500px;
        height: 28px;
        font-size: 14px;
        font-family: Arial, "微軟正黑體", sans-serif;
        border: 1px solid #ccc;
    }

    .contactus_gray ul li textarea {
        width: 500px;
        height: 200px;
        font-family: Arial, "微軟正黑體", sans-serif;
        border: 1px solid #ccc;
        margin-top: 6px;
    }

    .contactus_gray ul li input[type="checkbox"] {
        margin-left: 110px;
    }

    .contactus_gray ul li input[type="button"] {
        margin-left: 110px;
    }

    .contactus_eng ul li input[type="checkbox"] {
        margin-left: 130px;
    }

    .contactus_eng ul li input[type="button"] {
        margin-left: 130px;
    }

    /*---------------------------------------------------------------------------會員登入*/
    .login ul li {
        min-width: 0px;
    }

        .login ul li input[type="button"] {
            margin-left: 0px;
        }

    .login_btn {
        border-top: 1px solid #ccc;
        padding-top: 20px;
    }
    /*---------------------------------------------------------------------------分享專區*/
    .activity_photo img {
        width: 180px;
        height: 100px;
    }
    /*---------------------------------------------------------------------------無障礙專區*/
    .accessibility_menu {
        width: 100%;
        line-height: 1.2em;
        font-weight: bold;
        background: #f3f3f3;
        margin-bottom: 20px;
        border-top: 5px solid #ab7e55;
        box-shadow: 0px 2px 5px 0px #ddd;
        display: inline-block;
    }

        .accessibility_menu ul {
        }

            .accessibility_menu ul li {
                float: left;
                width: 20%;
                text-align: center;
            }

        .accessibility_menu a {
            color: #000;
            padding: 10px 0px;
            text-decoration: none;
            border-left: 1px solid #e4e4e4;
            display: block;
        }

            .accessibility_menu a:hover {
                color: #fff;
                background: #ab7e55;
                display: block;
            }

        .accessibility_menu ul li:first-child {
            border: 0;
            height: 40px;
            line-height: 40px;
            display: block;
        }

        .accessibility_menu ul li span {
            color: #fff;
            padding: 10px 0px;
            font-weight: bold;
            background: #ab7e55;
            display: block;
        }
    /*---------------------------------------------------------------------------opendata*/
    .open_main {
        margin-bottom: 20px;
    }

    .open_title {
        height: 43px;
        background: url(../images/bg_open.jpg) repeat-x;
        padding: 8px;
        cursor: pointer;
        letter-spacing: 2px;
        position: relative;
        font-weight: bold;
    }

        .open_title:after {
            content: " ";
            width: 13px;
            height: 13px;
            position: absolute;
            left: 96%;
            top: 16px;
            background-image: url(../images/icon_arr.png);
            background-position: center bottom;
            zoom: 1;
        }

        .open_title.open:after {
            background-position: center top;
            content: "  ";
        }

    .open_content {
        background-color: #e7e2b4;
        padding: 6px 20px;
        display: none;
    }

        .open_content table th {
            border-right: 2px solid #e7e2b4;
        }

            .open_content table th:last-child {
                border-right: 0;
            }

        .open_content table tr:nth-child(odd) {
            background: #e8e8e8;
        }

        .open_content table tr:nth-child(even) {
            background: #f3f3f3;
        }

        .open_content table td {
            text-align: center;
            min-width: 70px;
        }

            .open_content table td:nth-child(odd) {
                border-right: 2px solid #e7e2b4;
            }

            .open_content table td:nth-child(even) {
                border-right: 2px solid #e7e2b4;
            }

            .open_content table td:first-child {
                text-align: left;
            }

            .open_content table td:last-child {
                border-right: 0;
            }

    .open_table_BG_odd {
        background: #f3f3f3;
    }

        .open_table_BG_odd td {
            border-right: 2px solid #e7e2b4;
        }

    .open_table_BG_even {
        background: #e8e8e8;
    }

        .open_table_BG_even td {
            border-right: 2px solid #e7e2b4;
        }

    /*---------------------------------------------------------------------------全文檢索*/
    .search_gray {
        width: 100%;
        max-width: 960px;
        background: #f1f1f1;
        padding: 10px;
        line-height: 2.2em;
        margin-bottom: 6px;
    }

        .search_gray ul {
            width: 100%;
        }

            .search_gray ul li {
                float: left;
                min-width: 143px;
            }

                .search_gray ul li select {
                    float: left;
                    height: 32px;
                    height: 20px \9;
                    margin-right: 4px;
                    font-size: 14px;
                    font-family: Arial, "微軟正黑體", sans-serif;
                }

                .search_gray ul li:first-child {
                    text-align: right;
                }

                .search_gray ul li input[type="text"] {
                    width: 500px;
                    height: 28px;
                    font-size: 14px;
                    font-family: Arial, "微軟正黑體", sans-serif;
                    border: 1px solid #ccc;
                }

                .search_gray ul li input[type="checkbox"] {
                    margin-left: 110px;
                }

                .search_gray ul li input[type="button"] {
                    margin-left: 143px;
                    margin-top: 6px;
                }

    .txt_padding {
        padding-left: 1px;
    }

    .searchresult {
        margin-top: 10px;
        margin-bottom: 8px;
        padding-bottom: 10px;
        line-height: 1.6em;
        border-bottom: 1px dotted #ccc;
    }

        .searchresult a {
            color: blue;
        }

        .searchresult span {
            color: red;
        }

    .searchresult_txt {
        font-size: 12px;
        line-height: 1.4em;
    }
    /*---------------------------------------------------------------------------委員會簡介專區 160714*/



    /*---------------------------------------------------------------------------金融通識*/
    .content_img {
        width: 610px;
    }

        .content_img img {
            margin-right: 8px;
        }
}

@media only screen and (max-width: 767px) {
    /*Custom */

    /*End Custom*/
    /*161205 CK編輯器*/
    #CkeditorImg p, #CkeditorImg span {
        width: 80%;
        margin: 0 auto;
        font-size: 16px !important;
        color: #444 !important;
        font-family: "微軟正黑體" !important;
        line-height: 1.6em;
    }

    #CkeditorImg blockquote {
        width: 100%;
        color: #000;
        font-size: 16px;
        background: #efefef;
        height: 50px;
        margin-bottom: 20px;
        font-weight: bold;
        padding-top: 10px;
    }

    #CkeditorImg table {
        display: block;
        width: 98%;
        margin: 0 auto;
        color: #444;
    }

        #CkeditorImg table > thead > tr {
            background: #a67d51 !important;
        }

            #CkeditorImg table > thead > tr > th > p > span {
                color: #fff !important;
            }

        #CkeditorImg table tr:nth-child(odd) {
            background: #f3f3f3;
        }

        #CkeditorImg table tr:nth-child(even) {
            background: #e8e8e8;
        }

        #CkeditorImg table > thead > tr > th > p > span {
            font-size: 14px !important;
            line-height: 10px !important;
        }

        #CkeditorImg table > thead > tr > th {
            border-right: 2px #fff solid;
        }

            #CkeditorImg table > thead > tr > th:last-child {
                border-right: none;
            }

        #CkeditorImg table > tbody > tr > td > p > span {
            font-size: 14px !important;
        }

        #CkeditorImg table > tbody > tr > td {
            border-right: 2px #fff solid;
        }

            #CkeditorImg table > tbody > tr > td:last-child {
                border-right: none;
            }


    .login_classBtn {
        padding-top: 50px;
        padding-bottom: 80px;
        text-align: center;
    }

        .login_classBtn input[type="button"] {
            font-size: 15px;
            font-family: Arial, "微軟正黑體", sans-serif;
            height: 40px;
            padding: 0 10px;
        }

    .login_2box {
        width: 100%;
    }

    .login_classCrowds {
        width: 100%;
        float: none;
        text-align: center;
        line-height: 1.6em;
        font-size: 13px;
        color: #333;
        padding: 110px 0px 20px 0px;
        margin-bottom: 20px;
        background: url(../images/bg_login_crowds.png) 50% 0 no-repeat;
        background-size: 353px 242px;
    }

        .login_classCrowds input[type="button"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            outline: none;
            border: 0;
            width: 25%;
            min-width: 150px;
            height: 50px;
            color: #fff;
            font-size: 16px;
            background: #1796e3;
            border: 0;
            margin-bottom: 22px;
            cursor: pointer;
        }

            .login_classCrowds input[type="button"]:hover {
                background: #005ac0;
            }

    .login_classMember {
        width: 100%;
        float: left;
        text-align: center;
        line-height: 1.6em;
        font-size: 13px;
        color: #333;
        padding: 110px 0px 20px 0px;
        margin-bottom: 20px;
        background: url(../images/bg_login_member.png) 50% 0 no-repeat;
        background-size: 353px 242px;
    }

        .login_classMember input[type="button"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            outline: none;
            border: 0;
            width: 25%;
            min-width: 150px;
            height: 50px;
            color: #fff;
            font-size: 16px;
            background: #b17102;
            border: 0;
            margin-bottom: 22px;
            cursor: pointer;
        }

            .login_classMember input[type="button"]:hover {
                background: #885600;
            }

    .intro_list {
        width: 100%;
        min-height: 200px; /*160815*/
        margin-bottom: 20px;
    }

        .intro_list a {
            text-decoration: none;
            color: #0080ff;
        }

            .intro_list a:hover {
                text-decoration: none;
                color: #0000ff;
            }

        .intro_list ul { /*160815*/
            margin-left: 20px;
        }

            .intro_list ul li { /*160815*/
                padding: 10px;
                float: left;
                list-style: disc;
                line-height: 1.4em;
                width: 300px;
                padding-right: 50px;
            }

    .committee_content { /*160815*/
        width: 100%;
        line-height: 1.8em;
        margin-bottom: 20px;
    }

    blockquote { /*160815*/
        width: 100%;
        background: #efefef;
        height: 40px;
        line-height: 40px;
        color: #000;
        padding-left: 20px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .committee_content ol { /*160815*/
        margin-left: 24px;
    }

        .committee_content ol li { /*160815*/
            list-style: decimal;
        }

    .intro_txtLeft {
        width: 50%;
        float: left;
        text-align: center;
    }

        .intro_txtLeft img {
            max-width: 250px;
        }

    .intro_txtRight {
        width: 50%;
        float: left;
    }
    /*---------------------------------------------------------------------------mobile首頁*/
    .mobile_none {
        display: none;
    }

    .content_input {
        font-size: 14px;
        font-family: Arial, "微軟正黑體", sans-serif;
        padding: 2px 0px;
        width: 100%;
    }


    .top {
        display: none;
    }

    .mobile_top {
        width: 100%;
        height: 50px;
        padding-top: 14px;
        background: #e8f9ff;
        position: fixed;
        z-index: 999;
    }

        .mobile_top img {
            width: 26px;
            height: 26px;
        }

    .mobile_topMenu {
        float: left;
        margin-left: 2%;
    }

    .mobile_topBAROC {
        float: left;
        width: 50%;
        top: 18px;
        position: absolute;
        left: 26%;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mobile_topMember {
        float: right;
        margin-right: 2%;
    }

        .mobile_topMember span img {
            width: 60px;
            height: 35px;
            margin-top: -6px;
        }

        .header_marquee {
            width: 96%;
            max-width: 960px;
            margin: 0 auto;
            height: 56px;
            background: url(../images/bg_marquee.png) 0 0 no-repeat;
            background: url(../images/bg_marquee.png) 100% 0 no-repeat \9;
            background-size: 100% 100%;
            margin-top: 8px;
            position: relative;
        }
    
        .header_marquee a {
            color: #333;
        }
    
            .header_marquee a:hover {
                color: #000;
            }
    
        .header_marquee_list {
            position: absolute;
            top: 20px;
            width: 90%;
            height: 16px;
            padding-left: 10px;
            overflow: hidden;
        }

        .header_marquee_list div {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .mobile_marquee {
        width: 100%;
        height: 40px;
        border-top: 1px solid #8d5d30;
        border-bottom: 1px solid #8d5d30;
        background: #fff;
    }

    .mobile_marqueeLeft {
        float: left;
        width: 90px;
        height: 38px;
        line-height: 40px;
        color: #fff;
        font-weight: bold;
        padding-left: 10px;
        background: #8d5d30;
    }

    .mobile_marqueeRight {
        float: left;
        width: 70%;
        margin-top: 12px;
        padding-left: 10px;
    }

        .mobile_marqueeRight a {
            color: #333;
        }

            .mobile_marqueeRight a:hover {
                color: #000;
            }

    .mobile_marqueeRight_list {
        width: 95%;
        height: 18px;
        overflow: hidden;
    }

        .mobile_marqueeRight_list div {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .header {
        width: 100%;
        height: 100px;
        background: url(../images/bg_header.jpg) 0 0 no-repeat;
        background-size: 100% 100%;
    }

    .header_main {
        width: 100%;
    }

    .header_mainLeft {
        display: none;
    }

    .mobile_header_mainLeft {
        float: left;
        width: 46%; /*442px*/
        padding-top: 20px;
        padding-left: 2%;
    }

        .mobile_header_mainLeft img {
            width: 100%;
            height: auto;
            max-width: 210px;
        }

    .header_mainRight {
        float: none;
        width: 100%;
    }

    .header_mainRight_link {
        display: none;
    }

    .header_mainRight_search {
        display: none;
    }

    .mobile_search {
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }

        .mobile_search .searchinput {
            width: 40%;
            height: 35px;
            vertical-align: top;
            border: 0;
            font-family: Arial, "微軟正黑體", sans-serif;
            background: url(../images/bg_search.png) 100% 0 no-repeat;
            background: url(../images/bg_search_web.png) 100% 0 no-repeat \9;
            background-size: 100% 35px;
            background-color: none;
            margin-right: 4px;
            padding: 0px 4px;
            outline: none;
        }

        .mobile_search .search {
            width: 60px;
            height: 35px;
            cursor: pointer;
            border: 0;
            background: url(../images/btn_search.png) 0 0 no-repeat;
            background: url(../images/btn_search_web.png) 0 0 no-repeat \9;
            background-size: contain;
            margin-right: 4px;
            outline: none;
        }

        .mobile_search .searchmore {
            width: 90px;
            height: 35px;
            cursor: pointer;
            border: 0;
            background: url(../images/btn_searchmore.png) 0 0 no-repeat;
            background: url(../images/btn_searchmore_web.png) 0 0 no-repeat \9;
            background-size: contain;
            margin-right: 4px;
            outline: none;
        }

    .cbp-hrmenu {
        display: none;
    }

    .mobile_change {
        height: 60px;
        line-height: 60px;
        background: #ccc;
        color: #555;
        padding: 0px 10px;
    }

        .mobile_change span {
            background: #fff;
            border: 1px solid #aaa;
            padding: 2px 4px;
            margin-right: 2px;
        }

        .mobile_change img {
            width: 20px;
            height: 15px;
            float: right;
            margin-top: 20px;
        }

        .mobile_change a {
            color: #555;
            display: block;
        }

    .mobile_director {
        width: 100%;
        background: #efefef;
        padding: 10px 2%;
    }

    .mobile_directorLeft {
        float: left;
        height: 34px;
        line-height: 34px;
        padding-left: 6px;
        padding-right: 10px;
        margin-top: 3px;
        border-left: 4px solid #ab7f53;
    }

    .mobile_directorRight {
        float: left;
        width: 255px;
        height: 40px;
        background: url(../images/bg_mobile_director.png) 0 0 no-repeat;
        background: url(../images/bg_mobile_director_web.png) 0 0 no-repeat \9;
        background-size: 255px 40px;
    }

        .mobile_directorRight a {
            color: #ab7f53;
        }

            .mobile_directorRight a:hover {
                color: #000;
            }

        .mobile_directorRight ul {
            margin-top: 12px;
        }

            .mobile_directorRight ul li {
                float: left;
                padding-left: 12px;
                margin-left: 2px;
            }

    .directorRight_center {
        margin: 0 7px;
    }

    .share {
        width: 100%;
        background: url(../images/bg_share.gif) repeat;
        padding-bottom: 10px;
    }

    .share_top {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .share_topTitle {
        float: left;
        width: 70%;
        height: 50px;
        background: url(../images/bg_title.png) 0% 0% no-repeat;
        background-size: cover;
        color: #ab7f53;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 30px;
    }

    .share_topList {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .share_topList_main {
        width: 33%; /*315px*/
        float: left;
        font-size: 14px;
        background: url(../images/bg_sharelist.png) 0% 0% no-repeat;
        background-size: 100% 100%;
    }

    .share_center {
        margin: 0 0.5%;
    }

    .share_topList_main img {
        width: 96%; /*290px*/
        height: 20vmin; /*205px*/
    }

    .share_topList_main a {
        color: #000;
        text-decoration: none;
    }

        .share_topList_main a:hover {
            color: #ab7f53;
            text-decoration: none;
        }

    .share_topList_main ul {
    }

        .share_topList_main ul li {
            padding-top: 12px;
            padding-left: 12px;
        }

    .share_topList_title {
        width: 92%; /*290px*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .share_topList_main p {
        color: #bebebe;
        height: 20px;
        margin: 12px 0px;
    }

    .share_topList_day {
        float: left;
    }

    .share_topList_hits {
        float: right;
        padding-right: 12px;
    }

        .share_topList_hits img {
            width: 18px;
            height: 20px;
            padding-right: 4px;
        }

    .more {
        float: right;
        border: 1px solid #ab7f53;
        float: right;
        color: #ab7f53;
        font-size: 14px;
        text-align: center;
        margin-top: 2px;
    }

        .more a {
            width: 80px;
            height: 36px;
            line-height: 36px;
            color: #ab7f53;
            background: #fff;
            text-decoration: none;
            display: block;
        }

            .more a:hover {
                color: #fff;
                background: #ab7f53;
            }

    .footer {
        width: 100%;
        border-top: 1px solid #f3f3f3;
        padding-top: 10px;
    }

    .footer_slider {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .footer_main {
        width: 100%;
        background: #f3f3f3;
    }

    .footer_mainMboile {
        width: 100%;
    }

    .footer_mainMboile_list {
        height: 50px;
        line-height: 50px;
        padding-left: 40%;
    }

    .f01 {
        background: #f7f6ed;
    }

    .f02 {
        background: #eae7d6;
    }

    .f03 {
        background: #e2dcc7;
    }

    .f04 {
        background: #d3ccb6;
    }

    .f05 {
        background: #c9c2ad;
    }

    .footer_mainMboile_list a {
        color: #666;
    }

        .footer_mainMboile_list a:hover {
            color: #000;
        }

    .footer_mainMboile_list img {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-right: 6px;
    }

    .footer_mainContent {
        width: 100%;
        color: #777;
        line-height: 1.6em;
        padding: 10px 1%;
        -webkit-text-size-adjust: none;
    }

        .footer_mainContent a {
            color: #777;
        }

            .footer_mainContent a:hover {
                color: #000;
            }

    .footer_mainContent_left {
        float: none;
        width: 100%;
    }

        .footer_mainContent_left p:first-child {
            padding: 10px 0px;
        }

    .footer_mainContent_right {
        float: none;
        padding-top: 10px;
        text-align: center;
    }

    .footer_mainContent_right_eng {
        float: none;
        padding-top: 20px;
        text-align: center;
    }

    .footer_mainContent_right img {
        width: 88px;
        height: 31px;
    }


    /*---------------------------------------------------------------------------mobile會員專區首頁*/
    .member_logout {
        display: none;
    }

    .member_firstMenu {
        display: none;
    }

    .member_share {
        width: 100%;
        margin-bottom: 10px;
        background: #fafafa;
        -webkit-text-size-adjust: none;
    }

    .member_shareLeft {
        float: none;
        width: 96%;
        margin: 0 auto;
        padding-top: 20px;
    }

    .member_shareLeft_title {
        width: 100%;
    }

    .member_shareLeft_titleLeft {
        float: left;
        width: 72%;
        height: 50px;
        background: url(../images/bg_title03.png) 0% 0% no-repeat;
        color: #ab7f53;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 20px;
    }

    .member_shareLeft_list {
        background: #fff;
        border: 1px solid #eee;
        -webkit-box-shadow: 3px 3px 5px #eee;
        -moz-box-shadow: 3px 3px 5px #eee;
        box-shadow: 0px 3px 5px #eee;
        line-height: 1.6em;
        padding: 10px 20px 20px 20px;
        margin-top: 10px;
    }

        .member_shareLeft_list a {
            color: #000;
            text-align: none;
        }

            .member_shareLeft_list a:hover {
                color: #777;
                text-align: none;
            }

        .member_shareLeft_list ul {
        }

            .member_shareLeft_list ul li {
                border-bottom: 1px solid #efefef;
                padding: 10px 0px;
                list-style-image: url(../images/icon_list.png);
                margin-left: 10px;
            }

    .member_shareRight {
        float: none;
        width: 96%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .member_shareRight_title {
        width: 100%;
        height: 50px;
        background: url(../images/bg_title.png) 0% 0% no-repeat;
        color: #ab7f53;
        font-weight: bold;
        padding-top: 12px;
        padding-left: 20px;
    }

    .member_shareRight_list {
        width: 100%;
        font-size: 14px;
        background: #fff;
        border: 1px solid #eee;
        -webkit-box-shadow: 3px 3px 5px #eee;
        -moz-box-shadow: 3px 3px 5px #eee;
        box-shadow: 0px 3px 5px #eee;
        line-height: 1.6em;
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 14px;
        padding-right: 14px;
        margin-top: 10px;
    }

        .member_shareRight_list a {
            color: #000;
            text-align: none;
        }

            .member_shareRight_list a:hover {
                color: #777;
                text-align: none;
            }

        .member_shareRight_list ul {
            width: 94%;
            margin-left: 20px;
        }

            .member_shareRight_list ul li {
                width: 100%;
                border-bottom: 1px solid #efefef;
                padding: 10px 0px;
                list-style-image: url(../images/icon_list.png);
            }


    /*---------------------------------------------------------------------------mobile內容頁*/
    .main {
        /*width: 96%;*/
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
    }

    .step {
        display: none;
    }

    .mobile_fb {
        width: 100%;
        text-align: right;
    }

    .mobile_gray {
        font-size: 14px;
        color: #aaa;
        margin: 10px 0px;
    }

    .mobile_grayLeft {
        float: left;
    }

    .mobile_grayRight {
        float: right;
    }

    .main_Content {
        width: 100%;
    }

    .main_Content_day {
        display: none;
    }

    .main_Content_title {
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .main_Content_titleLeft {
        float: none;
        width: 100%;
        font-size: 16px;
        line-height: 1.4em;
        font-weight: bold;
        color: #000;
    }

    .main_Content_titleRight {
        display: none;
    }

        .main_Content_titleRight span {
            width: 10px;
            height: 10px;
            border: 1px solid #444;
            background: #fff;
            padding: 2px;
            margin-left: 2px;
            cursor: pointer;
        }

            .main_Content_titleRight span:hover {
                background: #444;
                color: #fff;
            }

    .main_Content_txt {
        line-height: 1.6em;
        color: #444;
        font-family: Arial, "微軟正黑體", sans-serif !important; /*161102*/
    }

        .main_Content_txt span {
            font-family: Arial, "微軟正黑體", sans-serif !important; /*161102*/
        }

        .main_Content_txt a {
            color: #0080ff;
        }

            .main_Content_txt a:hover {
                color: #0000ff;
            }

    .main_Content_back {
        width: 100%;
        max-width: 960px;
        text-align: center;
        margin: 10px 0px;
    }

        .main_Content_back img {
            width: 80px;
            height: 37px;
            text-align: center;
        }

    .main_Content_download {
        width: 100%;
        background: #f7f7f7;
        padding-top: 10px;
    }

    .main_Content_downloadTitle {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
    }

    .main_Content_downloadTitle_left {
        float: left;
        width: 161px;
        height: 41px;
        color: #000;
        font-weight: bold;
        font-size: 14px;
        padding-top: 10px;
        padding-left: 10px;
        border-left: 4px solid #a98052;
    }

    .main_Content_downloadTitle_right {
        float: right;
    }

    .main_Content_downloadList {
        width: 96%;
        max-width: 960px;
        margin: 0 auto;
        font-size: 14px;
        font-weight: bold;
    }

        .main_Content_downloadList a {
            color: #444;
        }

            .main_Content_downloadList a:hover {
                color: #777;
            }

        .main_Content_downloadList ul {
            width: 95%;
            line-height: 2em;
            margin-left: 20px;
            padding: 10px 0px;
        }

            .main_Content_downloadList ul li {
                list-style-image: url(../images/icon_list.png);
                border-bottom: 1px solid #fff;
                padding: 5px 0px;
            }

    .main_Content_txt {
        -webkit-text-size-adjust: none;
    }

        .main_Content_txt input[type="button"] {
            width: 100%;
            font-size: 16px;
            height: 40px;
            margin: 10px 0px;
        }

        .main_Content_txt input[type="submit"] {
            width: 100%;
            font-size: 16px;
            height: 40px;
            margin: 10px 0px;
        }

        .main_Content_txt input[type="text"] {
            width: 100%;
            border: 1px solid #ccc;
            height: 40px;
            margin: 5px 0px;
        }
        /*Ckeditor 裡Table會消失,在Ck css裡補上display:block; */
        .main_Content_txt table {
            display: none;
        }

    .mobile_list {
        width: 100%;
        background: #efefef;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .mobile_listMain {
        width: 94%;
        margin: 0 auto;
        padding: 0px 20px;
        margin-bottom: 20px;
        color: #aaa;
        background: #fff;
        border-top: 4px solid #aa7f52;
        -webkit-text-size-adjust: none;
    }

        .mobile_listMain a {
            color: #0080ff;
            text-decoration: none;
        }

            .mobile_listMain a:hover {
                color: #0000ff;
                text-decoration: none;
            }

        .mobile_listMain ul {
            line-height: 1.4em;
        }

            .mobile_listMain ul li {
                padding: 10px 0px;
                border-bottom: 1px solid #eee;
            }

                .mobile_listMain ul li:first-child {
                    font-size: 18px;
                    font-weight: bold;
                    color: #000;
                }

                .mobile_listMain ul li:last-child {
                    border-bottom: 0;
                    text-align: center;
                }

    .ie8_center {
        text-align: center \9;
    }

        .ie8_center img {
            width: 36px;
            height: 36px;
        }

    .about_last ul li:last-child {
        text-align: left;
    }

    .member_02 ul li:last-child {
        text-align: left;
    }

    .link_last ul li:last-child {
        text-align: left;
    }

    .mobile_listMain ul li:last-child img {
        width: 36px;
        height: 36px;
    }

    .mobile_listMain ul li > span:first-child {
        padding-right: 20px;
    }

    .mobile_listMain input[type="button"] {
        width: 30%;
        min-width: 100px;
        font-family: Arial, "微軟正黑體", sans-serif;
        font-size: 16px;
        height: 40px;
        margin: 10px 0px;
    }


    .mobile_submenu_scroll {
        height: 50px;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        background: #f7f6ed;
        color: #000;
    }

        .mobile_submenu_scroll span {
            /*padding:10px 10px 10px 10px;*/
            height: 50px;
            line-height: 50px;
            border-bottom: 5px solid #a98052;
            margin-right: 20px;
            padding-bottom: 12px;
        }

        .mobile_submenu_scroll a {
            height: 50px;
            line-height: 50px;
            color: #000;
            margin-right: 20px;
            text-decoration: none;
        }


    .page {
        width: 100%;
        color: #999;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .page span {
            color: #000;
            font-weight: bold;
            background: #efefef;
            padding: 10px;
        }

        .page a {
            color: #999;
            padding: 0px 10px;
            margin: 0px 0.5%;
        }

            .page a:hover {
                color: #000;
                background: #efefef;
                padding: 10px;
            }

    /*--------------------------------------------------------------------------mobile理事長專區-相關報導*/
    .director_report {
        width: 100%;
        margin: 0 auto;
        background: #f3f3f3;
        border-top: 5px solid #a98052;
        padding: 16px;
        margin-top: 14px;
        -webkit-text-size-adjust: none;
    }

        .director_report a {
            color: #000;
        }

            .director_report a:hover {
                color: #555;
            }

    .director_reportPicture {
        float: none;
        width: 100%;
        margin-bottom: 16px;
    }

        .director_reportPicture img {
        }

    .director_reportMain {
        float: none;
        width: 100%;
    }

    .director_reportMain_day {
        margin-bottom: 2px;
        color: #777;
    }

    .director_reportMain_title {
        line-height: 1.6em;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
        margin-bottom: 16px;
    }

    .director_reportMain_btn {
        text-align: center;
    }

        .director_reportMain_btn img {
            width: 80px;
            height: 37px;
        }

    .bg_gray {
        background: #e8e8e8;
    }

    /*--------------------------------------------------------------------------mobile填寫報名資料*/
    .txt_left {
        float: left;
        min-width: 250px;
        margin-top: 3px;
    }

    .txt_right {
        float: right;
    }

    .txt_padding {
        padding-left: 54px;
        text-align: left !important;
        line-height: 1.4em;
    }


    .sign_brown {
        width: 100%;
        background: #ab7f53;
        color: #fff;
        padding: 14px 10px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        line-height: 1.4em;
    }

        .sign_brown span {
            color: #edbe8f;
            padding-left: 10px;
        }

        .sign_brown > ul > li:last-child {
            float: right;
        }

        .sign_brown input[type="button"] {
            font-size: 12px;
            margin-right: 2px;
            font-family: Arial, "微軟正黑體", sans-serif;
            padding: 6px 8px;
        }

    .sing_gray {
        width: 100%;
        max-width: 960px;
        background: #f1f1f1;
        padding: 10px;
        line-height: 2em;
        margin-bottom: 6px;
    }

        .sing_gray ul {
            width: 100%;
        }

            .sing_gray ul li {
                float: left;
                margin-bottom: 10px;
            }

                .sing_gray ul li:first-child {
                    text-align: right;
                }

                .sing_gray ul li input[type="text"] {
                    font-size: 14px;
                    font-family: Arial, "微軟正黑體", sans-serif;
                    height: 32px;
                    border: 1px solid #ccc;
                }

    .input_width01 {
        width: 30px;
    }

    .input_width02 {
        width: 140px;
    }

    .input_width03 {
        width: 50px;
    }

    .btn_add input[type="button"] {
        width: 100%;
        font-family: Arial, "微軟正黑體", sans-serif;
        font-size: 16px;
        height: 40px;
        margin: 10px 0px;
    }

    .btn_add {
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;
    }

    /*---------------------------------------------------------------------------mobile填寫問卷內容*/
    .brown_title {
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #c0966c;
        padding-bottom: 12px;
        margin-bottom: 14px;
    }

    .question_lightbrown {
        width: 100%;
        padding: 14px 10px;
        margin: 4px 0px;
        background: #edbe8f;
    }

    .question_gray {
        width: 100%;
        max-width: 960px;
        background: #f1f1f1;
        padding: 10px 24px;
        line-height: 2em;
        margin-bottom: 6px;
    }

        .question_gray textarea {
            width: 100%;
            min-height: 150px;
        }

        .question_gray input {
            font-size: 14px;
            font-family: Arial, "微軟正黑體", sans-serif;
        }

    .question_brown {
        width: 100%;
        background: #ab7f53;
        color: #fff;
        padding: 14px 10px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        line-height: 1.4em;
        text-align: center;
        margin-bottom: 20px;
    }

        .question_brown input[type="button"] {
            font-size: 14px;
            font-family: Arial, "微軟正黑體", sans-serif;
            padding: 6px 8px;
        }

    /*---------------------------------------------------------------------------mobile常見問題*/
    .qna_q {
        width: 100%;
        font-weight: bold;
        border: 1px #f1f1f1 solid;
        padding: 20px 20px 20px 75px;
        background: url(../images/icon_q.png) 20px 50% no-repeat;
    }

    .qna_a {
        width: 100%;
        color: #666;
        border: 1px #f1f1f1 solid;
        padding: 20px 20px 20px 75px;
        background: url(../images/icon_a.png) 20px 50% no-repeat;
        background-color: #eee;
        margin-bottom: 20px;
    }

    /*---------------------------------------------------------------------------mobile聯絡我們*/
    .contactus_gray {
        width: 100%;
        background: #f1f1f1;
        padding: 10px;
        line-height: 2.2em;
        margin-bottom: 6px;
    }

        .contactus_gray ul {
            width: 100%;
        }

            .contactus_gray ul li {
                float: left;
                min-width: 100px;
            }

    .contactus_eng ul li {
        float: left;
        min-width: 120px;
    }

    .contactus_gray ul li:first-child {
        text-align: right;
    }

    .contactus_gray ul li input[type="text"] {
        width: 100%;
        height: 28px;
        font-size: 14px;
        font-family: Arial, "微軟正黑體", sans-serif;
        border: 1px solid #ccc;
    }

    .contactus_gray ul li textarea {
        width: 170px;
        height: 130px;
        font-family: Arial, "微軟正黑體", sans-serif;
        border: 1px solid #ccc;
        margin-top: 6px;
    }

    .contactus_gray ul li input[type="checkbox"] {
        margin-left:;
    }

    .contactus_gray ul li input[type="button"] {
        width: 100%;
        height: 28px;
        font-size: 14px;
        font-family: Arial, "微軟正黑體", sans-serif;
        text-align: center;
    }

    .contactus_eng ul li input[type="checkbox"] {
        margin-left:;
    }

    .contactus_eng ul li input[type="button"] {
        margin-left:;
    }

    /*---------------------------------------------------------------------------mobile會員登入*/
    .login ul li {
        float: none;
        min-width: 0px;
    }

        .login ul li:first-child {
            text-align: left;
        }

        .login ul li input[type="text"] {
            width: 100%;
            height: 28px;
            font-size: 14px;
            font-family: Arial, "微軟正黑體", sans-serif;
            border: 1px solid #ccc;
        }

        .login ul li input[type="button"] {
            width: 100%;
            height: 40px;
            font-size: 16px;
            font-family: Arial, "微軟正黑體", sans-serif;
        }

    .login_btn {
        border-top: 1px solid #ccc;
        padding-top: 10px;
    }
    /*---------------------------------------------------------------------------mobile分享專區*/
    .activity_photo {
        margin: 10px 0px;
    }

        .activity_photo img {
            width: 180px;
            height: 100px;
        }

    /*---------------------------------------------------------------------------mobile無障礙專區*/
    .accessibility_menu {
        display: none;
    }

    .accessibility_input select {
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: Arial, "微軟正黑體", sans-serif;
        border: 1px solid #ccc;
    }

    .accessibility_input input[type="button"] {
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
        font-size: 16px;
        font-family: Arial, "微軟正黑體", sans-serif;
    }
    /*---------------------------------------------------------------------------mobile opendata*/
    .open_main {
        display: none;
    }

    .mobile_open_main {
        width: 98%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

        .mobile_open_main img {
            margin-right: 20px;
        }

    .open_title {
        height: 43px;
        line-height: 30px;
        background: url(../images/bg_open.jpg) repeat-x;
        padding: 8px;
        cursor: pointer;
        letter-spacing: 2px;
        position: relative;
        font-weight: bold;
    }

        .open_title:after {
            content: " ";
            width: 13px;
            height: 13px;
            position: absolute;
            left: 92%;
            top: 16px;
            background-image: url(../images/icon_arr.png);
            background-position: center bottom;
            zoom: 1;
        }

        .open_title.open:after {
            background-position: center top;
            content: "  ";
        }

    .open_content {
        background-color: #e7e2b4;
        padding: 16px 10px 1px 10px;
        display: none;
    }

        .open_content table th {
            border-right: 2px solid #e7e2b4;
        }

            .open_content table th:last-child {
                border-right: 0;
            }

        .open_content table tr:nth-child(odd) {
            background: #e8e8e8;
        }

        .open_content table tr:nth-child(even) {
            background: #f3f3f3;
        }

        .open_content table td {
            text-align: center;
            min-width: 70px;
        }

            .open_content table td:nth-child(odd) {
                border-right: 2px solid #e7e2b4;
            }

            .open_content table td:nth-child(even) {
                border-right: 2px solid #e7e2b4;
            }

            .open_content table td:first-child {
                text-align: left;
            }

            .open_content table td:last-child {
                border-right: 0;
            }

    .open_table_BG_odd {
        background: #f3f3f3;
    }

        .open_table_BG_odd td {
            border-right: 2px solid #e7e2b4;
        }

    .open_table_BG_even {
        background: #e8e8e8;
    }

        .open_table_BG_even td {
            border-right: 2px solid #e7e2b4;
        }

    /*---------------------------------------------------------------------------mobile全文檢索*/
    .search_gray {
        width: 100%;
        background: #f1f1f1;
        padding: 10px;
        line-height: 2.8em;
        margin-bottom: 6px;
    }

        .search_gray ul {
            width: 100%;
        }

            .search_gray ul li {
                float: left;
            }

                .search_gray ul li:first-child {
                    text-align: right;
                }

                .search_gray ul li input[type="text"] {
                    width: 100%;
                    height: 32px;
                    font-size: 14px;
                    font-family: Arial, "微軟正黑體", sans-serif;
                    border: 1px solid #ccc;
                }

                .search_gray ul li select {
                    float: left;
                    height: 32px;
                    margin-right: 4px;
                    font-size: 14px;
                    font-family: Arial, "微軟正黑體", sans-serif;
                }

                .search_gray ul li input[type="checkbox"] {
                    margin-left: 0px;
                }

                .search_gray ul li input[type="button"] {
                    width: 100%;
                }

    .txt_padding {
        padding-left: 0px;
        margin-top: 6px;
    }

    .searchresult {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .searchresult {
        margin-top: 10px;
        margin-bottom: 8px;
        padding-bottom: 10px;
        line-height: 1.6em;
        border-bottom: 1px dotted #ccc;
    }

        .searchresult a {
            color: blue;
        }

        .searchresult span {
            color: red;
        }

    .searchresult_txt {
        font-size: 12px;
        line-height: 1.4em;
    }
    /*---------------------------------------------------------------------------金融通識*/
    .content_img {
        width: 100%;
    }

        .content_img img {
            margin-right: 8px;
        }
}

a:focus, *[tabindex]:focus {
    border: 2px solid #AAA;
}