@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
}

table {
    border-collapse: collapse;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

html,
body {
    height: 100%;
    font-family: "Noto Sans TC", sans-serif;
}

/*main pages
bg = background color
hor = horizontal seperator
ver = vertical seperator
*/

.bg_main {
    background-color: #eefcfe;
    
}

/*teacher pages*/
.tb_teacher {
    background-color: #eefcfe;
}

/*student pages*/
.tb_student {
    background-color: #fdfaee;
}


/*frame table : seting the position and size of the stardard frame table, used by all pages*/
.frame_table_l,
.frame_table_r {
    background-color: #b1ded2;
    width: 0px;
    background-repeat: repeat-y;
}

.frame_table_l {
    /*background-image: url("../Images/bg_l.png");*/
 /*   box-shadow: -10px 0px 10px 1px #bbb;*/
}

.frame_table_r {
    /*background-image: url("../Images/bg_r.png");*/
    /*box-shadow: 10px 0px -10px 1px #bbb;*/
}

.frame_table_size {
    width: 997px;
    border: 0pt;
    height: 100%;
    border-width: 0pt;
    margin: auto;
     box-shadow: -10px 0px 10px 1px rgba(15,15,15,0.2),10px 0px 10px 1px rgba(15,15,15,0.2);
}

.frame_table_row {
    vertical-align: top;
}

.frame_table_size_inner {
    width: 997px;
    margin: none;
    padding: none;
}

.frame_table_size_inner td {
    border: 0px red solid;
}

.frame_table_cell_5 {
    vertical-align: middle;
    text-align: center;
    height: 140px;
}

.frame_table_cell_5b {
    text-align: center;
    height: 140px;
}

.frame_table_cell_8 {
    text-align: center;
    vertical-align: top;
   min-height: calc(100vh - 20px);
}

.footer {
    width: 997px;
    font-size: 10pt;
    font-family: "Noto Sans TC", sans-serif;
    height: 15px;
    text-align: right;
    padding-right: 6px;
    color: #33556d;
}

.footer_hr {
    height: 6px;
    background-repeat: repeat-x;
    background-image: url("../Images/footer_hr.png");
    padding: 0 0 4px 0;
}





.topic {
    font-size: 14pt;
    font-weight: bold;
    margin-left: 20px;
}

.table_font {
    font-size: 13pt;
    width: 650px;
}

.path_link {
    font-size: 14pt;
    color: #069;
}

.cg {
    font-size: 14pt;
    color: #003;
}

.paragraph1 {
    font-size: 14pt;
    font-family: "Noto Sans TC", sans-serif;
}



.copyright {
    font-size: 10pt;
    color: #666;
}

.frame_table_contentContainer {
    padding-top: 16px;
}

.frame_table_cell_1 {
    vertical-align: top;
    text-align: center;
    width: 220px;
}

.frame_table_cell_2 {
    vertical-align: top;
    height: 40px;
}

.frame_table_cell_3,
.dv3 {
    vertical-align: top;
    width: 750px;
}

.frame_table_cell_4 {
    vertical-align: top;
    width: 130px;
    text-align: center;
}


.frame_table_cell_7 {
    width: 10px;
    font-size: 20pt;
}

.web_link_table {
    width: 400px;
}

.table_add {
    width: 80%;
}

.ans_right {
    color: #090;
    visibility: hidden;
    position: relative;
    top: 0px;
    left: 0px;
}

.ans_wrong {
    color: #F00;
    visibility: hidden;
    position: relative;
    top: 0px;
    left: 0px;
}

.desc {
    color: #006;
    visibility: hidden;
}

.dv3 {
    margin-left: 10px;
    margin-top: 10px;
}

.screen_bg {
    background-color: #b1ded2;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}


.qtn {
    color: #390;
}

.challenge_table {
    width: 600px;
}

.book_table {
    width: 650px;
    text-align: left;
}

.book_image {
    text-align: center;
    height: 200px;
}

.dictionary_iframe {
    border: 0px;
    width: 725px;
    height: 544px;
}

.div_timer {
    color: #33556d;
    font-weight: bolder;
}

.loginFail_div {
    margin-top: 60px;
    height: 494px;
}

/*-------------- header 2 LOGOUT BTN -------------------*/
.tb_teacher .header2_div {
    background-image: url("../Images/header2_bg.jpg");
}

.tb_student .header2_div {
    background-image: url("../Images/header2_bg_student.jpg");
}

.logoutBtn {
    /*  font-family: "Noto Sans TC", sans-serif;
    font-weight: bold; */
    width: 130px;
    color: #FFFFFF;
    text-align: center;
    height: 100%;
    float: right;
    line-height: 30px;
    text-decoration: none;
}

.logoutBtnIcon {
    background-image: url("../Images/logoutBtnIcon.png");
    width: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-right: 6px;
}

.tb_teacher .logoutBtnIcon {
    background-image: url("../Images/logoutBtnIcon.png");
}

.tb_student .logoutBtnIcon {
    background-image: url("../Images/logoutBtnIcon_student.png");
}

.tb_teacher .logoutBtn_nor {
    background-color: #fc6b00;
}

.tb_teacher .logoutBtn_over {
    background-color: #ff8a00;
}

.tb_student .logoutBtn_nor {
    background-color: #528f0a;
}

.tb_student .logoutBtn_over {
    background-color: #fcf7ff;
}


/*-------------- login page: LOGIN BOX -------------------*/
.login_instru {
    position: absolute;
    right: 0px;
}

.login_container {
    width: 862px;
    height: 429px;
    margin: 0 auto;
    margin-top: 60px;
    background-image: url("../Login/login_bg.jpg");
    background-repeat: no-repeat;
    position: relative;
    /*  
    width:603px;
    float:left;
    margin-left:30px;
*/
}

.login_instruc {
    width: 311px;
    float: left;
    padding-top: 80px;
}

.login_table {
    width: 460px;
    text-align: left;
    position: absolute;
    top: 52px;
    /*  left:96px; */
    left: 234px;
}

.login_1stRow {
    height: 66px;
}

.loginid_title,
.loginpw_title {
    font-size: 16pt;
    font-family: "Noto Sans TC", sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 28px;
}

.inputField {
    padding-left: 12px;
    font-size: 16pt;

    height: 40px;
    height: 40px \9;
    /*css hack for ie 8 or below*/
    line-height: 40px;
    border: 0;
    width: 220px;
    background-image: url("../Login/input_bg.jpg");
    background-repeat: no-repeat;
}

.login_1stCol {
    font-weight: bold;
    font-size: 20pt;
    font-family: "Noto Sans TC", sans-serif;
    color: #FFFFFF;
    text-shadow: 2px 2px #044e46;
}

.login_unameTd {
    padding-bottom: 10px;
}

.login_submitTd {
    vertical-align: bottom;
    text-align: right;
    width: 90px;
}

.buttonInput_td {
    padding: 20px 0 0 28px;
}

.buttonInput {
    background: url("../Login/loginbtn_nor.jpg");
    background-repeat: repeat-x;
    width: 332px;
    height: 45px;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 16pt;
    font-family: "Noto Sans TC", sans-serif;
    color: #FFFFFF;
    text-align: center;
}

.buttonInput:hover {
    background: url("../Login/loginbtn_over.jpg");
    background-repeat: repeat-x;
}

/*-------------- booklist -------------------*/
.booklist_box {
    text-align: center;
    padding-top: 60px;
    min-height: 500px;
}

.booklist_box .bookst {
    padding-left: 10px;
}

.booklist_box .booklist_tb {
    width: 440px;
    margin: auto;
}

.booklist_box .booklist_tb td {
    text-align: center;
    padding-bottom: 6px;
}

.booklist_box .book_title {
    display: inline-block;
    width: 266px;
    height: 80px;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0);
    padding: 0 20px 0 36px;
    margin-top: 2px;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 40px;
}

.booklist_box .book_title {
    background-repeat: no-repeat;
    background-position: center;
}

.booklist_box .book1_td .active .book_title {
    background-image: url("../Images/book_btn_1.png");
}

.booklist_box .book2_td .active .book_title {
    background-image: url("../Images/book_btn_2.png");
}

.booklist_box .book3_td .active .book_title {
    background-image: url("../Images/book_btn_3.png");
}

.booklist_box .book4_td .active .book_title {
    background-image: url("../Images/book_btn_4.png");
}

.booklist_box .book5_td .active .book_title {
    background-image: url("../Images/book_btn_5.png");
}

.booklist_box .book6_td .active .book_title {
    background-image: url("../Images/book_btn_6.png");
}

.booklist_box .book1_td .disable .book_title {
    background-image: url("../Images/book_btn_1_dim.png");
}

.booklist_box .book2_td .disable .book_title {
    background-image: url("../Images/book_btn_2_dim.png");
}

.booklist_box .book3_td .disable .book_title {
    background-image: url("../Images/book_btn_3_dim.png");
}

.booklist_box .book4_td .disable .book_title {
    background-image: url("../Images/book_btn_4_dim.png");
}

.booklist_box .book5_td .disable .book_title {
    background-image: url("../Images/book_btn_5_dim.png");
}

.booklist_box .book6_td .disable .book_title {
    background-image: url("../Images/book_btn_6_dim.png");
}

.booklist_box .active .link:hover {
    background-repeat: no-repeat;
    background-position: center;
}

.booklist_box .book1_td .active .link:hover {
    background-image: url("../Images/book_btn_1_over.png");
}

.booklist_box .book2_td .active .link:hover {
    background-image: url("../Images/book_btn_2_over.png");
}

.booklist_box .book3_td .active .link:hover {
    background-image: url("../Images/book_btn_3_over.png");
}

.booklist_box .book4_td .active .link:hover {
    background-image: url("../Images/book_btn_4_over.png");
}

.booklist_box .book5_td .active .link:hover {
    background-image: url("../Images/book_btn_5_over.png");
}

.booklist_box .book6_td .active .link:hover {
    background-image: url("../Images/book_btn_6_over.png");
}

/*--------- Main Content : Menu Style ----------*/
.frame_table_cell_menu {
    background-image: url("../Images/menu_verticalRule.png");
    background-repeat: repeat-y;
    background-position: 93% 10%;
    width: 240px;

    font-size: 1.1em;
    /*  font-family: "Noto Sans TC", sans-serif;
    font-weight: bold; */
    padding-bottom: 20px;
}

.backToBkListBtn {
    display: inline-block;
    width: 200px;
    height: 34px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 34px;
}

.backToBkListBtn_nor {
    background-image: url("../Images/backToBkLt.png");
    background-repeat: no-repeat;
}

.backToBkListBtn_over {
    background-image: url("../Images/backToBkLt_over.png");
    background-repeat: no-repeat;
}

.backToBkListBtnDiv {
    text-align: center;
    margin-right: 20px;
    padding: 0 0 16px 0;
}

.frame_table_cell_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.frame_table_cell_menu li {
    position: relative;
}

.frame_table_cell_menu li .menuBtn_link {
    display: block;
    height: 37px;
    text-decoration: none;
    vertical-align: middle;
    line-height: 46px;
    /*margin-right: 15px;*/
    padding-right: 5px;
    background-repeat: no-repeat;    
    font-family: "Noto Sans TC", sans-serif;
    color: #062544;
    font-size: 18px;
}


.frame_table_cell_menu .menuBtn_link.active {
    background-repeat: no-repeat;
    cursor: default;
    pointer-events: none;
}


.menuBtn .menuBtn_link:hover {
    background-color: white;
    background-size: 30px 37px;
    background-image: url("../Images/menuBtnbg_hover.svg");
}

.group_0 li a{
    background-color: #e1f9dc;
}

.group_1 li a{
    background-color: #dcf5f9;
}
.group_2 li a{
    background-color: #fde3d4;
}
.group_3 li a{
    background-color: #eaf8de;
}
.group_4 li a{
    background-color: #fee4c1;
}



.group_0 .active {
    background-color: #fffac6;
}

.group_0 .active:after {
    content: " ";
    background-color: transparent;
    left: 100%;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    border-left: 28px solid #fffac6;
}



.group_1 .active {
    background-color: #b8e8f4;
}

.group_1 .active:after {
    content: " ";
    background-color: transparent;
    left: 99%;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    border-left: 28px solid #b8e8f4;
}

.group_2 .active {
    background-color: #f9c3ab;
}

.group_2 .active:after {
    content: " ";
    background-color: transparent;
    left: 99%;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    border-left: 28px solid #f9c3ab;
}

.group_3 .active {
    background-color: #a7d992;
}

.group_3 .active:after {
    content: " ";
    background-color: transparent;
    left: 100%;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    border-left: 28px solid #a7d992;
}

.group_4 .active {
    background-color: #edcba8;
}

.group_4 .active:after {
    content: " ";
    background-color: transparent;
    left: 99%;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    border-left: 28px solid #edcba8;
}

.menuBtn .btn {
    width: 182px;
    height: 36px;
    border: 0px;
}
.menuBtn .item_0 {
    background-image: url("../Images/item/menuBtnbg_intro_active.png");
}



.menuBtn .item_1 {
    background-image: url("../Images/item/menuBtnbg_01Learning.png");
}

.menuBtn .item_2 {
    background-image: url("../Images/item/menuBtnbg_02Evaluation.png");
}

.menuBtn .item_3 {
    background-image: url("../Images/item/menuBtnbg_03Multimedia.png");

    
}

.menuBtn .item_4 {
    background-image: url("../Images/item/menuBtnbg_04Extension.png");
}




.menuBtn .frame_table_cell_menu .item_ {
    background-image: url("../Images/item/menuBtnbg_intro_over.png");
}

.menuBtn .frame_table_cell_menu .item_u {
    background-image: url("../Images/item/menuBtnbg_update_over.png");
}

.menuBtn .frame_table_cell_menu .item_teachin {
    background-image: url("../Images/item/menuBtnbg_teachingPlan_over.png");
}

.menuBtn .frame_table_cell_menu .item_power {
    background-image: url("../Images/item/menuBtnbg_powerpoint_over.png");
}

.menuBtn .frame_table_cell_menu .it {
    background-image: url("../Images/item/menuBtnbg_qr_over.png");
}

.menuBtn .frame_table_cell_menu .item_a {
    background-image: url("../Images/item/menuBtnbg_answer_over.png");
}

.menuBtn .frame_table_cell_menu .item_work {
    background-image: url("../Images/item/menuBtnbg_worksheet_over.png");
}

.menuBtn .frame_table_cell_menu .item_discu {
    background-image: url("../Images/item/menuBtnbg_discussion_over.png");
}

.menuBtn .frame_table_cell_menu .item_ch {
    background-image: url("../Images/item/menuBtnbg_channel_over.png");
}

.menuBtn .frame_table_cell_menu .item_case {
    background-image: url("../Images/item/menuBtnbg_caseStudy_over.png");
}

.menuBtn .frame_table_cell_menu .item_test {
    background-image: url("../Images/item/menuBtnbg_testPaper_over.png");
}

.menuBtn .frame_table_cell_menu .item_tes {
    background-image: url("../Images/item/menuBtnbg_testBank_over.png");
}

.menuBtn .frame_table_cell_menu .item_ke {
    background-image: url("../Images/item/menuBtnbg_keyWord_over.png");
}

.menuBtn .frame_table_cell_menu .item_com {
    background-image: url("../Images/item/menuBtnbg_compress_over.png");
}

.menuBtn .frame_table_cell_menu .item {
    background-image: url("../Images/item/menuBtnbg_quiz_over.png");
}

.menuBtn .frame_table_cell_menu .ite {
    background-image: url("../Images/item/menuBtnbg_ani_over.png");
}

.menuBtn .frame_table_cell_menu .item {
    background-image: url("../Images/item/menuBtnbg_book_over.png");
}

.menuBtn .frame_table_cell_menu .item_ {
    background-image: url("../Images/item/menuBtnbg_image_over.png");
}

.menuBtn .frame_table_cell_menu .ite {
    background-image: url("../Images/item/menuBtnbg_map_over.png");
}

.menuBtn .frame_table_cell_menu .item_ad {
    background-image: url("../Images/item/menuBtnbg_addInfo_over.png");
}

.menuBtn .frame_table_cell_menu .item_prepar {
    background-image: url("../Images/item/menuBtnbg_preparation_over.png");
}

.menuBtn .frame_table_cell_menu .item_ansche {
    background-image: url("../Images/item/menuBtnbg_anschecking_over.png");
}

.menuBtn .frame_table_cell_menu .item_tech {
    background-image: url("../Images/item/menuBtnbg_technique_over.png");
}

.menuBtn .item_intro.disable {
    background-image: url("../Images/item/menuBtnbg_intro_dim.png");
}

.menuBtn .item_update.disable {
    background-image: url("../Images/item/menuBtnbg_update_dim.png");
}

.menuBtn .item_teachingPlan.disable {
    background-image: url("../Images/item/menuBtnbg_teachingPlan_dim.png");
}

.menuBtn .item_powerpoint.disable {
    background-image: url("../Images/item/menuBtnbg_powerpoint_dim.png");
}

.menuBtn .item_qr.disable {
    background-image: url("../Images/item/menuBtnbg_qr_dim.png");
}

.menuBtn .item_answer.disable {
    background-image: url("../Images/item/menuBtnbg_answer_dim.png");
}

.menuBtn .item_worksheet.disable {
    background-image: url("../Images/item/menuBtnbg_worksheet_dim.png");
}

.menuBtn .item_discussion.disable {
    background-image: url("../Images/item/menuBtnbg_discussion_dim.png");
}

.menuBtn .item_channel.disable {
    background-image: url("../Images/item/menuBtnbg_channel_dim.png");
}

.menuBtn .item_caseStudy.disable {
    background-image: url("../Images/item/menuBtnbg_caseStudy_dim.png");
}

.menuBtn .item_testPaper.disable {
    background-image: url("../Images/item/menuBtnbg_testPaper_dim.png");
}

.menuBtn .item_testBank.disable {
    background-image: url("../Images/item/menuBtnbg_testBank_dim.png");
}

.menuBtn .item_keyWord.disable {
    background-image: url("../Images/item/menuBtnbg_keyWord_dim.png");
}

.menuBtn .item_compress.disable {
    background-image: url("../Images/item/menuBtnbg_compress_dim.png");
}

.menuBtn .item_quiz.disable {
    background-image: url("../Images/item/menuBtnbg_quiz_dim.png");
}

.menuBtn .item_ani.disable {
    background-image: url("../Images/item/menuBtnbg_ani_dim.png");
}


.menuBtn .item_book.disable {
    background-image: url("../Images/item/menuBtnbg_book_dim.png");
}

.menuBtn .item_image.disable {
    background-image: url("../Images/item/menuBtnbg_image_dim.png");
}

.menuBtn .item_map.disable {
    background-image: url("../Images/item/menuBtnbg_map_dim.png");
}

.menuBtn .item_addInfo.disable {
    background-image: url("../Images/item/menuBtnbg_addInfo_dim.png");
}

.menuBtn .item_preparation.disable {
    background-image: url("../Images/item/menuBtnbg_preparation_dim.png");
}

.menuBtn .item_technique.disable {
    background-image: url("../Images/item/menuBtnbg_technique_dim.png");
}

.menuBtn .item_update .menuBt {
    background-image: url("../Images/item/menuBtnbg_update_active.png");
}

.menuBtn .item_teachingPlan .menuBt {
    background-image: url("../Images/item/menuBtnbg_teachingPlan_active.png");
}

.menuBtn .item_powerpoint .menuBt {
    background-image: url("../Images/item/menuBtnbg_powerpoint_active.png");
}

.menuBtn .item_qr .menuBt {
    background-image: url("../Images/item/menuBtnbg_qr_active.png");
}

.menuBtn .item_answer .menuBt {
    background-image: url("../Images/item/menuBtnbg_answer_active.png");
}

.menuBtn .item_anschecking .menuBt {
    background-image: url("../Images/item/menuBtnbg_anschecking_active.png");
}

.menuBtn .item_image .menuBt {
    background-image: url("../Images/item/menuBtnbg_image_active.png");
}

.menuBtn .item_ani .menuBt {
    background-image: url("../Images/item/menuBtnbg_ani_active.png");
}

.menuBtn .item_map .menuBt {
    background-image: url("../Images/item/menuBtnbg_map_active.png");
}

.menuBtn .item_addInfo .menuBt {
    background-image: url("../Images/item/menuBtnbg_addInfo_active.png");
}

.menuBtn .item_preparation .menuBt {
    background-image: url("../Images/item/menuBtnbg_preparation_active.png");
}

.menuBtn .item_worksheet .menuBt {
    background-image: url("../Images/item/menuBtnbg_worksheet_active.png");
}

.menuBtn .item_discussion .menuBt {
    background-image: url("../Images/item/menuBtnbg_discussion_active.png");
}

.menuBtn .item_channel .menuBt {
    background-image: url("../Images/item/menuBtnbg_channel_active.png");
}

.menuBtn .item_caseStudy .menuBt {
    background-image: url("../Images/item/menuBtnbg_caseStudy_active.png");
}

.menuBtn .item_testPaper .menuBt {
    background-image: url("../Images/item/menuBtnbg_testPaper_active.png");
}

.menuBtn .item_testBank .menuBt {
    background-image: url("../Images/item/menuBtnbg_testBank_active.png");
}

.menuBtn .item_keyWord .menuBt {
    background-image: url("../Images/item/menuBtnbg_keyWord_active.png");
}

.menuBtn .item_compress .menuBt {
    background-image: url("../Images/item/menuBtnbg_compress_active.png");
}

.menuBtn .item_quiz .menuBt {
    background-image: url("../Images/item/menuBtnbg_quiz_active.png");
}

.menuBtn .item_book .menuBt {
    background-image: url("../Images/item/menuBtnbg_book_active.png");
}

.menuBtn .item_image .menuBt {
    background-image: url("../Images/item/menuBtnbg_image_active.png");
}

.menuBtn .item_map .menuBt {
    background-image: url("../Images/item/menuBtnbg_map_active.png");
}

.menuBtn .item_ani .menuBt {
    background-image: url("../Images/item/menuBtnbg_ani_active.png");
}

.menuBtn .item_technique .menuBt {
    background-image: url("../Images/item/menuBtnbg_technique_active.png");
}

.frame_table_cell_menu li a:hover {
    background-repeat: no-repeat;
}

.frame_table_cell_menu .menu_vr {
    float: left;
    width: 2px;
    height: 100%;
}

.frame_table_cell_menu .menu_main {
    float: left;
}

.frame_table_cell_menu .menu_main .menuBtn {
    /*border-bottom: 1px solid #9e3d06;*/
}




/*--------- Main Content : Content Style ----------*/
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 34px;
    height: 100px;
    text-align: center;
    line-height: 30px;
    background-color: #ffa133;
    color: #FFFFFF;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    writing-mode: tb-rl;
    padding: 10px 4px 0 0;
    background-image: url("../Images/backToTop.png");
    background-repeat: no-repeat;
    background-position: center 10%;
    /*  
    font-family: "Noto Sans TC", sans-serif;
    font-weight: bold; */
}

