/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');
/* Ubuntu Mono is a font of mono space*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
@import "heading.css";

/* Logo size for centered navigation */
.tm-navbar-center [class*='tm-logo'] { transform: scale(1.2); }

/*.tm-navbar.tm-navbar { background: #0000f3;}  /* 此行影響最上方logo部分的背景色 */

/* .uk-dropdown-navbar { background: #0000f3; } /* 此行影響main menu 的整體背景色*/
/* 下面這行會影響 dropdown menu item 被 hover 時的背景色 */
.uk-nav-navbar > li > a:hover {
  background: #4c368b;
  color:#fffacc;
  outline:0;
  box-shadow:inset 0 0 1px rgba(0,0,0,.1);
  /*text-shadow:0 -1px 0 #fff;*/
}
/* 下面這行會影響 dropdown menu 的背景色 */
.uk-dropdown {
  background: #fffacc;
  /*outline-style: solid;
  outline-color: #e6cf00;
  outline-width: thin;*/
}

/* 增添如下指令，可以改變menu的字體大小 */
.uk-navbar-nav>li>a {  
   font-size: 18px;  
}
.uk-nav-navbar > li > a { font-size: 16px; } /*這是第二層目錄的字體大小*/

/* We can use the custom.css, no problem. so, to all offcanvas use : */
.uk-nav-offcanvas { font-size: 16px; } 
/*if we need change a sub menu use : */
.uk-nav-offcanvas .uk-nav-sub { font-size: 15px; }   

/* 調整下拉功能表的位置，能夠緊接在選項下方 */
.uk-dropdown-navbar {
    margin-top: 5px; /* 原本設定 40px */
    /* background: #fffef5;
    color: #282828; */
}

/* To prevent the URL from being printed */
@media print {  
    a[href]:after { content: none !important; }  
}

/* 課程表格，四色排列。使用時第一個row直接以標題顏色覆寫
藍 bgcolor="#0072BA" bgcolor="#CCE2F1" 標題顏色，直接覆寫
黃 bgcolor="#FCED00" bgcolor="#FEFBCC" 4n+1
紫 bgcolor="#490082" bgcolor="#DACCE6" 4n+2
紅 bgcolor="#B22121" bgcolor="#EFD2D2" 4n+3
褐 bgcolor="#B5A542" bgcolor="#F0EDD9" 4n

2016-03-10 新選色

標題藍 bgcolor="#0072BA" bgcolor="#CCE2F1" 標題顏色，直接覆寫
字彙填充黃 bgcolor="#FCED00" bgcolor="#FEFBCC" 4n+1
閱讀突破紅 bgcolor="#FF4F00" bgcolor="#FFDBCC" 4n+2
邏輯寫作綠 bgcolor="#ADFF2D" bgcolor="#EEFFD5" 4n+3
滿分數學藍 bgcolor="#3F66F4" bgcolor="#D8E0FC" 4n

  灰 bgcolor="#707F90" bgcolor="#E2E5E8" 全勤獎勵
暗綠 bgcolor="#2D8A56" bgcolor="#D5E7DD" 320獎勵 
暗紅 bgcolor="#FF7E4F" bgcolor="#FFE5DB" 330獎勵 

.TFtableCol {
	width:100%; 
	border-collapse:collapse; 
}
.TFtableCol th { 
	padding:7px; border:#4e95f4 1px solid;
}
.TFtableCol td { 
	padding:7px; border:#4e95f4 1px solid;
}
.TFtableCol tr:nth-child(4n+1){
	background-color:#FEFBCC;
}
.TFtableCol tr:nth-child(4n+2){
	background-color: #FFDBCC;
}
.TFtableCol tr:nth-child(4n+3){
	background-color: #EEFFD5;
}
.TFtableCol tr:nth-child(4n){
	background-color: #D8E0FC;
}

2018-05-25 新選色

標題藍 bgcolor="#0072ba" bgcolor="#cce2f1" 標題顏色，直接覆寫
字彙填充黃 bgcolor="#fced00" bgcolor="#fefbcc" 4n+1
閱讀突破紅 bgcolor="#b22121" bgcolor="#efd2d2" 4n+2
邏輯寫作綠 bgcolor="#5eba5e" bgcolor="#dbf0db" 4n+3
滿分數學藍 bgcolor="#490082" bgcolor="#dacce6" 4n

*/
.TFtableCol {
  width: 100%; 
  border-collapse: collapse; /*separate; /* collapse; 為了調整邊角弧度 */
  border-spacing: 0;
}
.TFtableCol tr {
  border: #4e95f4 1px solid;
}
.TFtableCol th { 
  padding: 10px 7px; 
  border: #4e95f4 1px solid;
}
.TFtableCol td { 
  padding: 10px 7px; 
  border: #4e95f4 1px solid;
}
.TFtableCol tr:nth-child(4n+1){
  background-color: #fefbcc;
}
.TFtableCol tr:nth-child(4n+2){
  background-color: #efd2d2;
}
.TFtableCol tr:nth-child(4n+3){
  background-color: #f0edd9;
}
.TFtableCol tr:nth-child(4n){
  background-color: #dacce6;
}

