@charset "UTF-8";

@media print {
    div.content_wrapper {
        width: 96%;
        display: block;
        overflow: hidden;
        max-width: 1320px;
        margin: 0 auto;
        padding: 1% 2% 5% 2%;
        position: relative;
    }

    .article {
        font-family: "Microsoft JhengHei", "微軟正黑體";
        float: left;
        width: 94%;
        padding: 2% 3%;
        background: #FFF;
        /* margin-right: 3%; */
        margin-bottom: 50px;
    }

    .article_full {
        width: 94%;
        padding: 2% 3%;
    }

    .article section {
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }


    /*基本控制*/

    .article span {
        font-family: 微軟正黑體 !important;
        font-size: 1em !important;
        line-height: 1.5em !important;
    }

    /*文章主標*/

    .article .title_block {
        float: left;
        width: 100%;
        display: block;
        margin: 0px 0 15px 0;
        border-bottom: 1px solid #333;
        position: relative;
    }

    .article h1 {
        font-size: 1.25em;
        color: #333;
        padding: 15px 0;
        width: 74%;
        display: block;
        line-height: 1.4em;
    }


    /*主標旁的(有色)副標*/

    .article h2 {}


    /*文章內的置中主語*/

    .article h3 {
        color: #07468d;
        font-weight: bold;
        width: 100%;
        float: left;
        line-height: 1.5em;
        font-size: 1.2em;
        margin: 10px 0;
    }


    /*內文(有色)主語*/

    .article h4 {
        color: #07468d;
        font-weight: bold;
        width: 100%;
        float: left;
        line-height: 1.5em;
    }


    /*內文(有色)副語*/

    .article h5 {
        color: #646464;
        width: auto;
        float: left;
    }

    .article p {
        font-size: 1em;
        line-height: 30px;
        word-wrap: break-word;
        word-break: normal;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        /*
        width: 100%;
        float: left;
        */
    }

    .article small {
        font-weight: bold;
    }


    /*span*/

    .article .red_text {
        color: #d00f0f;
    }

    .article .pink_text {
        color: #f6488e;
    }


    /*區塊需要(有色)標題*/

    p.color_bluegreen {
        font-size: 1.5em;
        color: #1aa2b4;
        font-weight: bold;
        line-height: 2.3em;
        text-align: center;
    }


    /*有色內文*/

    p.color_blue {
        font-size: 1em;
        line-height: 2em;
        color: #07468d;
        margin: 10px 0 30px 0;
    }

    p.color_red {
        color: #da004b;
    }


    /*超大字*/

    .stressed_word {
        font-size: 6em;
        /*color: #ff6d03;*/
        color: #083a82;
        padding: 20px 2%;
        font-weight: bold;
        font-family: 微軟正黑體;
        display: inline-block;
    }


    /*--------------麵包屑-------------*/

    .crumb {
        font-size: 0.875em;
        width: 100%;
        float: left;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 25px;
        line-height: 1.6em;
    }

    .crumb a {
        color: #555;
        margin: 0 5px 0 0;
        text-decoration: none;
    }

    .crumb strong {
        color: #095c8d;
        margin-left: 5px;
        /*font-weight: bold;*/
    }


    /*--------------導盲磚-------------*/

    a.acc_u {
        float: left;
        position: absolute;
        top: 0px;
        z-index: 999;
        color: #ccc;
        font-size: .9em;
    }

    a.acc_l {
        float: left;
        width: 100%;
        position: relative;
        top: -17px;
        left: 0;
        font-size: .9em;
    }

    a.acc_c {
        float: left;
        position: relative;
        top: -33px;
        left: 26px;
        font-size: .9em;
    }


    /*--------------側選單-------------*/

    .page_menu {
        float: left;
        width: 23%;
    }

    .menu_title {
        color: #FFF;
        width: 86%;
        background: #1aa2b4;
        overflow: hidden;
        padding: 15px 7%;
        float: left;
        font-size: 1.5em;
        text-align: center;
        line-height: 31px;
    }

    ul.menu_level1 {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    li.bullet_level1 {
        float: left;
        width: 100%;
        background: #FFF;
        border-bottom: 1px solid #e3f2f5;
    }

    li.bullet_level1 a {
        color: #333;
        padding: 8% 5% 8% 11%;
        display: block;
        border-bottom: 1px solid #ccc;
        background: url(../images/menu_arr1.png) 6% 50% no-repeat;
        line-height: 1.5em;
        /*width: 84%;*/
    }

    li.bullet_level1_open {
        float: left;
        width: 100%;
        background: #FFF;
        border-bottom: 1px solid #e3f2f5;
    }

    li.bullet_level1_open a {
        color: #333;
        padding: 8% 2% 8% 11%;
        display: block;
        border-bottom: 1px solid #ccc;
        background: url(../images/menu_arr1_open.png) 5% 50% no-repeat;
    }

    li.bullet_level1_2 {
        float: left;
        width: 100%;
        background: #FFF;
        border-bottom: 1px solid #e3f2f5;
    }

    li.bullet_level1_2 a {
        color: #333;
        padding: 8% 2% 8% 11%;
        display: block;
        border-bottom: 1px solid #ccc;
        background: url(../images/menu_arr3.png) 6% 50% no-repeat;
    }

    ul.menu_level2 {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        display: none;
    }

    li.bullet_level2 {
        float: left;
        width: 100%;
        background: #f8f8f8;
    }

    li.bullet_level2 a {
        color: #333;
        padding: 6% 8% 6% 15%;
        display: block;
        border-bottom: 1px solid #ccc;
        line-height: 1.5em;
        background: url(../images/menu_arr2.png) 10% 27px no-repeat;
    }


    /*--------------分享/列印/轉寄-------------*/

    .share_zone {
        float: left;
        text-align: right;
        position: absolute;
        top: 14px;
        right: 0;
    }

    .share_icon {
        display: inline-block;
        margin-left: 5px;
    }

    .share_icon a {
        float: left;
        display: block;
    }


    /*--------------文章按鈕(回上一頁/送出)-------------*/

    .btn-back {
        width: 100%;
        float: left;
        margin: 0;
        padding: 30px 0;
        text-align: center;
        margin-top: 25px;
    }

    .btn-back .orange_btn {
        display: inline-block;
        margin: 0 20px;
        padding: 12px 60px;
        text-align: center;
        color: #FFF;
        font-size: 1em;
        font-weight: bold;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f69148;
        text-decoration: none;
        font-family: 微軟正黑體;
        border: none;
    }

    .btn-back .gray_btn {
        display: inline-block;
        margin: 0px 20px;
        padding: 12px 60px;
        text-align: center;
        color: #FFF;
        font-size: 1em;
        font-weight: bolder;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #a4a4a4;
        text-decoration: none;
        font-family: 微軟正黑體;
        border: none;
    }

    .btn-back2 {
        width: 100%;
        float: left;
        margin: 0;
        padding: 30px 0 0 0;
        text-align: center;
    }

    .btn-back2 .orange_btn {
        display: inline-block;
        margin: 0 20px;
        padding: 14px 20px;
        text-align: center;
        color: #FFF;
        font-size: 1em;
        font-weight: bold;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f69148;
        text-decoration: none;
    }


    /*--------------檔案下載版型-------------*/

    .download_zone {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .dl_title {
        font-family: "微軟正黑體";
        color: #FFF;
        float: left;
        width: 100%;
    }

    .dl_title2 {
        background-color: #1aa2b4;
        text-align: center;
        float: left;
        width: 90px;
        padding: 7px 4px 6px 4px;
        font-size: 0.95em;
    }

    .dl_content {
        font-family: "微軟正黑體";
        color: #333333;
        float: left;
        width: 100%;
        padding: 20px 0 7px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ced3d3;
        font-size: 0.95em;
    }

    .dl_file_name {
        float: left;
        width: 100%;
        color: rgb(0, 119, 135);
        margin-bottom: 12px;
    }

    .dl_text {
        float: left;
        width: 20%;
        color: #4a4a4a;
        margin-bottom: 12px;
    }

    .dl_explain {
        float: left;
        width: 90%;
        color: #4a4a4a;
        margin-bottom: 12px;
    }


    /*--------------相關連結版型-------------*/

    .link_zone {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .link_content {
        font-family: "微軟正黑體";
        color: #333333;
        float: left;
        width: 100%;
        padding: 1.8% 0 1% 0;
        border-bottom: 1px solid #ced3d3;
    }

    .link_text {
        float: left;
        width: 100%;
        color: #4a4a4a;
        margin-bottom: 8px;
        font-size: 0.95em;
    }

    .link_text a {
        color: #000;
        margin-left: 1%;
    }


    /*--------------縮排-------------*/

    ul.level-1 {
        float: left;
        height: auto;
        width: 100%;
        list-style-image: none;
        list-style-type: none;
        line-height: 30px;
        margin-top: 0px;
        padding-left: 0%;
        color: #333;
        font-size: 1em;
    }

    .level-1 li {
        width: 100%;
        float: left;
    }

    .level-1 li .item,
    .level-1 li .txt,
    .level-1 li .note {
        float: left;
        display: block;
    }

    .level-1 li .item {
        width: 4%;
    }

    .level-1 li .txt {
        width: 95%;
        margin-bottom: 3px;
    }

    .level-1 li .item,
    .level-1 li .txt,
    .level-1 li .note {
        float: left;
        display: block;
    }

    .level-2-item {
        float: left;
        width: 95.5%;
        list-style-image: none;
        list-style-type: none;
        line-height: 30px;
        margin: 0 0 3px 0;
        padding-left: 4%;
    }

    .level-2-item li .item,
    .level-2-item li .txt,
    .level-2-item li .note {
        float: left;
        display: block;
    }

    .level-2-item li .item {
        width: 3%;
    }

    .level-2-item li .txt {
        width: 96.5%;
        margin-bottom: 3px;
    }

    .level-2-item li .item,
    .level-2-item li .txt,
    .level-2-item li .note {
        float: left;
        display: block;
    }

    .level-3-item {
        float: left;
        width: 95.5%;
        list-style-image: none;
        list-style-type: none;
        line-height: 30px;
        margin: 0 0 3px 0;
        padding-left: 4%;
    }

    .level-3-item li .item,
    .level-3-item li .txt,
    .level-3-item li .note {
        float: left;
        display: block;
    }

    .level-3-item li .item {
        display: block;
        width: 2%;
        margin-top: 10px;
    }

    .level-3-item li .item img {
        width: initial;
    }

    .level-3-item li .text {
        display: block;
        width: 96.5%;
        margin-bottom: 3px;
    }

    .article_essay-4 {
        float: left;
        width: 96%;
        line-height: 30px;
        padding: 0 0 8px 4%;
    }


    /*--------------單圖-------------*/

    .FloatRightImg {
        float: right;
        margin: 0px 0px 15px 25px;
        width: 300px;
        overflow: hidden;
    }

    FloatRightImg .IMG {
        border: 1px solid #dcdcdc;
        background: #ffffff;
        padding: 2px;
        width: 100%;
        display: block;
    }

    .FloatRightImg .Description {
        background: #F3F3F3;
        padding: 5px 2.5%;
        font-size: 0.8em;
        width: 95%;
        float: left;
    }

    .FloatRightImg .Description .EnlargeIcon {
        padding: 0;
        color: #626262;
        text-decoration: none;
        float: left;
        width: 100%;
        line-height: 22px;
        font-size: 0.875em;
        overflow: hidden;
    }

    .page-article {
        float: left;
        width: 100%;
        margin-bottom: 25px;
    }


    /*--------------關鍵字連結-------------*/

    a.external_link {
        color: #34786a;
        text-decoration: underline;
    }

    a.external_link:hover {
        opacity: 0.75;
    }

    a.download_link {
        color: #2649ad;
        text-decoration: underline;
        font-weight: bold;
    }

    a.download_link:hover {
        opacity: 0.75;
    }


    /*--------------欄位填寫-------------*/

    div.feedback {
        float: left;
        width: 100%;
    }

    .feedback ul {
        width: 99%;
        color: #333;
        font-size: 1em;
        font-family: "微軟正黑體", Arial;
        margin: 0 auto;
    }

    .feedback li {
        float: left;
        width: 100%;
        margin: 20px 0;
    }

    .feedback input {
        float: left;
        border: 1px solid #ccc;
        height: 30px;
        width: 28%;
    }

    .feedback span {
        float: left;
        display: block;
    }


    /*span*/

    .feedback .item {
        width: 13.2%;
        text-align: left;
        position: relative;
        padding-right: 2%;
    }

    .feedback .en_text {
        width: 92%;
        margin-top: 1%;
        text-align: left;
        position: absolute;
        left: 0;
        top: 19px;
        color: #f5a332;
    }


    /*end of span*/

    div.description_block {
        float: left;
        margin-bottom: 10px;
    }

    div.description_note {
        float: left;
        position: absolute;
        width: 100%;
        color: #333;
    }


    /*--------------上傳檔案-------------*/

    div.browse_archives {
        float: left;
        margin-bottom: 10px;
        position: relative;
        width: 84%;
        padding-bottom: 4%;
    }

    div.browse_archives input {
        float: left;
        /*border: none;*/
        font-family: 微軟正黑體;
    }

    div.browse_archives_note {
        float: left;
        position: absolute;
        width: 100%;
        color: #333;
        top: 61%;
    }

    div.browse_archives_note span {
        width: 100%;
        float: left;
        line-height: 24px;
    }


    /*--------------驗證碼-------------*/

    .codimg {
        display: block;
        float: left;
        width: 24%;
        overflow: hidden;
        position: absolute;
        bottom: 47%;
        left: 29%;
        ;
    }

    .codimg img {
        width: 100%;
    }

    .reoimg {
        float: left;
        position: absolute;
        left: 54%;
        top: 9%;
    }


    /*--------------文章列表-------------*/

    div.article_list {
        float: left;
        width: 100%;
        background: #FFF;
        margin-bottom: 50px;
    }

    .article_list ul {
        width: 100%;
        float: left;
    }

    .article_list li {
        float: left;
        width: 100%;
        padding: 2% 0;
        border-bottom: 1px dotted #828282;
        overflow: hidden;
        background: #FFF;
    }

    .article_list .gray_list {
        background: #f8f8f8;
    }

    .article_list p {
        float: left;
        width: 85%;
        display: block;
        color: #333;
        font-size: 1.125em;
        line-height: 1.5em;
        overflow: hidden;
        margin: 5px 0 0 0;
    }

    .article_list a {
        float: left;
        width: 96%;
        display: block;
        padding: 0 2%;
    }

    .article_list a:hover {
        opacity: 0.75;
    }

    .article_list .date_block {
        width: 100px;
        float: left;
        color: #095c8d;
        font-size: 1.125em;
        font-weight: inherit;
        line-height: 36px;
        margin-right: 15px;
    }


    /*--------------外部連結-------------*/

    div.weblink_block {
        float: left;
        width: 100%;
        background: #FFF;
        margin-bottom: 50px;
    }

    div.weblink_block ul {
        float: left;
        width: 100%;
        margin-top: 2.5%;
    }

    div.weblink_block li {
        float: left;
        width: 17%;
        overflow: hidden;
        background: #FFF;
        margin: 1.5%;
        min-height: 125px;
    }

    div.weblink_block a {
        float: left;
        display: block;
        width: 100%;
    }

    div.weblink_block img {
        width: 100%;
    }

    div.weblink_block p {
        text-align: center;
        color: #696969;
        display: inline-block;
        overflow: hidden;
        width: 100%;
        /*text-indent: -9999px;*/
    }


    /*--------------測驗-------------*/

    div.quizzes_list {
        float: left;
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    div.quizzes_list ul {
        float: left;
        width: 100%;
    }

    div.quizzes_list li {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        color: #333;
        font-size: 1em;
        line-height: 1.5em;
    }

    div.quizzes_list li span {
        float: left;
        display: block;
        width: 13.2%;
        margin-top: 6px;
        text-align: left;
    }

    div.quizzes_list .input_span2 {
        float: left;
        margin-top: 6px;
        width: auto;
        margin-right: 2%;
    }

    div.quizzes_list .input_style1 {
        float: left;
        border: 1px solid #ccc;
        font-family: "微軟正黑體", Arial;
        padding: 1%;
        margin-right: 2%;
        width: 23%;
        color: #b1b1b1;
        font-size: 0.95em;
    }

    .tag_button {
        float: left;
        display: block;
        width: 50px;
        padding: 7px 1%;
        background: #dd4b39;
        color: #FFF;
        text-align: center;
        font-size: 0.95em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-right: 3%;
    }

    .tag_button:hover {
        background: #ac2a1a;
    }

    div.quizzes_list_helf {
        float: left;
        width: 50%;
    }

    div.quizzes_list_helf input {
        box-sizing: border-box;
        margin: 0 1% 0 0;
        float: left;
        margin-top: 11px;
    }

    .quizzes_list_select1 {
        float: left;
        border: 1px solid #ccc;
        height: 35px;
        padding: 0.1% 1%;
        font-family: 微軟正黑體;
        font-size: 0.875em;
        margin-right: 2%;
    }

    div#datetimepicker1 {
        float: left;
        width: 80%;
    }

    div.quizzes_list .add-on {
        float: left;
        display: block;
        margin: 0%;
        margin-top: 6px;
        text-align: left;
        width: 5%;
    }


    /*--------------測驗選項-------------*/

    section.quizzes_questions {
        width: 92%;
        /* height: 80px; */
        text-align: left;
        overflow: auto;
        background: url(../images/questions_icon.png) left center no-repeat #FFF;
        font-family: 微軟正黑體;
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 23px 0 28px 8%;
        color: #e24c02;
        font-weight: bold;
    }

    .quizzes_answers {
        margin: 0 auto;
        float: left;
        text-align: left;
        width: 89%;
        height: 65px;
        border: none;
        font-family: 微軟正黑體;
        font-size: 1.2em;
        padding: 11px 0 5px 8%;
        margin-bottom: 10px;
        color: #0c8b9c;
        line-height: 1.5em;
    }

    .options_a {
        background: url(../images/options_a.png) left top no-repeat #fff;
    }

    .options_b {
        background: url(../images/options_b.png) left top no-repeat #fff;
    }

    .options_c {
        background: url(../images/options_c.png) left top no-repeat #fff;
    }

    .options_d {
        background: url(../images/options_d.png) left top no-repeat #fff;
    }


    /*--------------google search-------------*/

    div.google_search_list {
        float: left;
        width: 100%;
    }

    div.google_search_list ul {
        float: left;
        width: 100%;
    }

    div.google_search_list li {
        float: left;
        width: 100%;
    }

    div.google_search_list li span {
        font-weight: normal;
        width: auto;
        float: none;
        line-height: inherit;
        font-size: inherit;
        margin: 0;
    }

    div.google_search_list li p {
        font-weight: normal;
        width: auto;
        float: none;
        line-height: inherit;
        font-size: inherit;
        margin: 0;
    }

    div.google_search_list b {
        font-weight: normal;
        width: auto;
        float: none;
        line-height: inherit;
        font-size: inherit;
        margin: 0;
    }

    .google_search_list table {
        margin: 0;
        font-family: 微軟正黑體;
    }

    .article .google_search_list tr td,
    tr th {
        padding: 0;
    }

    .gs-bidi-start-align.gs-snippet {
        padding: 0 8px;
    }

    .gsc-webResult .gsc-result {
        padding: 20px 0 !important;
        /*border-bottom: 1px solid #ebebeb!important;*/
    }


    /*--------------4表格式選擇頁數-------------*/

    .four_table_list .select_page {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }

    .four_table_list .select_page p {
        width: auto;
        float: left;
        margin-right: 2%;
        display: block;
        color: #646464;
    }

    .quizzes_list .four_table_list .select2_page {
        float: left;
    }

    .quizzes_list .four_table_list .select2_page select {
        float: left;
        border: 1px solid #ccc;
        height: 35px;
        padding: 0.1% 1%;
        font-family: 微軟正黑體;
        font-size: 0.875em;
        margin-right: 2%;
    }

    .quizzes_list .four_table_list .select_page span {
        width: auto;
        float: left;
        margin: 0px 1%;
        display: block;
        margin-top: 6px;
        color: #646464;
    }


    /*--------------4表格式-------------*/

    .quizzes_list .four_table_list {
        width: 100%;
        float: left;
        margin: 25px 0;
    }

    .quizzes_list .four_table_list .list_title {
        float: left;
        width: 100%;
        background: #07468d;
        color: #FFF;
        margin: 0;
        padding: 7px 0;
        font-size: 0.95em;
    }

    .quizzes_list .four_table_list .list_title_1 {
        float: left;
        width: 20%;
        border-right: 1px solid #FFF;
        text-align: center;
    }

    .quizzes_list .four_table_list .list_title_2 {
        float: left;
        width: 20%;
        border-right: 1px solid #FFF;
        text-align: center;
    }

    .quizzes_list .four_table_list .list_title_3 {
        float: left;
        width: 20%;
        border-right: 1px solid #FFF;
        text-align: center;
    }

    .quizzes_list .four_table_list .list_title_4 {
        float: left;
        width: 39.5%;
        text-align: center;
    }

    .quizzes_list .four_table_list .list_title_5 {
        float: left;
        width: 59.5%;
        text-align: center;
    }

    .quizzes_list .four_table_list .list_content {
        float: left;
        width: 100%;
        color: #333;
        border-bottom: 1px solid #ccc;
        margin: 0;
        /* border-right: 1px solid #ccc; */
        /* border-left: 1px solid #ccc; */
        font-size: 0.95em;
    }

    .quizzes_list .four_table_list .list_content a {
        color: #555;
        margin: 0;
        font-size: 0.95em;
    }

    .quizzes_list .four_table_list .list_content_1 {
        float: left;
        width: 14%;
        padding: 2% 3%;
        /*border-right: 1px solid #CCC;*/
        text-align: center;
    }

    .quizzes_list .four_table_list .list_content_2 {
        float: left;
        width: 15%;
        padding: 2.5%;
        =text-align: left;
    }

    .quizzes_list .four_table_list .list_content_3 {
        float: left;
        width: 16.2%;
        padding: 2%;
        /* border-right: 1px solid #CCC; */
        text-align: left;
    }

    .quizzes_list .four_table_list .list_content_4 {
        float: left;
        width: 35.5%;
        padding: 2%;
    }

    .quizzes_list .four_table_list .list_content_5 {
        float: left;
        width: 55.5%;
        padding: 2%;
    }

    .quizzes_list .indent_section .level-1 li {
        margin-bottom: 10px;
    }

    .quizzes_list .indent_section .level-1 .item {
        width: 2%;
        margin: 0;
    }


    /*--------------3表格式-------------*/

    .quizzes_list .three_table_list {
        width: 100%;
        float: left;
        margin: 25px 0;
    }

    .quizzes_list .three_table_list .list_title {
        float: left;
        width: 100%;
        background: #07468d;
        color: #FFF;
        margin: 0;
        padding: 7px 0;
        font-size: 0.95em;
    }

    .quizzes_list .three_table_list .list_title_1 {
        float: left;
        width: 28%;
        border-right: 1px solid #FFF;
        text-align: center;
    }

    .quizzes_list .three_table_list .list_title_2 {
        float: left;
        width: 28%;
        border-right: 1px solid #FFF;
        text-align: center;
    }

    .quizzes_list .three_table_list .list_title_3 {
        float: left;
        width: 43%;
        text-align: center;
    }

    .quizzes_list .three_table_list .list_content {
        float: left;
        width: 99.7%;
        color: #555;
        border-bottom: 1px solid #ccc;
        margin: 0;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        font-size: 0.95em;
    }

    .quizzes_list .three_table_list .list_content a {
        color: #555;
        margin: 0;
        font-size: 0.95em;
    }

    .quizzes_list .three_table_list .list_content_1 {
        float: left;
        width: 24%;
        padding: 2%;
        border-right: 1px solid #CCC;
        text-align: center;
    }

    .quizzes_list .three_table_list .list_content_2 {
        float: left;
        width: 24%;
        padding: 2%;
        border-right: 1px solid #CCC;
        text-align: center;
    }

    .quizzes_list .three_table_list .list_content_3 {
        float: left;
        width: 39%;
        padding: 2%;
        text-align: center;
    }

    .quizzes_list .indent_section .level-1 li {
        margin-bottom: 10px;
    }

    .quizzes_list .indent_section .level-1 .item {
        width: 2%;
        margin: 15px 0 0 0;
    }


    /*--------------表格附加文件檔案-------------*/

    .quizzes_list .file_block {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .quizzes_list .file_btn {
        float: left;
        width: 17%;
    }

    .quizzes_list .file_btn p {
        float: right;
        text-decoration: underline;
        font-size: 0.875em;
        color: #1aa2b4;
        font-family: 微軟正黑體;
        text-indent: -9999px;
    }

    .quizzes_list .pdf_btn {
        float: left;
        padding: 8px 7px 6px 7px;
        color: #FFF;
        background: #ff5351;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.75em;
        display: block;
        margin-right: 2%;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
    }

    .quizzes_list .doc_btn {
        float: left;
        padding: 8px 7px 6px 7px;
        color: #FFF;
        background: #3055c1;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.75em;
        display: block;
        margin-right: 2%;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
    }

    .quizzes_list .txt_btn {
        float: left;
        padding: 8px 7px 6px 7px;
        color: #FFF;
        background: #009ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.75em;
        display: block;
        margin-right: 2%;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
    }

    .quizzes_list .ppt_btn {
        float: left;
        padding: 8px 7px 6px 7px;
        color: #FFF;
        background: #f46024;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.75em;
        display: block;
        margin-right: 2%;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
    }

    .quizzes_list .web_btn {
        float: left;
        padding: 8px 7px 6px 7px;
        color: #FFF;
        background: #00b3ca;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.75em;
        display: block;
        margin-right: 2%;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
    }

    .quizzes_list .xls_btn {
        float: left;
        padding: 8px 7px 6px 7px;
        color: #FFF;
        background: #01ba9b;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.75em;
        display: block;
        margin-right: 2%;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
    }

    .quizzes_list .odf_btn {
        float: left;
        padding: 8px 7px 6px 7px;
        color: #FFF;
        background: #6e6e6e;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 0.75em;
        display: block;
        margin-right: 2%;
        width: 25px;
        height: 25px;
        text-align: center;
        vertical-align: middle;
    }


    /*--------------網站導覽-------------*/

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

    section.site_map_section {
        float: left;
        display: block;
        width: 94%;
        padding: 20px 3%;
        background: #f8f8f8;
    }

    .site_map_section ul {
        float: left;
        width: 100%;
    }

    .site_map_section .main_site {
        float: left;
        width: 96%;
        display: block;
        background: url(../images/map_icon2.png) 0 top no-repeat;
        height: 32px;
        padding-left: 4%;
        line-height: 32px;
    }

    .site_map_section .main_site a {
        font-size: 1.25em;
        font-weight: bolder;
        color: #105bb0;
    }

    .site_map_section .sub_site {}

    .site_map_section .sub_site a {
        float: left;
        width: 28%;
        display: block;
        margin: 20px 3% 0 0;
        padding: 1.5% 1%;
        overflow: hidden;
        min-height: 48px;
        font-size: 1em;
        color: #fff;
        line-height: 24px;
        background: #387cc8;
        /*text-align: center;*/
        display: inline-block;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
    }


    /*--------------頁碼-------------*/

    .pagination {
        text-align: center;
        display: block;
        margin: 30px 0px 30px 0px;
        float: left;
        width: 100%;
    }

    .pagination a.disable {
        color: #999999;
        border: 1px solid #bbb;
    }

    .pagination a.disable:hover {
        color: #fff;
    }

    .pagination a {
        padding: 5px 10px;
        color: #333;
        margin: 0 8px;
        border: 1px solid #CCC;
        background: #fff;
    }

    .pagination a:hover {
        background: #f0c64e;
    }

    .pagination input {
        padding: 5px 10px 7px 10px;
        color: #333;
        margin: 0 17px;
        border: 1px solid #CCC;
        background: #fff;
        /* height: 37px; */
        font-family: 微軟正黑體;
        font-size: 1em;
    }

    .pagination input:hover {
        background: #f0c64e;
        border: 1px solid #FFF;
        color: #FFF;
    }

    .pagination select {
        border: 1px solid #ccc;
        padding: 0.1% 1%;
        font-family: 微軟正黑體;
        font-size: 0.875em;
        margin-right: 2%;
        padding: 5px 10px 7px 10px;
    }


    /*-----------------文章主題區塊(外框)------------------*/

    .article .theme_block {
        float: left;
        display: block;
        width: 95.8%;
        margin: 10px 0;
        border: 1px solid #1aa2b4;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .article .theme_title {
        float: left;
        width: 96%;
        color: #FFF;
        padding: 15px 2%;
        font-size: 1.05em;
        background: #1aa2b4;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }

    .article .theme_block_l2 {
        float: left;
        width: 94%;
        padding: 25px 3% 0 3%;
    }

    .article .theme_block .codimg {
        display: block;
        float: left;
        width: 24%;
        overflow: hidden;
        position: absolute;
        bottom: 33%;
        left: 29%;
    }

    .article .theme_block input.reoimg {
        float: left;
        position: absolute;
        left: 54%;
        top: 15%;
        background: url(../images/reorganize.png) top center no-repeat;
        width: 20px;
        height: 20px;
        border: none;
    }


    /*-----------------google map------------------*/

    .google_map {
        float: left;
        width: 100%;
    }


    /*-----------------width------------------*/

    .width_auto {
        width: auto !important;
    }


    /*-----------------跳視窗------------------*/


    /*div.alert_block {
    width: 65%;
    margin: 0 auto;
    position: absolute;
    z-index: 9999;
}*/


    /*div.correct_message {
   width: 600px;
    padding: 3%;
    background: #fff;
    position: absolute;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 6px 5px 50px #b5afaf;
    -webkit-box-shadow: 6px 5px 50px #b5afaf;
    -moz-box-shadow: 6px 5px 50px #b5afaf;
     /*display: none; */


    /*div.errors_message {
    width: 600px;
    padding: 3%;
    background: #fff;
    position: relative;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 6px 5px 50px #b5afaf;
    -webkit-box-shadow: 6px 5px 50px #b5afaf;
    -moz-box-shadow: 6px 5px 50px #b5afaf;
    display: none;
}
*/

    div.correct_message {
        width: 90%;
        padding: 18% 5%;
    }

    div.errors_message {
        width: 90%;
        padding: 6% 5%;
    }

    input.close_btn {
        width: 40px;
        height: 40px;
        background: url(../images/close_icon.png) center top no-repeat;
        border: none;
        position: absolute;
        top: 8px;
        right: 10px;
    }

    input.quizzes_orange_btn {
        margin: 24px auto 4px auto;
        padding: 12px 60px;
        color: #FFF;
        font-size: 1.2em;
        font-weight: bold;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f69148;
        text-decoration: none;
        font-family: 微軟正黑體;
        border: none;
        display: inherit;
    }


    /*-----------------計分板------------------*/

    .article_row {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0 0 30px 0;
        text-align: center;
    }

    .scoreboard_block {
        width: 25%;
        margin: 0 3%;
        border: 4px solid #083a82;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
        display: inline-block;
    }

    .scoreboard_block_w p {
        text-align: center;
    }

    .scoreboard_title {
        float: left;
        width: 96%;
        color: #FFF;
        padding: 15px 2%;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-family: 微軟正黑體;
        font-size: 1.2em;
    }

    .correct_tit {
        background: url(../images/corricon.png) 35px 9px no-repeat #083a82;
    }

    .errors_tit {
        background: url(../images/erroicon.png) 35px 9px no-repeat #083a82;
    }

    .scoreboard_block .color_green {
        font-size: 8em;
        line-height: 1.3em;
        color: #11ad70;
        font-weight: bold;
        font-family: monospace;
        text-align: center;
    }

    .scoreboard_block .color_red {
        color: #da004b;
        text-align: center;
    }


    /*-----------------總分+評語------------------*/

    .scoreboard_block_w {
        width: 57.5%;
        margin: 0 3%;
        border: 4px solid #083a82;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
        display: inline-block;
        margin: 20px 0 0 0;
    }

    .scoreboard_title_w {
        float: left;
        width: 96%;
        color: #FFF;
        padding: 15px 2%;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-family: 微軟正黑體;
        font-size: 1.2em;
        background: #083a82;
    }


    /*-----------更換驗證碼 及其他未設名按鈕-----------*/

    button {
        float: left;
        display: block;
        padding: 10px 15px;
        background: #dd4b39;
        color: #FFF;
        text-align: center;
        font-size: 0.95em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 3%;
        border: none;
        font-family: 微軟正黑體;
    }


    /*-----------公平交易委員會委員會議資訊保密及公開辦法修正總說明 及其他未設名標題-----------*/

    .article b {
        color: #07468d;
        font-weight: bold;
        width: 100%;
        /*float: left;*/
        line-height: 1.5em;
        font-size: 1.1em;
        margin: 10px 0;
    }

    .article img {
        float: left;
        width: 100%;
    }


    /*--------------ol-------------*/

    .article ol {
        float: left;
        list-style: decimal;
        width: 98%;
        padding-left: 2%;
        margin: 0;
    }

    .article ol li {
        line-height: 30px;
        margin: 5px 0 0 20px;
        list-style-type: decimal;
    }


    /*--------------table-------------*/

    table {
        line-height: 1.5em !important;
        width: 100%;
    }

    td {
        line-height: 1.5em !important;
    }

    tr {
        line-height: 1.5em !important;
    }

    .article span img {
        width: initial;
    }

    .article tr td,
    .article tr th {
        padding: 8px;
        vertical-align: top !important;
    }

    .article table td p {
        font-size: 1em;
        line-height: 25px;
        color: #333;
        word-wrap: break-word;
        word-break: normal;
        float: left;
        margin: 0;
    }

    /*--------------表格框線-------------*/

    .non_border {
        border: none !important;
    }

    table.non_border {
        border: none !important;
    }

    td.non_border {
        border: none !important;
    }

    tr.non_border {
        border: none !important;
    }


    /*--------------日期套件-------------*/

    .ajax__calendar tr td,
    tr th {
        padding: 0;
    }


    /*--------------意見討論區-------------*/

    .theme_block .browse_archives img {
        width: initial;
    }

    .theme_block .quizzes_list textarea {
        float: left;
    }

    .theme_block .quizzes_list table {
        margin: 0;
    }

    .theme_block .indent_section div {
        margin-bottom: 20px;
    }

    .theme_block .quizzes_list li span {
        margin-top: 5px;
    }

    .theme_block table {
        margin: 0;
    }

    .theme_block_l2 div {
        margin-bottom: 20px;
        line-height: 1.5em;
    }

    .menu_level2_noscript {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }
}