/******page1-page14完成******/

/*header*/
  .header_height_padding{
    padding-top: 0px;
  }
  .navbar-brand{
    margin-right: .25rem;
  }
  .navbar-brand .text-nowrap.d-none{
    display: block!important;
  }
  .module_header_height_padding{
    padding-top: 71px;
  }
  @media(min-width: 768px){
    .module_header_height_padding{
      padding-top:  120px;
    }
  }
  .header_bg {
    background-color: rgba(242, 95, 112, 0.8);
  }
  .header_navbar_item_bg{
    background-color: transparent;
  }
  .header_style{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 101;
    padding: .5rem 7%;
  }
  .header_style .header_brand{
    color: rgb(255, 255, 255);
    font-weight: bolder;
    font-size: 1.25rem;
    white-space: nowrap !important;
  }
  @media(min-width: 992px) and (max-width: 1400px){
    .header_style{
      padding: .5rem 5%;
    }
    .header_style .header_brand{
      font-size: 1.5rem;
    }
    .header_logo_height{
      height: 48px;
    } 
    .header_logo_width{
      width: 48px;
    }
    .header_style .navbar-nav .header_nav_link{
      padding: 1rem .85rem;
    }
  }
  @media(min-width: 1400px){
    .header_style .header_brand{
      font-size: 1.8rem;
    }
     .header_logo_height{
      height: 55px;
    } 
    .header_logo_width{
      width: 55px;
    }
    .header_nav_link span{
      font-size: 1.25rem;
    }
    .header_style{
      padding: 1rem 7%;
    }
    #hamburger{
      font-size: 1.5rem;
    }
    .header_style .navbar-nav .header_nav_link{
      padding: 1rem 1.65rem;
    }
  }
  .header_style .header_nav_link {
    color: rgba(255, 255, 255, 1);
  }
  .header_style .header_nav_link:hover, .header_style .header_style .header_nav_link:focus {
    color: rgba(255, 255, 255, 1);
  }
  .header_style .header_nav_link.disabled {
    color: rgba(255, 255, 255, 0.25);
  }
  .header_style .show > .header_nav_link,
  .header_style .active > .header_nav_link,
  .header_style .header_nav_link.show,
  .header_style .header_nav_link.active {
    color: rgb(255, 255, 255);
  }
  .header_style .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
  }
  .header_style .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  @media(min-width: 992px){
    .header_nav_link span{
      padding: .25rem 0rem;
    }
    .header_style .header_nav_link:hover span, .header_style .header_style .header_nav_link:focus span{
      border-bottom: 3px solid rgb(255, 141, 163);
    }
  }
  .header_style .navbar-nav{
    flex-wrap: wrap;
  }
  .header_navbar_item_bg {
    background-color: rgba(242, 95, 112, 0.8);
  }
  @media(min-width: 992px){
    .header_navbar_item_bg {
      background-color: transparent;
    }
  }
  .header_bordercolor_style{
    border-color: rgba(255, 255, 255, .1)
  }
  @media(min-width: 992px){
    .header_navbar_item_status {
      position: static;
    }
    .fit_container {
      max-width: none;
    }
    .header_borderbottom{
      border-bottom: none;
    }
  }
    
/*主題*/
  .body_bg{
    background-color: rgb(255, 255, 242); 
  } 
  .body_color{
    color: rgb(79, 79, 79);
  }


/*footer*/
  .footer_navbar_bg, .footer_copyright_bg{
    background-color: rgb(79, 79, 79);
  }
  .footer_navbar_style .footer_nav_link, 
  .footer_navbar_style .footer_nav_title{
    color: rgba(255, 255, 242, .7);
  }
  .footer_navbar_style .footer_nav_link:hover{
    color: rgba(255, 255, 242, 1);
  }
  .footer_copyright_style{
    color: rgba(255, 255, 242, .5);
    font-size: 0.85rem;
  }
  .footer_navbar_style {
    padding: 3rem 2%  0!important;
  }
  @media(min-width: 576px){
    .footer_navbar_style {
      padding: 3rem 8%  0!important;
    }
  }
  .footer_copyright_style {
    padding-bottom: 3rem !important;
  }
  @media(min-width:576px){
    .footer_copyright_style{
      font-size: 0.9rem;
    }
  }
  .backtotop_style{
    color: rgb(242, 95, 112);
  }
  .backtotop_style:hover{
    color: rgb(247, 114, 130);
  }