#back-to-top:hover {
    background-color: #ffc077;
}

#back-to-top.show {
    opacity: 1;
}


.frame_table_cell_resourcesContent {
    /*  background: pink; */
    width: 740px;
}

.frame_table_cell_resourcesContent .chapter_header {
    padding: 0 0 0 40px;
    height: 72px;
    line-height: 60px;
}

.frame_table_cell_resourcesContent .chapter_header .bookst {
    padding-left: 40px;
}

.chapter_header {
    background-repeat: no-repeat;
    background-position: 10px 0px;
    color: rgba(0, 0, 0, 0);

    font-size: 1.4em;
    font-family: "Noto Sans TC", sans-serif;
    /*  font-weight: bold;*/
}

.p_book1 .chapter_header,
.book1 .chapter_header {
    background-image: url("../Images/unitHeaderBg_U1.png");
}

.p_book2 .chapter_header,
.book2 .chapter_header {
    background-image: url("../Images/unitHeaderBg_U2.png");
}

.p_book4 .chapter_header,
.book4 .chapter_header {
    background-image: url("../Images/unitHeaderBg_U4.png");
}

.p_book6 .chapter_header,
.book6 .chapter_header {
    background-image: url("../Images/unitHeaderBg_U6.png");
}

.p_book3 .chapter_header,
.book3 .chapter_header {
    background-image: url("../Images/unitHeaderBg_U3.png");
}