/* https://stackoverflow.com/questions/29682958/table-with-rounded-border-using-css */
/*
 * Add the border, set border spacing etc
 * The left width is 0 so cell border can be applied without doubling up.
 */

.table-bordered {
  width: 100%; 
  border: 1px solid #4e95f4;
  border-left-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 1rem;
}
/*
 * Add the border to table cell/header
 */

.table-bordered td,
.table-bordered th {
  padding: 10px 7px; 
  border-top: 1px solid #4e95f4;
  border-left: 1px solid #4e95f4;
}
/*
 * Remove the top border from the first header/cell
 */

.table-bordered tbody:first-child tr:first-child td,
.table-bordered thead:first-child tr:first-child th {
  border-top-width: 0;
}
/*
 * Set the border radius for the first header/cell
 */

.table-bordered thead:first-child tr:first-child td:first-child,
.table-bordered thead:first-child tr:first-child th:first-child {
  border-top-left-radius: 1rem;
}
.table-bordered thead:first-child tr:first-child td:last-child,
.table-bordered thead:first-child tr:first-child th:last-child {
  border-top-right-radius: 1rem;
}
/*
 * Set the border radius for the last header/cell
 */

.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tbody:last-child tr:last-child th:first-child {
  border-bottom-left-radius: 1rem;
}
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tbody:last-child tr:last-child th:last-child {
  border-bottom-right-radius: 1rem;
}

/*
%---------------------------------------------------------------------
利用 Quix Page Builder 的 Page 作為頁面時，產生的 html 碼會有如下的內容

            <div id="tm-main"  class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true">
                <div class="uk-container">

而 uk-section 有內建 
padding-top: 70px;
padding-bottom: 70px;

的空白，如果要消除的話，開啟
Customizer -> Settings -> CSS/LESS 加入如下內容
.tm-main.uk-section {
padding-bottom: 20px;
padding-top: 0px;
} 
上面是給 Yootheme Pro 用的，下面是給 Warp 7 使用的
*/
.tm-block-main.uk-block {
  padding-bottom: 0px;
  padding-top: 0px;
}

/* CSS rules to specify families 
font-family: 'Ubuntu Mono', monospace; 課程日期字體
*/
.UbuntuMono { font-family: 'Ubuntu Mono', monospace!important;} /* font-size: 120%} */

/* 避開 yt_heading 指令的 設定
*/
#heading_63a2cd21c001.yt-heading{width: 100%;margin-left: auto; margin-right: auto;margin-bottom: 20px;}
#heading_63a2cd21c001 .yt-heading-inner{font-size: 24px; color: #666;}

/* 心得文圖片設定 -------------------------------------------------------
圖片加外框與陰影
-----------------------------------------------------------------------*/
.xindewen img {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 15px;
}