/*一般btn*/
  .module_btn_style{
    color: rgb(255, 255, 255);
    background-color: rgb(128, 170, 121);
    border-color: rgb(128, 170, 121);
  }
  .module_btn_style:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(141, 181, 134);
    border-color: rgb(141, 181, 134);
  }
  .module_btn_style:focus, .module_btn_style.focus {
    box-shadow: 0 0 0 0.2rem rgba(141, 181, 134, 0.5);
  }
  .module_btn_style.disabled, .module_btn_style:disabled {
    color: rgb(255, 255, 255);
    background-color: rgb(176, 180, 135);
    border-color: rgb(176, 180, 135);
  }
  .module_btn_style:not(:disabled):not(.disabled):active, .module_btn_style:not(:disabled):not(.disabled).active,
  .show > .module_btn_style.dropdown-toggle {
    color: rgb(255, 255, 255);
    background-color: rgb(141, 181, 134);
    border-color: rgb(141, 181, 134);
  }
  .module_btn_style:not(:disabled):not(.disabled):active:focus, .module_btn_style:not(:disabled):not(.disabled).active:focus,
  .show > .module_btn_style.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(141, 181, 134, 0.5);
  }


/*輪播*/ 
  /*.rightRs.module_carousel_control_style,
  .leftRs.module_carousel_control_style{
    color: rgb(70, 70, 70);
  }*/


/*文章模組*/
  .module_bulletin_title_color_style{
   color: rgb(182, 104, 102);
  }
  .module_bulletin_title_color_style--hover:hover{
    color: rgb(200, 107, 104);
  }


/*頁數*/
  .page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .module_pagination_bg_style .module_pagination_link{
    background-color: rgba(237, 237, 230, .7);
  }
  .module_pagination_bg_style .module_pagination_link:hover{
    background-color: rgb(255, 255, 255);
  }
  .module_pagination_bg_style.active .module_pagination_link, 
  .module_pagination_bg_style.active .module_pagination_link:hover{
    background-color: rgb(182, 104, 102);
  }
  .module_pagination_color_style .module_pagination_link{
    color: rgb(33, 37, 41);
  }
  .module_pagination_color_style .module_pagination_link:hover{
    color: rgb(182, 104, 102);
  }
  .module_pagination_color_style.active .module_pagination_link,
  .module_pagination_color_style.active .module_pagination_link:hover{
    color: rgb(255, 255, 255);
  }
  .module_pagination_bordercolor_style .module_pagination_link{
    border-color: rgb(255, 255, 242);
  }
  .module_pagination_bordercolor_style .module_pagination_link:hover{
    border-color: rgba(182, 104, 102, .3);
  } 
  .module_pagination_bordercolor_style.active .module_pagination_link,
  .module_pagination_bordercolor_style.active .module_pagination_link:hover{
    border-color: rgb(182, 104, 102);
  }


/*文字摺疊框*/
  .module_collapse_style .module_collapse_title_bg_style{
    background-color: rgb(255, 255, 255);
  }
  .module_collapse_style .module_collapse_title_btnlink_style{
    color: rgba(79, 79, 79, 0.9);
    text-align: left;
  }
  .module_collapse_style .module_collapse_title_btnlink_style:hover{
    color: rgba(79, 79, 79,1);
  }
  .module_collapse_style .module_content_color_style{
    color: rgb(79, 79, 79);
  }
  .module_collapse_style .module_content_bg_style{
    background-color: rgb(244, 244, 244);
  }
  .module_collapse_style.module_bordercolor_style{
    border-left: 5px solid rgb(242, 95, 112) !important;
  }
  .module_collapse_style .card-header, 
  .module_collapse_style .card-body {
    font-size: 1rem; 
  }
  @media(min-width: 992px){
    .module_collapse_style .card-header,
    .module_collapse_style .card-body {
      font-size: 1.1rem;
    }
  }
  .module_collapse_style{
    -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.05));
    filter: drop-shadow(4px 4px4px rgba(0, 0, 0, 0.05))
  }