.p_book5 .chapter_header,
.book5 .chapter_header {
    background-image: url("../Images/unitHeaderBg_U5.png");
}

.resource_contentDiv {
    /*  background: blue; */
}

.resource_contentTb {
    width: 660px;
    margin: 0 auto;
    margin-bottom: 40px;
}

/*---------------------------All Content Share----------------------------*/
.em_span {
    font-family: "微軟正黑體", "Microsoft JhengHei", Tahoma, Verdana, Arial, sans-serif;
}

.txtAlign_l {
    text-align: left;
}

.underlineSpan {
    border-bottom: 1px solid black;
}

.boldSpan {
    font-weight: bold;
}

.resource_contentTb thead {
    height: 36px;
}

.resource_contentTb thead .item_header {
    text-align: left;
    height: 36px;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, 0);
    font-family: "Noto Sans TC", sans-serif;
    padding: 7px 0 0 60px;
}

.resources_dlTb_1 {
    /* teachingPlan, powerpoint */
    width: 640px;
    margin: 10px;

    border: 2px solid white;
    font-family: "Noto Sans TC", sans-serif;
    width: 640px;
    margin: 10px;
    color: #382f34;
    font-size: 18px;
    font-weight: bold;

}

.resources_dlTb_1 td {
    height: 42px;
    vertical-align: middle;
}

.resources_dlTb_1 td.col1 {
    padding-left: 40px;
}

.resources_dlTb_1 td.col2 {
    width: 158px;
    text-align: center;
}

.resources_dlTb_1 td.col3 {
    width: 158px;
    text-align: center;
}

.resources_dlTb_1 td.col4 {
    width: 158px;
    text-align: center;
}

.resources_dlTb_1 thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.resources_dlTb_1 .dl_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.resources_dlTb_1 .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

.dlLink_div {
    text-align: center;
}

.new_item {
    background-image: url("../Images/new.gif");
    background-repeat: no-repeat;
    background-position: right top;
}


.bookIntro{
 font-family: "Noto Sans TC", sans-serif;
}


.bookIntro button {
    color: #fff;
    background-color: transparent;
    border-color: #17a2b8;
}


.bookIntro .item_header {
    background-image: url("../Images/item/covers.png");
    width:674px;
    height:410px;
}


/*---------------- teaching plan content ----------------*/
.resource_contentTb.teachingPlan {
    background: #dcfbeb;
}

.teachingPlan .item_header {
    background-image: url("../Images/item/item_header_teachingPlan.jpg");
}

.teachingPlan_dlTb thead .col1 {
    background-color: #356e9b;
}

.teachingPlan_dlTb thead .col2 {
    background-color: #2b5c84;
}

.resource_contentTb.teachingPlan {
    background: #dcf5f9;
}



.teachingPlan_dlTb {
    font-family: "Noto Sans TC", sans-serif;
    width: 640px;
    margin: 10px;
    color: #382f34;
    font-size: 18px;
    font-weight: bold;
}

.teachingPlan_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.teachingPlan_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.teachingPlan .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #0b2150;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #382f34;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #223215;
}

.teachingPlan .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.teachingPlan .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}

.teachingPlan .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #dcf6f7;
    background-color: #dcf6f7;
}

.teachingPlan .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {
    height: 40px;
}

.teachingPlan .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.teachingPlan .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #356e9b;
    width: 120px;
}

.teachingPlan .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.teachingPlan .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {
    text-align: center;
    background-color: #e0b4de;
    width: 120px;
}


.contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

/*---------------- powerpoint content ----------------*/
/*.resource_contentTb.powerpoint{
    background: #fce9e2;
    margin-bottom: 10px;
}
.resource_contentTb.powerpoint thead .item_header{
    background-image:url("../Images/item/item_header_powerpoint.jpg");
}
.powerpoint_dlTb thead .col1{
    background-color:#ed744b;
}
.powerpoint_dlTb thead .col2{
    background-color:#e56133;
}
.resources_remark{
    padding-left:20px;
    font-size:0.9em;
    width: 660px;
    margin: 0 auto;
    margin-bottom: 40px;
}*/
.resource_contentTb.powerpoint {
    background: #eefcfe;
}

.resource_contentTb.powerpoint thead .item_header {
    background-image: url("../Images/item/item_header_testPaper08.jpg");
}

.powerpoint_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.powerpoint_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.powerpoint_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.powerpoint .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #46a387;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.powerpoint .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #eefcfe;
    background-color: #eefcfe;
}

.powerpoint .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.powerpoint .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}


.powerpoint .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {
    height: 40px;
}

.powerpoint .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.powerpoint .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #5cab8e;
    width: 120px;
}

.powerpoint .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.powerpoint .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {
    text-align: center;
    background-color: #e0b4de;
    width: 120px;
}


.contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

/*---------------- news content ----------------*/
.resource_contentTb.news {
    background: #ebe1f5;
}

.news .item_header {
    background-image: url("../Images/item/item_header_channel.jpg");
}

.news_dlTb thead .col1 {
    background-color: #9c5dd1;
}

.news_dlTb thead .col2 {
    background-color: #8a4bc6;
}

.news_dlTb thead .col2a {
    background-color: #723ab5;
}

.news_dlTb thead .col2b {
    background-color: #4f229b;
}

/*---------------- caseStudy content ----------------*/
.resource_contentTb.caseStudy {
    background: #e0e8f7;
}

.caseStudy .item_header {
    background-image: url("../Images/item/item_header_caseStudy.jpg");
}

.caseStudy_dlTb thead .col1 {
    background-color: #497cd5;
}

.caseStudy_dlTb thead .col2 {
    background-color: #3267c3;
}

/*---------------- answer content ----------------*/
.resource_contentTb.answer {
    background: #fbe0cb;
}

.answer .item_header {
    background-image: url("../Images/item/item_header_answer.jpg");
}

.answer_dlTb thead .col1 {
    background-color: #ce9062;
}

.answer_dlTb thead .col2 {
    background-color: #b77a4c;
}

/*---------------- eBook content ----------------*/
.resource_contentTb.eBook {
    background: #fbe0cb;
}

.eBook .item_header {
    background-image: url("../Images/item/item_header_eBook.jpg");
}

.eBook_dlTb thead .col1 {
    background-color: #ce9062;
}

.eBook_dlTb thead .col2 {
    background-color: #b77a4c;
}

/*---------------- teacherBook content ----------------*/
.resource_contentTb.teacherBook {
    background: #fbe0cb;
}

.teacherBook .item_header {
    background-image: url("../Images/item/item_header_teacherBook.jpg");
}

.teacherBook_dlTb thead .col1 {
    background-color: #ce9062;
}

.teacherBook_dlTb thead .col2 {
    background-color: #b77a4c;
}


/*---------------- basicLaw content ----------------*/
.resource_contentTb.basicLaw {
    background: #dcf5f9;
}

.basicLaw .item_header {
    background-image: url("../Images/item/item_header_basicLaw.jpg");
}

.basicLaw_dlTb thead .col1 {
    background-color: #ce9062;
}

.basicLaw_dlTb thead .col2 {
    background-color: #b77a4c;
}




/*----------------------extlearn6-------------------------------*/

/*-------------------extLearn6-------------*/
.resource_contentTb.extLearn6 {
    background: #eaf8de;
}

.resource_contentTb.extLearn6 thead .item_header {
    background-image: url("../Images/item/item_header_extLearn5.jpg");
}

