/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
#header .header-inner, #header #header-wrap { height: 90px; background-color: #fff; /*         backface-visibility: hidden; -webkit-backface-visibility: hidden; */ left: 0; right: 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; /*logo*/ }

/* ----------------------------------------------------------------
HEADER: Responsive
-----------------------------------------------------------------*/
@media (max-width: 991.98px) { #header .header-inner, #header #header-wrap { height: auto; }
  #header #logo { position: absolute !important; width: 100%; text-align: center; margin: 0 !important; float: none; height: 80px; left: 0; right: 0; padding: 0 !important; }
  #header #logo > a { display: inline-block; }
  #header #logo > a img { max-height: 80px; padding-bottom: 6px; }
  #header #logo .logo-responsive { display: block; }
  #header #logo .logo-responsive-dark { display: block; }
  #header.header-mobile-logo-left #header #logo { width: auto; text-align: left; left: 30px; right: auto; }
  #header.header-mobile-logo-left .header-extras { float: right; margin-left: 20px; }
  #header.header-alternative .header-inner, #header.header-alternative #header-wrap { height: auto; }
  #header.header-modern { margin: 0 !important; width: 100% !important; }
  #header.header-modern .header-inner, #header.header-modern #header-wrap { border-radius: 0px !important; }
  #header.header-logo-right .header-inner .header-extras, #header.header-logo-right #header-wrap .header-extras { float: right; }
  #header.header-mini .header-inner, #header.header-mini #header-wrap { height: auto !important; } }

@media (max-width: 991.98px) { #header[data-transparent="true"] + main { top: -120px; margin-bottom: -124px; position: relative; }
  #header[data-transparent="true"] + main > #page-title { padding: 160px 0 80px 0; }
  #header[data-transparent="true"] + .fullscreen { top: -80px; margin-bottom: -80px; } }


/* ----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/

#mainMenu nav > ul > li > a { position: relative; font-family: "微軟正黑體", sans-serif; padding: 10px 12px; text-transform: uppercase; font-size: 16px; font-weight: 600; letter-spacing: 0.6px; color: #000000; border-radius: 0; border-width: 0; border-style: solid; border-color: transparent; -webkit-transition: all .3s ease; transition: all .3s ease; line-height: normal; }

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { font-size: 14px; line-height: 14px; font-weight: 500; font-style: normal; color: #444; font-family: "微軟正黑體", sans-serif; padding: 12px 20px 12px 18px; display: block; -webkit-transition: .3s ease; transition: .3s ease; }


/*Post thumbnail list*/

.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a { font-size: 16px; font-weight: 500; margin: -4px 0 0; }

/* ----------------------------------------------------------------
	Typography : Font size
-----------------------------------------------------------------*/
html { font-size: 88%; }

@media all and (max-width: 768px) { html { font-size: 81.25%; } }

body { font-size: 1rem; line-height: 1.65714286em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "微軟正黑體", sans-serif; color: #3c4043; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; color: #2d6232; margin: 0; letter-spacing: 0.5px; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small { font-weight: 100; }

h1, .h1 { font-size: 3.14285714em; line-height: 1.31818182em; }

h1:not(:last-child), .h1:not(:last-child) { margin-bottom: 20px; }

h2, .h2 { font-size: 2.35714286em; line-height: 1.36363636em; font-weight: 500; }

h2:not(:last-child), .h2:not(:last-child) { margin-bottom: 16px; }

h3, .h3 { font-size: 1.78571429em; line-height: 1.5em; font-weight: 500; }

h3:not(:last-child), .h3:not(:last-child) { margin-bottom: 12px; }

h4, .h4 { font-size: 1.35714286em; line-height: 1.68421053em; font-weight: 600; }

h4:not(:last-child), .h4:not(:last-child) { margin-bottom: 8px; }

h5, .h5 { font-size: 1em; line-height: 1.85714286em; font-weight: 500; }

h5:not(:last-child), .h5:not(:last-child) { margin-bottom: 6px; }

h6, .h6 { font-size: 0.85714286em; line-height: 2.16666667em; font-weight: 500; }

h6:not(:last-child), .h6:not(:last-child) { margin-bottom: 6px; }

.lead { font-weight: 400; }

@media all and (max-width: 767px) { h1, .h1 { font-size: 2.35714286em; line-height: 1.36363636em; }
  h2, .h2 { font-size: 1.78571429em; line-height: 1.5em; }
  h3, .h3 { font-size: 1.35714286em; line-height: 1.85714286em; }
  .lead { font-size: 1.35714286em; line-height: 1.68421053em; } }

.display-4 { font-weight: 400; }

p { font-size: 1.1rem; font-style: normal; font-weight: 400; text-transform: none; line-height: 1.7; letter-spacing: 0; color: #3c4043; font-family: "微軟正黑體", sans-serif; }

ul.bullets { list-style: inside; }

strong { font-weight: 600; }

del { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; }

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active { text-decoration: none; outline: none; color: #2d6232; }

a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) { color: #3c4043; }

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6 { color: #e4e6ef; }

.font-pacifico { font-family: 'Dancing Script' !important; }

.font-nothing-you-could-do, .font-nothing-you-could-do a, .font-nothing-you-could-do h1, .font-nothing-you-could-do h2, .font-nothing-you-could-do h3, .font-nothing-you-could-do h4, .font-nothing-you-could-do h5, .font-nothing-you-could-do h6, h1.font-nothing-you-could-do, h2.font-nothing-you-could-do, h3.font-nothing-you-could-do, h4.font-nothing-you-could-do, h5.font-nothing-you-could-do, h6.font-nothing-you-could-do { font-family: 'Nothing You Could Do', cursive !important; font-weight: normal !important; }

.font-herr-von-muellerhoff, .font-herr-von-muellerhoff a, .font-herr-von-muellerhoff h1, .font-herr-von-muellerhoff h2, .font-herr-von-muellerhoff h3, .font-herr-von-muellerhoff h4, .font-herr-von-muellerhoff h5, .font-herr-von-muellerhoff h6, h1.font-herr-von-muellerhoff, h2.font-herr-von-muellerhoff, h3.font-herr-von-muellerhoff, h4.font-herr-von-muellerhoff, h5.font-herr-von-muellerhoff, h6.font-herr-von-muellerhoff { font-family: 'Herr Von Muellerhoff', cursive !important; font-weight: normal !important; }

.font-cedarville, .font-cedarville a, .font-cedarville h1, .font-cedarville h2, .font-cedarville h3, .font-cedarville h4, .font-cedarville h5, .font-cedarville h6, h1.font-cedarville, h2.font-cedarville, h3.font-cedarville, h4.font-cedarville, h5.font-cedarville, h6.font-cedarville { font-family: 'Cedarville Cursive', cursive; }

.font-parisienne, .font-parisienne a, .font-parisienne h1, .font-parisienne h2, .font-parisienne h3, .font-parisienne h4, .font-parisienne h5, .font-parisienne h6, h1.font-parisienne, h2.font-parisienne, h3.font-parisienne, h4.font-parisienne, h5.font-parisienne, h6.font-parisienne { font-family: 'Parisienne', cursive; }

/* ----------------------------------------------------------------
	Date range picker
-----------------------------------------------------------------*/
.nav-link { color: #2d6232; font-size: 1.2rem; }


/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/
.post-item .post-item-description .post-meta-date, .post-item .post-item-description .post-meta-comments, .post-item .post-item-description .post-meta-category { color: #C2C2C2; position: relative; top: -4px; font-size: 14px; margin-right: 8px; }


/* ----------------------------------------------------------------------
	Buttons
-------------------------------------------------------------------------*/
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) { display: inline-block; font-family:'微軟正黑體'; border-radius: 0.42rem 0.42rem 0.42rem 0.42rem; font-size: 14px; font-weight: 600; letter-spacing: .5px; text-decoration: none; outline: none; padding: 12px 18px; position: relative; text-transform: uppercase; background-color: #2d6232; border-color: #2d6232; border-width: 1px; border-style: solid; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom: 6px; outline: none; line-height: 14px; cursor: pointer; }


/* ----------------------------------------------------------------------
	Icon Box
-------------------------------------------------------------------------*/
.icon-box.small > p { margin: 0 0 20px 60px; line-height: 1.6; font-size: 15px; }

.post-thumbnail-entry {
  position: relative;
  padding-left: 16px;
  display: flex;
  align-items: center; /* 垂直置中 */
  border-bottom: 1px solid #e4e6ef;
  margin-bottom: 16px;
  padding-bottom: 10px;
}

.post-thumbnail-entry::before {
  content: '•';
  position: absolute;
  left: 0;
  font-size: 18px;
  line-height: 1;
  top: 35%;
  transform: translateY(-50%);
  color: #2d6232;
}