/*表格*/
  .module_table_bg_style th{
    background-color: rgb(218, 204, 180);
  }
  .module_table .module_table_bordercolor_style th,
  .module_table .module_table_bordercolor_style td{
    border-top: 1px solid transparent;
  }
 .module_table_color_style th{
    color: rgb(79, 79, 79);
  }
  .module_table_color_style tbody tr:nth-of-type(2n){
    color: rgb(79, 79, 79);
  }
  .module_table_color_style tbody tr:nth-of-type(2n+1){
    color: rgb(79, 79, 79);
  }
   .module_table_color_style tbody tr:hover{
    color: rgb(79, 79, 79);
  }


/*首頁*/
  #page1_block0_col0 .module_content_overlapping_bg_style {
    display: flex;
    align-items: center;
    padding: 0 13%;
  }
  #page1_block0_col0 .ratio_sixteen_nine::after{
    padding-bottom: 100vh;
  }
  #page1_block0_col0.ql-editor{
    padding : 0 0;
  }
  /*#page1_block0 .resCarousel-inner .item .tile{
    margin: 0;
  }*/
  #page1_block2_col0 .module_content_overlapping_bg_style{
    display: flex;
    align-items: center;
  }
  #page1_block2_col0 .module_content_overlapping_bg_style .ql-snow{
    width: 100%;
  }
  #page1_block4 .swiper-wrapper .swiper-slide{
    border-bottom: 3px solid rgb(115, 221, 239);
  }
  #page1_block5{
    color: rgb( 86,  34, 0);
  }
  #page1_block0 .bg_size_contain{
    background-size: cover;
  }
  .cmsf_width_rwd{
    margin-right: -15px!important;
    margin-left: -15px!important;
    width: auto!important;
  }
  #page1_block4_col0 .card-body .card-text{
    display: none;
  }


/*關於喜閱樹*/
  @media(max-width: 1200px){
    #page2_block2 .col-md-4, #page2_block3 .col-md-6, #page2_block2 .col-md-8{
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
  #page2_block3 table, 
  #page2_block2 table{
    text-align: left !important;
  }
  #page2_block3 .table, 
  #page2_block2 .table{
    width: auto;
    margin-bottom: 0;
  }
  #page2_block3 .text-nowrap, 
  #page2_block2 .text-nowrap{
    white-space: normal !important;
  }
  #page2_block3 thead, 
  #page2_block2 thead{
    display: none;
  }
  #page2_block3 .module_table_bg_style th, 
  #page2_block2 .module_table_bg_style th{
    background-color: transparent;
  }
  #page2_block3 .module_table_bg_style tbody tr:nth-of-type(2n), 
  #page2_block2 .module_table_bg_style tbody tr:nth-of-type(2n) {
    background-color: transparent;
  }
  #page2_block3 .module_table_bg_style tbody tr:nth-of-type(2n+1), 
  #page2_block2 .module_table_bg_style tbody tr:nth-of-type(2n+1) {
    background-color: transparent;
  }
  #page2_block3 .module_table_bg_style tbody tr:hover, 
  #page2_block2 .module_table_bg_style tbody tr:hover{
    background-color: transparent;
  }
  #page2_block3 .module_table_color_style th, 
  #page2_block2 .module_table_color_style th{
    color: rgb(79, 79, 79);
  }
  #page2_block3 .module_table_color_style tbody tr:nth-of-type(2n), 
  #page2_block2 .module_table_color_style tbody tr:nth-of-type(2n) {
    color: rgb(79, 79, 79);
  }
  #page2_block3 .module_table_color_style tbody tr:nth-of-type(2n+1), 
  #page2_block2 .module_table_color_style tbody tr:nth-of-type(2n+1) {
    color: rgb(79, 79, 79);
  }
  #page2_block3 .module_table_color_style tbody tr:hover, 
  #page2_block2 .module_table_color_style tbody tr:hover{
    color: rgb(79, 79, 79);
  }

  #page2_block3 .module_table .module_table_bordercolor_style th,
  #page2_block3 .module_table .module_table_bordercolor_style td,
  #page2_block2 .module_table .module_table_bordercolor_style th,
  #page2_block2 .module_table .module_table_bordercolor_style td{
    border-top: 1px solid transparent;
  }
  #page2_block3 .module_table .module_table_bordercolor_style th, 
  #page2_block2 .module_table .module_table_bordercolor_style th{
    border-bottom: 2px solid transparent;
  }
  #page2_block3 .module_table_bordercolor_style, 
  #page2_block2 .module_table_bordercolor_style{
    border-color: transparent;
  }
  #page2_block3 tr td:first-child, 
  #page2_block2 tr td:first-child{
    color: rgb(242, 95, 112);
    padding: 0.75rem 0 !important;
  }