.extLearn6_dlTb .caseStudy_title {
    height: 40px;
    width: auto;
    background-color: #023200;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}
.extLearn6_dlTb .caseStudy_subtitle {
    background-color: #b98a60;
    vertical-align: middle;
    line-height: 40px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.extLearn6_dlTb  .link
{
    background-color: #fdecce;
}
.extLearn6_dlTb .caseStudy_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.extLearn6_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.extLearn6_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.extLearn6_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.extLearn6_dlTb h5 {
    vertical-align: middle;
    font-family: "Noto Sans TC", sans-serif;
    color: #4A3834;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
}

.extLearn6_dlTb h6 {
    vertical-align: middle;
    font-family: "Noto Sans TC", sans-serif;
    color: #686b68;
    text-align: left;
    font-size: 18px;
}



.extLearn6_dlTb .extLearn6_title {
    height: 40px;
    width: 128px;
    background-color: #317d48;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.extLearn6_dlTb .extLearn6_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.extLearn6_dlTb .extLearn6_td {
    position: relative;
}

.extLearn6_dlTb .extLearn6_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 0px solid #eaf8de;

}

.extLearn6_dlTb .extLearn6_contentTb thead td {
    height: 40px;
}

.extLearn6_dlTb .extLearn6_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;

}

.extLearn6_dlTb .extLearn6_contentTb thead .col1 {
    padding-left: 20px;

    text-align: left;
}

.extLearn6_dlTb .extLearn6_contentTb thead .col2 {
    background-color: #78a1c7;
}

.extLearn6_dlTb .extLearn6_contentTb thead .col3 {
    background-color: #5081b2;
}

.extLearn6_dlTb .extLearn6_contentTb thead .col4a {
    background-color: #3467a5;
}

.extLearn6_dlTb .extLearn6_contentTb thead .col4b {
    background-color: #2e5f9a;
}

.extLearn6_dlTb .extLearn6_contentTb tbody .col1 {
    padding-left: 20px;
    background-color: #e1f2f5;
}

.extLearn6_dlTb .extLearn6_contentTb tbody .col2 {
    text-align: center;
    background-color: #c9e0ed;
}

.extLearn6_dlTb .extLearn6_contentTb tbody .col3 {
    background-color: #d2e0f0;
}

.extLearn6_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}

.extLearn6_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

.extLearn6_dlTb .contentDiv .dl_link_sp a:hover {
    background-color: rgba(255, 255, 204, 0.5);
}




/*---------------- extLearn2 content ----------------*/
.resource_contentTb.extLearn2 {
    background: #fbe0cb;
}

.extLearn2 .item_header {
    background-image: url("../Images/item/item_header_extLearn2.jpg");
}

.extLearn2 thead .col1 {
    background-color: #ce9062;
}

.extLearn2 thead .col2 {
    background-color: #b77a4c;
}




/*---------------- extActGuild content ----------------*/
.resource_contentTb.extActGuild {
    background: #fbe0cb;
}

.extActGuild .item_header {
    background-image: url("../Images/item/item_header_extActGuild.jpg");
}

.extActGuild_dlTb thead .col1 {
    background-color: #ce9062;
}

.extActGuild_dlTb thead .col2 {
    background-color: #b77a4c;
}

/*---------------- workBook content ----------------*/

.resource_contentTb.workBook {
    background: #fde3d4;
}

.workBook .item_header {
    background-image: url("../Images/item/item_header_workBook.jpg");
}

.workBook_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.workBook_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.workBook_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}


.workBook .caseStudy_title {
    height: 40px;
    width: auto;
    background-color: #600821;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.workBook .caseStudy_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.workBook .caseStudy_td {
    position: relative;
}

.workBook .caseStudy_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #fde3d4;
    background-color: #fde3d4;
}

.workBook .caseStudy_contentTb thead td {
    height: 40px;
}

.workBook .caseStudy_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.workBook .caseStudy_contentTb thead .col2 {
    background-color: #ab1e24;
    width: 120px;
}

.workBook .caseStudy_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #fde3d4;
}

.workBook .caseStudy_contentTb tbody .col2 {
    text-align: center;
    background-color: #e0b4de;
    width: 120px;
}

/*--------------- notes ---------------------------------*/

.resource_contentTb.notes {
    background: #dcf5f9;
}

.notes .item_header {
    background-image: url("../Images/item/item_header_notes.jpg");
}

.notes_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.notes_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.notes_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}


.notes .caseStudy_title {
    height: 40px;
    width: auto;
    background-color: #0b224b;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.notes .caseStudy_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.notes .caseStudy_td {
    position: relative;
}

.notes .caseStudy_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #dcf5f9;
    background-color: #dcf5f9;
}

.notes .caseStudy_contentTb thead td {
    height: 40px;
}

.notes .caseStudy_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.notes .caseStudy_contentTb thead .col2 {
    background-color: #356e9b;
    width: 120px;
}

.notes .caseStudy_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.notes .caseStudy_contentTb tbody .col2 {
    text-align: center;
    background-color: #e0b4de;
    width: 120px;
}
/*---------------- lessonAct content ----------------*/
.resource_contentTb.lessonAct {
    background: #fbe0cb;
}

.lessonAct .item_header {
    background-image: url("../Images/item/item_header_lessonAct.jpg");
}

.lessonAct_dlTb thead .col1 {
    background-color: #ce9062;
}

.lessonAct_dlTb thead .col2 {
    background-color: #b77a4c;
}

/*------------------eMap-------------------*/
/*--------------- eMap ---------------------------------*/
/*-------------------- eMap content --------------------*/
.resource_contentTb.eMap {
    background: #fdf2f6;
}

.resource_contentTb.eMap thead .item_header {
    background-image: url("../Images/item/item_header_eMap.jpg");
}

.eMap_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.eMap_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.eMap_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.eMap .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #cb489f;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.eMap .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.eMap .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}

.eMap .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    margin-top: 60px;
    background-color: transparent;
    width: 620px;
    border: 8px solid #e9f9de;
    background-color: #e9f9de;
}

.eMap .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {

    height: 40px;
}


.eMap .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.eMap .caseStudy_contentTb thead .col1,
.feedback_contentTb thead .col1,
.updateNews_contentTb thead .col1 {
    background-color: #fdf2f6;

}

.eMap .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #ad2f54;
    width: 120px;
}

.eMap .caseStudy_contentTb thead .col3,
.feedback_contentTb thead .col3,
.updateNews_contentTb thead .col3 {
    background-color: #8c142e;
    width: 120px;
}

.eMap .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.eMap .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {

    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.eMap .caseStudy_contentTb tbody .col3,
.feedback_contentTb tbody .col3,
.updateNews_contentTb tbody .col3 {


    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.eMap .download {
    background-color: #6cb1d3;
}

.eMap_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}


.eMap_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

/*
.flexwrap{
        display:flex;
         flex-direction: row;
         justify-content:center;
         width:100%;
         height:100%;
}
.contentDiv .dl_link, .contentDiv .dl_link_disable{
    flex:1 auto;
    align-items: center;
    justify-content:center;
}
*/

.eMap .contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}


/*-------------------flipClass-------------*/
.resource_contentTb.flipClass {
    background: #eaf8de;
}

.resource_contentTb.flipClass thead .item_header {
    background-image: url("../Images/item/item_header_flipClass.jpg");
}

.flipClass_dlTb .caseStudy_title {
    height: 40px;
    width: auto;
    background-color: #023200;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}
.flipClass_dlTb .caseStudy_subtitle {
    background-color: #387a33;
    vertical-align: middle;
    line-height: 40px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.flipClass_dlTb  .link
{
    background-color: #d0f0c1;
}
.flipClass_dlTb .caseStudy_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.flipClass_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.flipClass_dlTb td {
  /*  height: 42px;*/
    vertical-align: middle;
}

.flipClass_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.flipClass_dlTb h5 {
    vertical-align: middle;
    font-family: "Noto Sans TC", sans-serif;
    color: #003300;
    text-align: left;
    font-size: 24px;
    font-weight: 500;
}

.flipClass_dlTb h6 {
    vertical-align: middle;
    font-family: "Noto Sans TC", sans-serif;
    color: #0a2104;
    text-align: left;
    font-size: 18px;
}



.flipClass_dlTb .flipClass_title {
    height: 40px;
    width: 128px;
    background-color: #317d48;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.flipClass_dlTb .flipClass_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.flipClass_dlTb .flipClass_td {
    position: relative;
}

.flipClass_dlTb .flipClass_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #eaf8de;
    background-color: #eaf8de;
}

.flipClass_dlTb .flipClass_contentTb thead td {
    height: 40px;
}

.flipClass_dlTb .flipClass_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;

}

.flipClass_dlTb .flipClass_contentTb thead .col1 {
    padding-left: 20px;

    text-align: left;
}

.flipClass_dlTb .flipClass_contentTb thead .col2 {
    background-color: #78a1c7;
}

.flipClass_dlTb .flipClass_contentTb thead .col3 {
    background-color: #5081b2;
}

.flipClass_dlTb .flipClass_contentTb thead .col4a {
    background-color: #3467a5;
}

.flipClass_dlTb .flipClass_contentTb thead .col4b {
    background-color: #2e5f9a;
}

.flipClass_dlTb .flipClass_contentTb tbody .col1 {
    padding-left: 20px;
    background-color: #e1f2f5;
}

.flipClass_dlTb .flipClass_contentTb tbody .col2 {
    text-align: center;
    background-color: #c9e0ed;
}

.flipClass_dlTb .flipClass_contentTb tbody .col3 {
    background-color: #d2e0f0;
}

.flipClass_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}

.flipClass_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

.flipClass_dlTb .contentDiv .dl_link_sp a:hover {
    background-color: rgba(255, 255, 204, 0.5);
}


/*-------------------hisAni-------------*/
.resource_contentTb.hisAni {
    background: #ddedf8;
}

.resource_contentTb.hisAni thead .item_header {
    background-image: url("../Images/item/item_header_hisAni.jpg");
}

.hisAni .caseStudy_title {
    height: 40px;
    width: auto;
    background-color: #023200;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.hisAni .caseStudy_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.hisAni {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.hisAni td {
    height: 42px;
    vertical-align: middle;
}

.hisAni .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}


.hisAni .hisAni_title {
    height: 40px;
    width: 128px;
    background-color: #317d48;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.hisAni .hisAni_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.hisAni .hisAni_td {
    position: relative;
}

.hisAni .hisAni_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #cadfff;
    background-color: #cadfff;
}

.hisAni .hisAni_contentTb thead td {
    height: 40px;
}

.hisAni .hisAni_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;

}

.hisAni .hisAni_contentTb thead .col1 {
    padding-left: 20px;

    text-align: left;
}

.hisAni .hisAni_contentTb thead .col2 {
    background-color: #78a1c7;
}

