@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@700&family=Noto+Serif+TC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap');
* { font-family: 'Montserrat', 'Noto Sans TC', 'Noto Sans', Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif; }
* { }
.serif { font-family: '新細明體', serif; }
:root { font-size: 1rem; }
body { font-size: 1.125rem; line-height: 1.7; color: #333333; }
.noto { font-family: 'Noto Serif TC', serif; }
.btn-link { color: #ff6161; }
.navbar-light .navbar-nav .nav-link { font-weight: 400; padding-left: 15px;padding-right: 15px;}
/*.navbar { padding: 0px; }*/
.navbar a:hover { text-decoration: underline; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
h1, .h1 { font-size: 3.5rem;/*font-size: 2.5rem;*/ }
h2, .h2 { font-size: 2.5rem;/* font-size: 2rem;*/ }
h3, .h3 { font-size: 2rem;/*font-size: 1.75rem;*/ }
h4, .h4 { /*font-size: 1.5rem;*/ }
h5, .h5 { /*font-size: 1.25rem;*/ }
h6, .h6 { /*font-size: 1rem;*/ }
.rounded { border-radius: 1rem !important; overflow: hidden; }
.shadow { -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.29)!important; box-shadow: 0px 3px 10px rgba(0,0,0,0.29)!important; }
#mainNav, .nav_shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); transition: background-color 0.2s ease; }

@media (min-width: 992px) {
#mainNav { box-shadow: none; /* [disabled]background-color: transparent;
*/ }
#mainNav .navbar-brand { color: rgba(255, 255, 255, 0.7); }
#mainNav.navbar-scrolled { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #fff; }
}

@media (max-width: 575px) {
h1, .h1 { font-size: 2.5rem; }
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

/*#sidebar { width: 250px; position: fixed; top: 0; height: 100vh; z-index: 999; background: #7386D5; color: #fff; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); right: -250px; }
#sidebar.active { right: 0; }
#dismiss { width: 35px; height: 35px; line-height: 35px; text-align: center; background-color: #4A4A4A; position: absolute; top: 10px; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 10px; }
#dismiss:hover { background: #fff; color: #7386D5; }
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; transition: all 0.5s ease-in-out; }
.overlay.active { display: block; opacity: 1; }
#sidebar .sidebar-header { padding-top: 51px; padding-right: 20px; padding-left: 20px; background: #6d7fcc; }
#sidebar ul.components { padding: 20px 0; border-bottom: 1px solid #47748b; }
#sidebar ul p { color: #fff; padding: 10px; }
#sidebar ul li a { padding: 10px; font-size: 1.1em; display: block; color: #FFFFFF; }
#sidebar ul li a:hover { color: #7386D5; background: #fff; }
#sidebar ul li.active>a, a[aria-expanded="true"] { color: #fff; background: #6d7fcc; }
a[data-toggle="collapse"] { position: relative; }
.dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
ul ul a { font-size: 0.9em !important; padding-left: 30px !important; background: #6d7fcc; }
ul.CTAs { padding: 20px; }
ul.CTAs a { text-align: center; font-size: 0.9em !important; display: block; border-radius: 5px; margin-bottom: 5px; }
a.download { background: #fff; color: #7386D5; }
a.article, a.article:hover { background: #6d7fcc !important; color: #fff !important; }*/