/*閱讀與表達、閱讀與理解、閱讀與寫作*/
  #page3_block1_col0, #page4_block1_col0, #page5_block1_col0, #page6_block1_col0{
    border: 3px solid rgb(207, 207, 207);
    background-color: rgb(255, 255, 255);
  }

/*閱讀與表達、閱讀與理解*/
  #page3_block3_col0, #page4_block4_col0{
    background-color: rgb(229, 229, 217);
    border-radius: 1.5rem;
  }
 
 /*閱讀與表達*/
  #page3_block7 img, #page3_block8 img{
    width: 100%;
  }
  
  
/*閱讀與理解*/
  @media(min-width: 1500px){
    #page4_block5{
      align-items: flex-end;
    }
  }
  @media(max-width: 1600px){
    #page4_block5 .col-md-6{
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }
 

/*國文會考*/
  @media(min-width: 992px){
    #page8_block1{
      justify-content: center;
    }
    #page8_block1_col3{
      display: none;
    }
  }
  

/*分流頁*/
  @media(min-width: 576px) and (max-width: 992px){
    #page7_block1 .col-sm-6, #page8_block1 .col-sm-6, #page9_block1 .col-sm-6{
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    } 
  }
  

/*修改RWD*/
  @media(min-width: 768px){
    #page3_block1, #page3_block2, #page3_block3, #page3_block4, #page3_block5, #page3_block6, #page3_block7, #page3_block8, #page3_block9, #page3_block10,
    #page4_block1, #page4_block2, #page4_block3, #page4_block4, #page4_block5, #page4_block6, #page4_block7,
    #page5_block1, #page5_block2, #page5_block3, #page5_block4, #page5_block5, #page5_block6,
    #page6_block1, #page6_block2, #page6_block3, #page6_block4, #page6_block5, #page6_block6{
      width: 90%;
      margin: auto;
    }
    #page3_block3_col0.col-md-8, #page3_block7_col0.col-md-8, #page3_block8_col1.col-md-8, #page3_block10_col0.col-md-8,
    #page4_block4_col0.col-md-8, #page4_block6_col0.col-md-8, #page4_block7_col0.col-md-8,
    #page5_block5_col0.col-md-8, #page5_block6_col0.col-md-8,
    #page6_block5_col0.col-md-8, #page6_block6_col0.col-md-8{
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
  }
  @media(min-width: 992px){
    #page3_block1, #page3_block2, #page3_block3, #page3_block4, #page3_block5, #page3_block6, #page3_block7, #page3_block8, #page3_block9, #page3_block10,
    #page4_block1, #page4_block2, #page4_block3, #page4_block4, #page4_block5, #page4_block6, #page4_block7,
    #page5_block1, #page5_block2, #page5_block3, #page5_block4, #page5_block5, #page5_block6,
    #page6_block1, #page6_block2, #page6_block3, #page6_block4, #page6_block5, #page6_block6{
      width: 80%;
      margin: auto;
    }
    #page3_block3_col0.col-md-8, #page3_block7_col0.col-md-8, #page3_block8_col1.col-md-8, #page3_block10_col0.col-md-8,
    #page4_block4_col0.col-md-8, #page4_block6_col0.col-md-8, #page4_block7_col0.col-md-8,
    #page5_block5_col0.col-md-8, #page5_block6_col0.col-md-8,
    #page6_block5_col0.col-md-8, #page6_block6_col0.col-md-8{
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
  }


/*使用col-mb-8代替col-12*/
  @media(min-width: 768px){
    #page3_block3, #page3_block7, #page3_block10,
    #page4_block4, #page4_block6, #page4_block7, 
    #page5_block5, #page5_block6, 
    #page6_block5, #page6_block6{
      justify-content: center;
    } 
   #page3_block8{
     justify-content: flex-end;
    }   
  }
  #page3_block3_col1, #page3_block7_col1, #page3_block8_col0, #page3_block10_col1
  #page4_block4_col1, #page4_block6_col1, #page4_block7_col1,
  #page5_block5_col1, #page5_block6_col1,
  #page6_block5_col1, #page6_block6_col1 {
    display: none;
  }