.hisAni .hisAni_contentTb thead .col3 {
    background-color: #5081b2;
}

.hisAni .hisAni_contentTb thead .col4a {
    background-color: #3467a5;
}

.hisAni .hisAni_contentTb thead .col4b {
    background-color: #2e5f9a;
}

.hisAni .hisAni_contentTb tbody .col1 {
    padding-left: 20px;
    background-color: #e1f2f5;
}

.hisAni .hisAni_contentTb tbody .col2 {
    text-align: center;
    background-color: #c9e0ed;
}

.hisAni .hisAni_contentTb tbody .col3 {
    background-color: #d2e0f0;
}

.hisAni .contentDiv .dl_link_sp {
    text-align: center;
}

.hisAni .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

.hisAni .contentDiv .dl_link_sp a:hover {
    background-color: rgba(255, 255, 204, 0.5);
}



/*-----------------update---------------------*/
/*---------------- update content ----------------*/
.resource_contentTb.update {
    background: #fbe0cb;
}

.update .item_header {
    background-image: url("../Images/item/item_header_update.jpg");
}

.update_dlTb thead .col1 {
    background-color: #ce9062;
}

.update_dlTb thead .col2 {
    background-color: #b77a4c;
}

/*---------------- anschecking content ----------------*/
.resource_contentTb.anschecking {
    background: #caf0ec;
}

.resource_contentTb.anschecking thead .item_header {
    background-image: url("../Images/item/item_header_anschecking.jpg");
}

.anschecking_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.anschecking_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.anschecking_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.anschecking .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #1ca497;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.anschecking .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #caf0ec;
    background-color: #caf0ec;
}

.anschecking .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.anschecking .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}


.anschecking .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {
    height: 40px;
}

.anschecking .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.anschecking .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #5cab8e;
    width: 120px;
}

.anschecking .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #37c8ba;
}

.anschecking .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {
    text-align: center;
    background-color: #e0b4de;
    width: 120px;
}

.contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

/*---------------- book content ----------------*/
.resource_contentTb.book {
    background: #f7e0e0;
}

.resource_contentTb.book thead .item_header {
    background-image: url("../Images/item/item_header_book.jpg");
}

.book thead .col1 {
    background-color: #cd4444;
}

.book thead .col2 {
    background-color: #c13131;
}

/*---------------- map content ----------------*/

/*-------------------- map content --------------------*/
.resource_contentTb.map {
    background: #ffe4c1;
}

.resource_contentTb.map thead .item_header {
    background-image: url("../Images/item/item_header_map.jpg");
}

.map_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.map_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.map_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.map .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #a04a00;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.map .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.map .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}

.map .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    margin-top: 60px;
    background-color: transparent;
    width: 620px;
    border: 8px solid #ffe4c1;
    background-color: #ffe4c1;
}

.map .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {

    height: 40px;
}


.map .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.map .caseStudy_contentTb thead .col1,
.feedback_contentTb thead .col1,
.updateNews_contentTb thead .col1 {
    background-color: #ffe4c1;

}

.map .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #ffa741;
    width: 120px;
}

.map .caseStudy_contentTb thead .col3,
.feedback_contentTb thead .col3,
.updateNews_contentTb thead .col3 {
    background-color: #376c87;
    width: 120px;
}

.map .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.map .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {

    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.map .caseStudy_contentTb tbody .col3,
.feedback_contentTb tbody .col3,
.updateNews_contentTb tbody .col3 {


    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.map .download {
    background-color: #6cb1d3;
}

.map_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}


.map_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

/*
.flexwrap{
        display:flex;
         flex-direction: row;
         justify-content:center;
         width:100%;
         height:100%;
}
.contentDiv .dl_link, .contentDiv .dl_link_disable{
    flex:1 auto;
    align-items: center;
    justify-content:center;
}
*/

.map .contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

/*---------------- preparation content ----------------*/
.resource_contentTb.preparation {
    background: #fce9e2;
}

.resource_contentTb.preparation thead .item_header {
    background-image: url("../Images/item/item_header_preparation.jpg");
}

.preparation thead .col1 {
    background-color: #fa8259;
}

.preparation thead .col2 {
    background-color: #ed7146;
}

/*---------------- image content ----------------*/
.resource_contentTb.image {
    background: #f7e0e0;
}

.resource_contentTb.image thead .item_header {
    background-image: url("../Images/item/item_header_image.jpg");
}

.image thead .col1 {
    background-color: #cd4444;
}

.image thead .col2 {
    background-color: #c13131;
}

/*---------------- ani content ----------------*/

/*-------------------- ani content --------------------*/
.resource_contentTb.ani {
    background: #fdf2f6;
}

.resource_contentTb.ani thead .item_header {
    background-image: url("../Images/item/item_header_ani.jpg");
}

.ani_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.ani_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.ani_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.ani .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #cb489f;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.ani .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.ani .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}

.ani .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    margin-top: 60px;
    background-color: transparent;
    width: 620px;
    border: 8px solid #fdf2f6;
    background-color: #fdf2f6;
}

.ani .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {

    height: 40px;
}


.ani .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.ani .caseStudy_contentTb thead .col1,
.feedback_contentTb thead .col1,
.updateNews_contentTb thead .col1 {
    background-color: #fdf2f6;

}

.ani .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #ad2f54;
    width: 120px;
}

.ani .caseStudy_contentTb thead .col3,
.feedback_contentTb thead .col3,
.updateNews_contentTb thead .col3 {
    background-color: #8c142e;
    width: 120px;
}

.ani .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.ani .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {

    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.ani .caseStudy_contentTb tbody .col3,
.feedback_contentTb tbody .col3,
.updateNews_contentTb tbody .col3 {


    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.ani .download {
    background-color: #6cb1d3;
}

.ani_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}


.ani_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

/*
.flexwrap{
        display:flex;
         flex-direction: row;
         justify-content:center;
         width:100%;
         height:100%;
}
.contentDiv .dl_link, .contentDiv .dl_link_disable{
    flex:1 auto;
    align-items: center;
    justify-content:center;
}
*/

.ani .contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

/*-------------------- testBank content --------------------*/

.resource_contentTb.testBank {
    background: #fde3d4;
}

.testBank .item_header {
    background-image: url("../Images/item/item_header_testBank.jpg");
}

.testBank_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.testBank_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.testBank_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}


.testBank .caseStudy_title {
    height: 40px;
    width: auto;
    background-color: #600821;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.testBank .caseStudy_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.testBank .caseStudy_td {
    position: relative;
}

.testBank .caseStudy_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #fde3d4;
    background-color: #fde3d4;
}

.testBank .caseStudy_contentTb thead td {
    height: 40px;
}

.testBank .caseStudy_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.testBank .caseStudy_contentTb thead .col2 {
    background-color: #ab1e24;
    width: 120px;
}

.testBank .caseStudy_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #fde3d4;
}

.testBank .caseStudy_contentTb tbody .col2 {
    text-align: center;
    background-color: #e0b4de;
    width: 120px;
}





/*---------------- compress content ----------------*/
.resource_contentTb.compress {
    background: #fee4c1;
}

.resource_contentTb.compress thead .item_header {
    background-image: url("../Images/item/item_header_extLearn9.jpg");
}

.compress_dlTb {
    width: 100%;
}

.compress_item {
    width: 626px;
    height: 138px;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 0 0 12px;
}

.compress_item.compress_item_1 {
    background-image: url("../Images/item/compress_background_3.png");
}

.compress_item.compress_item_1.dim, .compress_item.compress_item_2.dim {

    background-image: url("../Images/item/compress_background_dim.png");
}

.compress_item.compress_item_2 {
    background-image: url("../Images/item/compress_background_4.png");
}

.compress_item .website_title {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 406px;
    margin-top: 24px;
    padding: 4px;
    border: 1px solid white;
    /*font-weight: bold;*/
}

.compress_item_1 .website_title {
      font-family: "Noto Sans TC", sans-serif;
      font-weight: bold;
    background-color: #ffe18f;
    color: #483517;
}

.compress_item_2 .website_title {
      font-family: "Noto Sans TC", sans-serif;
      font-weight: bold;    
    background-color: #f2cd65;
    color: #483517;
}

.dim .website_title {
      font-family: "Noto Sans TC", sans-serif;
      font-weight: bold;
    background-color: #bbb;
    color: #483517;
}




.website_link {
    margin-top: 10px;
    padding-left: 12px;
    word-wrap: break-word;
    max-width: 390px;
    color: #29450c;
    font-family: "Noto Sans TC", sans-serif;
    display: none;
}

.website_detail {
    width: 422px;
    float: left;
}

.website_thumbnail {
    width: 182px;
    float: left;
    padding: 9px;
}

.compress_item_1 .website_thumbnail img {
    border: 1px solid #465104;
}

.compress_item_2 .website_thumbnail img {
    border: 1px solid #849422;
}

/**imgStory**/
.resource_contentTb.imgStory thead .item_header {
    background-image: url("../Images/item/item_header_imgStory.jpg");
}

/*---------------- ani content ----------------*/
.resource_contentTb.ani {
    background: #dcfbeb;
}

.resource_contentTb.ani thead .item_header {
    background-image: url("../Images/item/item_header_ani.jpg");
}

.ani_dlTb thead .col1 {
    background-color: #61ae97;
}

.ani_dlTb thead .col2 {
    background-color: #5cab8e;
}

/*---------------- image content ----------------*/
.resource_contentTb.image {
    background: #dcfbeb;
}

.resource_contentTb.image thead .item_header {
    background-image: url("../Images/item/item_header_image.jpg");
}

.image_dlTb thead .col1 {
    background-color: #61ae97;
}

.image_dlTb thead .col2 {
    background-color: #5cab8e;
}



/*---------------- extLearn3 ----------------*/
.resource_contentTb.extLearn3 {
    background: #fee4c1;
}

.extLearn3 .item_header {
    background-image: url("../Images/item/item_header_extLearn3.jpg");
}

.extLearn3 thead .col1 {
    background-color: #ce9062;
}

.extLearn3 thead .col2 {
    background-color: #b77a4c;
}

.extLearn3 ul.main {
    position: absolute;
    top:40px!important;
    background-color: #f5dbc4; 
    color:#433630;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: bold;
    
}



.extLearn3 .selected::before{
   
    content: '✔ ';
    margin-left:-18px;
}


.extLearn3 ul.main li{
    color:#433630;
     font-family: "Noto Sans TC", sans-serif;
     font-weight: bold;
}

.extLearn3 ul.main li.disabled{
 color:#acacac;

}


.extLearn3 ul.main li:hover{
     background-color:#dbb48d;
}

.extLearn3 #menu{
     background-color: #9d4a04;
     color:white!important;
}

.extLearn3 .row1{
   height: 50px;
}

.extLearn3 .row2{
   height: 50px;
}


.extLearn3 .row1.even{
    background-color: #f5dbc4;
}

.extLearn3 .row2.odd{
    background-color: #ddc1ab;
}
.extLearn3 .row1.odd{
    background-color: #e8cfbb;
}

.extLearn3 .row2.even{
    background-color: #e9cfb8;
}


/*---------------- mapLibrarycontent ----------------*/
.resource_contentTb.mapLibrary {
    background: #dcfbeb;
}

.resource_contentTb.mapLibrary thead .item_header {
    background-image: url("../Images/item/item_header_mapLibrary.jpg");
}

.mapLibrary_dlTb thead .col1 {
    background-color: #61ae97;
}

.mapLibrary_dlTb thead .col2 {
    background-color: #5cab8e;
}
/*---------------- book content ----------------*/
.resource_contentTb.book {
    background: #dcfbeb;
}

.resource_contentTb.book thead .item_header {
    background-book: url("../books/item/item_header_book.jpg");
}

.book_dlTb thead .col1 {
    background-color: #61ae97;
}

.book_dlTb thead .col2 {
    background-color: #5cab8e;
}

/*---------------- keyWord content ----------------*/
.resource_contentTb.keyWord {
    background: #faf2dd;
}

.resource_contentTb.keyWord thead .item_header {
    background-image: url("../Images/item/item_header_keyWord.jpg");
}

.keyWordIntro {
    text-align: left;
    padding: 30px;
}

.keyWord_contentTb p {
    padding-bottom: 10px;
}

.keyWord_Tb {
    width: 640px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.keyWord_Tb td {
    width: 25%;
    text-align: center;
    height: 50px;
    vertical-align: middle;
    height: 32px;
    padding: 0;
    font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    color: #b98551;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.keyWord_Tb .col1,
.keyWord_Tb .col2,
.keyWord_Tb .col3,
.keyWord_Tb .col4 {
    border: 2px solid #cf8e17;
}

.keyWord_contentTb .dl_link {
    text-decoration: none;
    color: #047573;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.keyWord_contentTb .dl_link .underlineSpan {
    border-bottom: 2px solid #047573;
}

.keyWord_contentTb .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

.keyWordShow_div {
    width: 602px;
    margin: 0 auto;
    padding: 20px;
    display: none;
}

.keyWordShow_top_div {
    padding: 28px 0 0 20px;
    height: 43px;
    /* 77px - 43px */
    background-image: url("../Images/item/keyword_tb_top_bg.png");
    background-repeat: no-repeat;
}

.keyWordShow_middle_div {
    padding: 24px 40px 10px 40px;
    background-image: url("../Images/item/keyword_tb_middle_bg.png");
    background-repeat: repeat-y;
}

.keyWordShow_bottom_div {
    height: 27px;
    background-image: url("../Images/item/keyword_tb_bottom_bg.png");
    background-repeat: no-repeat;
}

.keyWord_title {
    font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    font-size: 26px;
    /*  font-weight:bold;   */
    padding: 0 0 0 34px;
    background-image: url("../Images/item/keyword_title_bg.png");
    background-repeat: no-repeat;
    height: 34px;
    color: #663b08;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.keyWord_title.width_01 {
    background-image: url("../Images/item/keyword_title_bg_w1.png");
}

.keyWord_remark {
    font-family: "Times New Roman", Georgia, Serif, "DFKai-sb";
    font-size: 1.1em;
}

.keyWord_subH1,
.keyWord_subH2 {
    font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
    color: #FFFFFF;
    background: green;
    display: inline-block;
    padding: 4px 10px 4px 20px;
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    background-position: 10% center;
    margin-bottom: 6px;
}

.keyWord_subH1 {
    background-color: #006563;
}

.keyWord_subH2 {
    margin-top: 20px;
    background-color: #945F99;
}

.backBtnDiv {
    width: 100%;
    text-align: center;
}

.keyWordShow_div .backBtn {
    background-repeat: no-repeat;
    display: inline-block;
    width: 114px;
    height: 34px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 34px;
    font-size: 1.1em;
    font-family: "Noto Sans TC", sans-serif;
    font-weight: bold;
    padding-left: 50px;
    margin: 0 auto;
    text-align: left;
    cursor: pointer;
}

.keyWordShow_div .backBtn.backBtn_nor {
    background-image: url("../Images/item/keyword_backBtn_nor.png");
    background-repeat: no-repeat;
}

.keyWordShow_div .backBtn.backBtn_over {
    background-image: url("../Images/item/keyword_backBtn_over.png");
    background-repeat: no-repeat;
}

/*-------------------- worksheet content --------------------*/
.resource_contentTb.worksheet {
    background: #def3f7;
}

.resource_contentTb.worksheet thead .item_header {
    background-image: url("../Images/item/item_header_worksheet.jpg");
}

.worksheet_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.worksheet_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.worksheet_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.worksheet .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #268fb2;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.worksheet .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.worksheet .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}

.worksheet .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    margin-top: 60px;
    background-color: transparent;
    width: 620px;
    border: 8px solid #c9eaf6;
    background-color: #c9eaf6;
}

.worksheet .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {

    height: 40px;
}


.worksheet .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.worksheet .caseStudy_contentTb thead .col1,
.feedback_contentTb thead .col1,
.updateNews_contentTb thead .col1 {
    background-color: #5ea9d1;

}

.worksheet .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #408bae;
    width: 120px;
}

.worksheet .caseStudy_contentTb thead .col3,
.feedback_contentTb thead .col3,
.updateNews_contentTb thead .col3 {
    background-color: #376c87;
    width: 120px;
}

.worksheet .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.worksheet .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {

    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.worksheet .caseStudy_contentTb tbody .col3,
.feedback_contentTb tbody .col3,
.updateNews_contentTb tbody .col3 {


    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.worksheet .download {
    background-color: #6cb1d3;
}

.worksheet_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}


.worksheet_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

/*
.flexwrap{
        display:flex;
         flex-direction: row;
         justify-content:center;
         width:100%;
         height:100%;
}
.contentDiv .dl_link, .contentDiv .dl_link_disable{
    flex:1 auto;
    align-items: center;
    justify-content:center;
}
*/

.worksheet .contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

/*-------------------- qr content --------------------*/
.resource_contentTb.qr {
    background: #caf0ec;
}

.resource_contentTb.qr thead .item_header {
    background-image: url("../Images/item/item_header_qr.jpg");
}

.qr_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.qr_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.qr_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.qrUnit_title {
    height: 40px;
    /*  width:128px; */
    padding-right: 14px;
    background-color: #1ca497;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.qr_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
    padding-right: 10px;
}

.qr_td {
    position: relative;
}

.qr_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #caf0ec;
    background-color: #caf0ec;
}

.qr_contentTb thead td {
    height: 40px;
}

.qr_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.qr_contentTb thead {
    background-color: #caf0ec;
}

.qr_contentTb thead .col2 {
    background-color: #37c8ba;
}

.qr_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #caf0ec;
}

.qr_contentTb tbody .col2 {
    width: 106px;
    text-align: center;
    background-color: #bcede8;
}

.qritem_title {
    display: table;
}

.qritem_title>div {
    display: table-cell;
}

.qritem_title .qritem_titleCode {
    width: 40px;
}

.qritem_title .qritem_titleName {
    padding-right: 10px;
}

/*.contentDiv .dl_link, .contentDiv .dl_link_disable{
    display: flex;
  align-items: center;

  justify-content: center;
    width:100%;
    height:100%;
}*/
.contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

/*-------------------- quiz content --------------------*/

/*
.resource_contentTb.quiz{
    background: #FFE2B3;
}
.resource_contentTb.quiz thead .item_header{
    background-image:url("../Images/item/item_header_quiz.jpg");
}
.quiz_dlTb{
    width: 640px;
    margin:10px;
    color:#423131;
}
.quiz_dlTb td{
    height: 42px;
    vertical-align: middle;
}
.quiz_dlTb .contentDiv{
    margin-top: 10px;
    margin-left: 10px;
    border:2px solid #ffffff;
    display: inline-block;
    margin-bottom:20px;
}
.quizUnit_title{
    height: 40px;
    padding-right:14px;
    background-color:#F78B28;
    vertical-align: middle;
    line-height: 40px;
    position:absolute;
    top:0;
    
    font-family: "Noto Sans TC", sans-serif;
    color:#ffffff;
    text-align: center;
    font-size:20px;
    font-weight:500;
    text-shadow: 2px 2px 2px #223215;
}
.quiz_td .bulletPt{
    background-image:url("../Images/resourceTb_listPt_lightyellow.png");
    background-repeat: no-repeat;
    width:20px;
    display:inline-block;
    height: 40px;
    background-position: center; 
    padding-right:10px;
}
.quiz_td{
    position:relative;
}
.quiz_contentTb{
    margin: 0 auto;
    background-color: transparent;
    width:620px;
    border:8px solid #FFE2B3;
    background-color: #FFE2B3;
}
.quiz_contentTb thead td{
    height: 40px;
}
.quiz_contentTb thead{
    font-family: "Noto Sans TC", sans-serif;
    color:#ffffff;
    text-align: center;
    font-size:20px;
    text-shadow: 2px 2px 2px #223215;
}
.quiz_contentTb thead{
    background-color: #FFE2B3;
}
.quiz_contentTb thead .col2{
    background-color: #FCAF51;
}
.quiz_contentTb tbody .col1{
    padding-left:40px;
    background-color: #caf0ec;
}
.quiz_contentTb tbody .col2{
    width: 106px;
    text-align: center;
    background-color: #bcede8;
}
.quizitem_title{
    display: table;
}
.quizitem_title > div {
    display: table-cell;
}
.quizitem_title .quizitem_titleCode{
    width: 40px;
}
.quizitem_title .quizitem_titleName{
    padding-right:10px;
}
*/
.resource_contentTb.quiz {
    background: #FFE2B3;
}

.resource_contentTb.quiz thead .item_header {
    background-image: url("../Images/item/item_header_quiz.jpg");
}

.quiz_dlTb thead .col1 {
    background-color: #fa9615;
}

.quiz_dlTb thead .col2 {
    background-color: #fe780c;
}

/*-------------------- ani content --------------------*/
.resource_contentTb.ani {
    background: #f8e6f9;
}

.resource_contentTb.ani thead .item_header {
    background-image: url("../Images/item/item_header_ani.jpg");
}

.ani_dlTb thead .col1 {
    background-color: #d981e0;
}

.ani_dlTb thead .col2 {
    background-color: #d36fdb;
}

.ani_dlTb .dl_link_sp {
    text-align: center;
}

.ani_dlTb .dl_link_sp a {
    padding: 0 6px 0 6px;
}


.ani_dlTb thead .col1 {
    padding-left: 0;
    background-color: #d981e0;
}

.ani_dlTb thead .col2 {
    background-color: #d36fdb;
}

.ani_dlTb thead .col4a {
    background-color: #cd5ad6;
}

.ani_dlTb thead .col4b {
    background-color: #c641d0;
}




/*---------------- technique content ----------------*/
.resource_contentTb.technique {
    background: #FFEAF2;
}

.resource_contentTb.technique thead .item_header {
    background-image: url("../Images/item/item_header_technique.jpg");
}

.technique_dlTb thead .col1 {
    background-color: #CC5575;
}

.technique_dlTb thead .col2 {
    background-color: #92324E;
}

/*-------------------- discussion content --------------------*/
.resource_contentTb.discussion {
    background: #e5f1e9;
}

.resource_contentTb.discussion thead .item_header {
    background-image: url("../Images/item/item_header_discussion.jpg");
}

.discussion_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.discussion_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.discussion_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    /*  margin-bottom:20px; */
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.discussion_dlTb .caseStudy_title,
.discussion_dlTb .feedback_title,
.discussion_dlTb .updateNews_title {
    height: 40px;
    width: 128px;
    background-color: #317d48;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.discussion_dlTb .caseStudy_td .bulletPt,
.discussion_dlTb .feedback_td .bulletPt,
.discussion_dlTb .updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.discussion_dlTb .caseStudy_td,
.discussion_dlTb .feedback_td,
.discussion_dlTb .updateNews_td {
    position: relative;
}

.discussion_dlTb .caseStudy_contentTb,
.discussion_dlTb .feedback_contentTb,
.discussion_dlTb .updateNews_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #e5f1e9;
    background-color: #e5f1e9;
}

.discussion_dlTb .caseStudy_contentTb thead td,
.discussion_dlTb .feedback_contentTb thead td,
.discussion_dlTb .updateNews_contentTb thead td {
    height: 40px;
}

.discussion_dlTb .caseStudy_contentTb thead,
.discussion_dlTb .feedback_contentTb thead,
.discussion_dlTb .updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.discussion_dlTb .caseStudy_contentTb thead .col2,
.discussion_dlTb .feedback_contentTb thead .col2,
.discussion_dlTb .updateNews_contentTb thead .col2 {
    background-color: #38874b;
}

.discussion_dlTb .caseStudy_contentTb thead .col3,
.discussion_dlTb .feedback_contentTb thead .col3,
.discussion_dlTb .updateNews_contentTb thead .col3 {
    background-color: #5cab74;
}

.discussion_dlTb .caseStudy_contentTb tbody .col1,
.discussion_dlTb .feedback_contentTb tbody .col1,
.discussion_dlTb .updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #e5f1e9;
}

.discussion_dlTb .caseStudy_contentTb tbody .col2,
.discussion_dlTb .feedback_contentTb tbody .col2,
.discussion_dlTb .updateNews_contentTb tbody .col2 {
    text-align: center;
    background-color: #d1e6d8;
}

.discussion_dlTb .caseStudy_contentTb tbody .col3,
.discussion_dlTb .feedback_contentTb tbody .col3,
.discussion_dlTb .updateNews_contentTb tbody .col3 {
    background-color: #d8ebde;
}

.discussion_dlTb .contentDiv .dl_link,
.discussion_dlTb .contentDiv .dl_link_disable {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.discussion_dlTb .contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}



/*-------------------- testPaper content --------------------*/
.resource_contentTb.testPaper {
    background: #fde3d4;
}

.resource_contentTb.testPaper thead .item_header {
    background-image: url("../Images/item/item_header_testPaper.jpg");
}

.testPaper_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.testPaper_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.testPaper_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.testPaper_dlTb .testPaper_title {
    height: 40px;
    width: 128px;
    background-color: #317d48;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.testPaper_dlTb .testPaper_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.testPaper_dlTb .testPaper_td {
    position: relative;
}

.testPaper_dlTb .testPaper_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #fde3d4;
    background-color: #fde3d4;
}

.testPaper_dlTb .testPaper_contentTb thead td {
    height: 40px;
}

.testPaper_dlTb .testPaper_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;

}

.testPaper_dlTb .testPaper_contentTb thead .col1 {
    padding-left: 20px;
    background-color: #8b1626;
    text-align: left;
}

.testPaper_dlTb .testPaper_contentTb thead .col2 {
    background-color: #ab1e24;
}

.testPaper_dlTb .testPaper_contentTb thead .col3 {
    background-color: #ab1e24;
}

.testPaper_dlTb .testPaper_contentTb thead .col4a {
    background-color: #730d22;
}

.testPaper_dlTb .testPaper_contentTb thead .col4b {
    background-color: #680321;
}

.testPaper_dlTb .testPaper_contentTb tbody .col1 {
    padding-left: 20px;
    background-color: #e1f2f5;
}

.testPaper_dlTb .testPaper_contentTb tbody .col2 {
    text-align: center;
    background-color: #c9e0ed;
}

.testPaper_dlTb .testPaper_contentTb tbody .col3 {
    background-color: #d2e0f0;
}

.testPaper_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}

.testPaper_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

.testPaper_dlTb .contentDiv .dl_link_sp a:hover {
    background-color: rgba(255, 255, 204, 0.5);
}

.dropbtn {
    height: 40px;
    width: auto;
    background-color: #2d358a;
    vertical-align: middle;


    padding: 4px 10px;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
}

.dropbtn .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 30px;
    display: inline-block;
    background-position: center;
}



.dropdown {
    position: absolute;
    top: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content .tblink {
    color: black;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
    font-family: "Noto Sans TC", sans-serif;
    font-size: 20px;
    display: block;
}

.dropdown-content .dropDownTick {
    position: absolute;
    background-image: url("../Images/dropDownMenu_tick.png");
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
    left: 4px;
    display: inline-block;
    background-position: center;
}

.dropdown-content .dropDownTick_noshow {
    position: absolute;
    background-image: url("../Images/dropDownMenu_tick.png");
    background-repeat: no-repeat;
    width: 19px;
    height: 30px;
    left: 4px;
    display: none;
    background-position: center;
}



.dropdown-content div:hover {
    background-color: #ddd;
}

/*.dropdown:hover .dropdown-content {display: block;}*/

/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/


.dropdown .closed {
    display: none;
}

.dropdown .open {
    display: block;
}

.pink {
    background-color: #f73d67;
}

.pink.selected {
    color: #be003d !important;
}

.pink:hover {
    color: #ffffff;
    background-color: #f73d67 !important;
}

.pink:rollOut {
    color: #ffffff;
    background-color: #f73d67 !important;
}


.lightPink {
    background-color: #fff2f5;
    color: #ff687c !important;
}

.lightPink.selected {
    color: #be003d !important;
}

.lightPink:hover {
    color: #be003d;
}


.blue {
    color: #7986cb !important;
}

.blue.selected {
    color: #2d358a !important;
}


.blue:hover {
    color: #7986cb;
}


//************caseStudy**/
.resource_contentTb.caseStudy {
    background: #def3f7;
}

.resource_contentTb.caseStudy thead .item_header {
    background-image: url("../Images/item/item_header_caseStudy.jpg");
}

.caseStudy_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.caseStudy_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.caseStudy_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.caseStudy .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #0d47a1;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.caseStudy .caseStudy_td .bulletPt,
.feedback_td .bulletPt,
.updateNews_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.caseStudy .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}

.caseStudy .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    margin-top: 60px;
    background-color: transparent;
    width: 620px;
    border: 8px solid #e3f2fd;
    background-color: #e3f2fd;
}

.caseStudy .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {

    height: 40px;
}


.caseStudy .caseStudy_contentTb thead,
.feedback_contentTb thead,
.updateNews_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.caseStudy .caseStudy_contentTb thead .col1,
.feedback_contentTb thead .col1,
.updateNews_contentTb thead .col1 {
    background-color: #e3f2fd;

}

.caseStudy .caseStudy_contentTb thead .col2,
.feedback_contentTb thead .col2,
.updateNews_contentTb thead .col2 {
    background-color: #1976d2;
    width: 120px;
}

.caseStudy .caseStudy_contentTb thead .col3,
.feedback_contentTb thead .col3,
.updateNews_contentTb thead .col3 {
    background-color: #376c87;
    width: 120px;
}

.caseStudy .caseStudy_contentTb tbody .col1,
.feedback_contentTb tbody .col1,
.updateNews_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.caseStudy .caseStudy_contentTb tbody .col2,
.feedback_contentTb tbody .col2,
.updateNews_contentTb tbody .col2 {

    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.caseStudy .caseStudy_contentTb tbody .col3,
.feedback_contentTb tbody .col3,
.updateNews_contentTb tbody .col3 {


    text-align: center;
    background-color: #86c7ea;
    width: 120px;
}

.caseStudy .download {
    background-color: #6cb1d3;
}

.caseStudy_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}


.caseStudy_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

/*
.flexwrap{
        display:flex;
         flex-direction: row;
         justify-content:center;
         width:100%;
         height:100%;
}
.contentDiv .dl_link, .contentDiv .dl_link_disable{
    flex:1 auto;
    align-items: center;
    justify-content:center;
}
*/

.caseStudy .contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}




/*-------------------- channel content --------------------*/
.resource_contentTb.channel {
    background: #def3f7;
}

.resource_contentTb.channel thead .item_header {
    background-image: url("../Images/item/item_header_channel.jpg");
}

/*-------------------- channel content --------------------*/
.resource_contentTb.channel {
    background: #d4f7fd;
}

.resource_contentTb.channel thead .item_header {
    background-image: url("../Images/item/item_header_channel.jpg");
}

.channel_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.channel_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.channel_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.channel_dlTb .channel_title {
    height: 40px;
    width: 128px;
    background-color: #317d48;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;

    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.channel_dlTb .channel_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.channel_dlTb .channel_td {
    position: relative;
}

.channel_dlTb .channel_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #d4f7fd;
    background-color: #d4f7fd;
}

.channel_dlTb .channel_contentTb thead td {
    height: 40px;
}

.channel_dlTb .channel_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;

}

.channel_dlTb .channel_contentTb thead .col1 {
    padding-left: 20px;
    background-color: #1c5e86;
    text-align: left;
}

.channel_dlTb .channel_contentTb thead .col2 {
    background-color: #1e83ab;
}

.channel_dlTb .channel_contentTb thead .col3 {
    background-color: #477db7;
}

.channel_dlTb .channel_contentTb thead .col4a {
    background-color: #0d2273;
}

.channel_dlTb .channel_contentTb thead .col4b {
    background-color: #036868;
}

.channel_dlTb .channel_contentTb tbody .col1 {
    padding-left: 20px;
    background-color: #e1f2f5;
}

.channel_dlTb .channel_contentTb tbody .col2 {
    text-align: center;
    background-color: #c9e0ed;
}

.channel_dlTb .channel_contentTb tbody .col3 {
    background-color: #d2e0f0;
}

.channel_dlTb .contentDiv .dl_link_sp {
    text-align: center;
}

.channel_dlTb .contentDiv .dl_link_sp a {
    padding: 0 6px 0 6px;
}

.channel_dlTb .contentDiv .dl_link_sp a:hover {
    background-color: rgba(255, 255, 204, 0.5);
}
/*
.flexwrap{
        display:flex;
         flex-direction: row;
         justify-content:center;
         width:100%;
         height:100%;
}
.contentDiv .dl_link, .contentDiv .dl_link_disable{
    flex:1 auto;
    align-items: center;
    justify-content:center;
}
*/

.channel .contentDiv .dl_link:hover {
    background-color: rgba(255, 255, 204, 0.5);
}



/*-------------------- addInfo content --------------------*/
.resource_contentTb.addInfo {
    background: #fff2f5;
}

.resource_contentTb.addInfo thead .item_header {
    background-image: url("../Images/item/item_header_addInfo.jpg");
}

.addInfo_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.addInfo_dlTb td {
    height: 42px;
    vertical-align: middle;

}

.addInfo_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
    background: #faabbd;
}

.updateNews_td .contentDiv {
    margin-bottom: 0;
}

.addInfo .caseStudy_title,
.feedback_title,
.updateNews_title {
    height: 40px;
    width: auto;
    background-color: #268fb2;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}


.periodTitle {}

.addInfo .caseStudy_td,
.feedback_td,
.updateNews_td {
    position: relative;
}

.addInfo .caseStudy_contentTb,
.feedback_contentTb,
.updateNews_contentTb {
    margin: 0 auto;
    margin-top: 60px;
    background-color: transparent;
    width: 620px;
    border: 8px solid #faabbd;
    background-color: #faabbd;
}

.addInfo .caseStudy_contentTb thead td,
.feedback_contentTb thead td,
.updateNews_contentTb thead td {

    height: 40px;
}


.addInfo .caseStudy_contentTb .periodTitle,
.feedback_contentTb .periodTitle,
.updateNews_contentTb .periodTitle {
    font-family: "Noto Sans TC", sans-serif;
    color: #f73d67;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #fcb1c2;
    background-color: #ffffff;
}



.addInfo .caseStudy_contentTb tbody td,
.feedback_contentTb tbody td,
.updateNews_contentTb tbody td {
    text-align: center;
    background-color: #7986cb;

}

.addInfo .download {
    background-color: #5c6bc0;
}

.addInfo_dlTb .contentDiv .popLink_sp {
    text-align: center;
    color: #423131;
}

/*
A:link {color: blue}
A:visited {color: gray}
A:active {color: green}
A:hover {color: red}
*/

.addInfo a {
    padding: 0 6px 0 6px;
    color: #423131;
}

.link2 {
    color: black;
}
.link {
    color: #FF0000;
}

/* CSS link color (red) */
.link:hover {
    color: #00FF00;
}

/* CSS link hover (green) */
/*
.flexwrap{
        display:flex;
         flex-direction: row;
         justify-content:center;
         width:100%;
         height:100%;
}
.contentDiv .dl_link, .contentDiv .dl_link_disable{
    flex:1 auto;
    align-items: center;
    justify-content:center;
}
*/

.addInfo .contentDiv .popLink:hover {
    background-color: rgba(255, 255, 204, 0.5);
}


.ui-widget-content {

    background: #a37b3a !important;
    color: #333333;

}


.ui-dialog .ui-dialog-content {
    margin: 0 auto;
    background: #f2ecc2 !important;
    position: relative;
    border: 5px !important;
    width: 90% !important;
    overflow-y: auto !important;
    font-size: 22px;
    border-radius: 5px;

    outline: 2px dashed #d65b4c;
    outline-offset: -10px;
}

.ui-dialog .ui-dialog-titlebar {
    margin: 0 auto;
    background: #a37b3a !important;
    border: 0px !important;
}



#menu{
        font-family: "Noto Sans TC", sans-serif;
    font-weight: bold;
}

.hisVideo ul.main,  .mapLibrary ul.main, .image ul.main {
    position: absolute;
    top:40px!important;
    background-color: #ebf8de; 
    font-family: "Noto Sans TC", sans-serif;
    font-weight: bold;
    
}

.hisVideo ul.main li, .mapLibrary ul.main li, .image ul.main li{
    color:#003002;
     font-family: "Noto Sans TC", sans-serif;
     font-weight: bold;
}
.hisVideo ul.main li .disabled, .mapLibrary ul.main li .disabled, .image ul.main li .disabled{
    color:#acacac;
     font-family: "Noto Sans TC", sans-serif;
     font-weight: bold;
}


.hisVideo ul.main li:hover, .mapLibrary ul.main li:hover, .image ul.main li:hover{
     background-color:#c9e9b8;
}

.hisVideo  #menu, .mapLibrary #menu, .image #menu{

     background-color: #013300!important; 
      color:white!important;

}
.hisVideo .selected, .mapLibrary .selected, .image .selected{
    background-color: #013300!important; 
    color:white!important;
}

.mapLibrary .selected::before{
    background-color: #013300!important; 
    color:white!important;
    content: '✔ ';
    margin-left:-16px;
}

.image .selected::before{
    background-color: #013300!important; 
    color:white!important;
    content: '✔ ';
    margin-left:-16px;
}

.hisVideo .selected::before{
    background-color: #013300!important; 
    color:white!important;
    content: '✔ ';
    margin-left:-16px;
}


.resource_contentTb.extLearn8 {
    background: #fee4c1;
}

.extLearn8 .item_header {
    background-image: url("../Images/item/item_header_extLearn8.jpg");
}

.extLearn8_dlTb {
    width: 640px;
    margin: 10px;
    color: #423131;
}

.extLearn8_dlTb td {
    height: 42px;
    vertical-align: middle;
}

.extLearn8_dlTb .contentDiv {
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    margin-bottom: 20px;
}


.extLearn8 .caseStudy_title {
    height: 40px;
    width: auto;
    background-color: #a44800;
    vertical-align: middle;
    line-height: 40px;
    position: absolute;
    top: 0;
    padding: 4px 10px;
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 2px 2px 2px #223215;
}

.extLearn8 .caseStudy_td .bulletPt {
    background-image: url("../Images/resourceTb_listPt_yellow.png");
    background-repeat: no-repeat;
    width: 20px;
    display: inline-block;
    height: 40px;
    background-position: center;
}

.extLearn8 .caseStudy_td {
    position: relative;
}

.extLearn8 .caseStudy_contentTb {
    margin: 0 auto;
    background-color: transparent;
    width: 620px;
    border: 8px solid #fee4c1;
    background-color: #fee4c1;
}

.extLearn8 .caseStudy_contentTb thead td {
    height: 40px;
}

.extLearn8 .caseStudy_contentTb thead {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    text-shadow: 2px 2px 2px #223215;
}

.extLearn8 .caseStudy_contentTb thead .col2 {
    background-color: #b77a4d;
    width: 120px;
}

.extLearn8 .caseStudy_contentTb tbody .col1 {
    padding-left: 40px;
    background-color: #aaddee;
}

.extLearn8 .caseStudy_contentTb tbody .col2 {
    text-align: center;
    background-color: #e0b4de;
    width: 120px;
}

.extLearn8 .dl_link{
    color:#453130;
    width:auto;
    height:auto;
    display: inline-block;
    padding-left: -40px;
}


.extLearn4 .item_header {
    background-image: url("../Images/item/item_header_extLearn4.jpg");
}

/*---------------- extLearn10 content ----------------*/
.resource_contentTb.extLearn10 {
    background: #fbe0cb;
}

.extLearn10 .item_header {
    background-image: url("../Images/item/item_header_extLearn10.jpg");
}

.extLearn10_dlTb thead .col1 {
    background-color: #ce9062;
}

.extLearn10_dlTb thead .col2 {
    background-color: #b77a4c;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -10px;
     background-color: #ebf8de; 
}


.fh-40
{
    height:40px;
}

.w-15{
    width: 15%!important;
}

.w-45{
    width: 45%!important;
}
.w-40{
    width: 40%!important;
}

.w-55{
    width: 55%!important;
}

.w-60{
    width: 60%!important;
}

.w-85{
    width: 85%!important;
}

a#menu:after {
    display: inline-block;
    width: 0;
    height: 0;

    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dbox .modal-header{
    border-bottom: 0px solid #dee2e6;
}


.dbox .modal-footer{
    border-top: 0px solid #dee2e6;
    padding: 0;
    font-family: "Noto Sans TC", sans-serif;
}


.dbox .modal-title{
   
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.dbox .modal-body{
     background-color:#f1ecc2;
     font-family: "Noto Sans TC", sans-serif;
}

.dbox .modal-content{
    background-color:#a37c3b;

}

.resource_contentTb.hisVideo thead .item_header {
    background-image: url("../Images/item/item_header_hisVideo.jpg");
}

.hisVideo h5{
    color:#7b3900;
}

.hisVideo h6{
    /*color:#4e4e4e;*/
}
.image_dlTb .card {

    background-color: transparent;
}

.image_dlTb .card .card-body {

    background-color: #ffffff;
}
.image_dlTb .card .card-body{
    object-fit: cover;
    object-position:top;
flex-grow:0;
}
.image_dlTb .card .card-footer{
   
flex-grow:1;
}
.title{
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-left:-40px;
    text-shadow: 2px 2px 2px #223215;
    background-color: #013300;
}

.pointer {cursor: pointer;}

.resource_contentTb.electiveWs thead .item_header {
    background-image: url("../Images/item/item_header_electiveWs.jpg");
}

.modal { overflow-y: auto !important; }

body.modal-open {
    overflow: visible;
}

.w-55{
    width:55%!important;
}
.w-45{
    width:45%!important;
}

.thumb{
    box-shadow: 2px 2px 4px #000000;
}


.menuBtn.student .item_3 {
    background-image: url("../Images/item/menuBtnbg_03Multimedia_stu.png");
}
.menuBtn.student .item_1 {
    background-image: url("../Images/item/menuBtnbg_01Learning_stu.png");
}

.student.screen_bg {
    background-color: #DCD5C9;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

/*frame table : seting the position and size of the stardard frame table, used by all pages*/
.student .frame_table_l,
.student .frame_table_r {
    background-color: #DCD5C9;
    width: 30px;
    background-repeat: repeat-y;
}


.grayscale { filter: grayscale(100%); }