/* ------------------------------------------------------------------ */
/* f. Journal Section - Main Page
/* ------------------------------------------------------------------ */

#journal {
   padding-bottom: 48px;
}
#journal a, #journal a:visited  { color: #9cbc2a; }
#journal a:hover, #journal a:focus { color: #db5e26; }

#journal h1 {
   font: 20px/36px raleway-bold, sans-serif;
   margin-bottom: 36px;
   color: #A1A8AF;
}
#journal .blog-entries { margin-top: 0; }
#journal .entry {
   margin-bottom: 12px;
   border-top: 1px dotted #d8d8d8;
   padding-top: 36px;
}
#journal .blog-entries article.entry:first-child {
   border-top: none;
   padding-top: 18px;
}

/* post header */
#journal .blog-entries .entry-header {
   position: relative;
   margin-bottom: 6px;
}
#journal .entry-header .entry-title { padding-right: 16.66667%; }
#journal .entry-header h3 { font: 25px/30px raleway-bold, 微軟正黑體; color: #9cbc2a;}
#journal .entry-header .permalink {
   position: absolute;
   top: 18px;
   right: 60px;
   z-index: 999999;
}
#journal .entry-header .permalink a {
   color: #fff;
   display: block;
   text-align: center;
   background-color: #9199A1;
   width: 48px;
   height: 48px;
   margin: 0;
   padding: 0;

	border-radius: 100%;

   -webkit-transition:all .3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
   -o-transition:all .3s ease-in-out;
   transition:all .3s ease-in-out;
}
#journal .entry-header .permalink a:hover {
   background-color: #9cbc2a;
}
#journal .entry-header .permalink a i {
   font-size: 24px;
   line-height: 48px;
}

/* post meta */
#journal .entry .post-meta   {
   font: 15px/21px notosans-regular, sans-serif;
   margin-top: 3px;
   margin-bottom: 0;
   text-align: right;
}
#journal .entry .post-meta time,
#journal .entry .post-meta .dauthor {
   display: block;
}
#journal .entry .post-meta time {
	font-family: "微軟正黑體";
   text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: 6px;
}

/* post content */
#journal .entry .post-content {  padding-right: 16.66667%; }
#journal .entry .post-content p {
   font: 16px/30px notosans-regular, sans-serif;
}
#journal .entry .post-content a.more-link {
   font: 16px/30px notosans-bold, sans-serif;
   margin-left: 3px;
}
#journal .entry .post-content a.more-link i {
   margin-left: 10px;
   font-size: 14px;
}

/* ------------------------------------------------------------------ */
/* ==================================================================

*   Sparrow Media Queries
*   url: styleshout.com
*   03-05-2014

/* ================================================================== */


/* small screens
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {
   /* journal section - main page
   -------------------------------------------------------------------- */
   #journal .entry-header .permalink { display: none; }
   #journal .entry-header .entry-title,
   #journal .entry .post-content {
     width: 75%;
     padding-right: 30px;
   }
   #journal .entry .post-content { margin-left: 25%; }
   #journal .entry .post-meta { width: 25%; }
}

/* mobile wide/smaller tablets
---------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
   /* journal section - main page
   --------------------------------------------------------------------- */
   #journal {
      padding-bottom: 36px;
   }
   #journal h1 { margin-bottom: 0; }
   #journal .blog-entries { margin-top: 0; }
   #journal .entry-header .permalink {
      display: none;
      z-index: 1;
   }
   #journal .entry-header .entry-title {
      padding: 0 30px;
      margin-bottom: 6px;
      right: 0;
      text-align: center;
      z-index: 3;
   }
   #journal .entry .post-content {
      padding: 0 30px;
      margin-top: 18px;
      margin-left: 0;
	  text-align:center;
   }
   #journal .entry .post-meta { text-align: center; }
   #journal .entry .post-meta time,
   #journal .entry .post-meta .dauthor {
      display: inline;
   }
   #journal .entry .post-meta .dauthor:before {
      content: "/";
      padding-left: 5px;
      padding-right: 5px;
   }
}

/* mobile narrow
  -------------------------------------------------------------------------- */

@media only screen and (max-width: 480px) {
    /* journal section - main page
   ------------------------------------------------------------------------- */
   #journal .entry-title h3 {
      font-size: 28px;
      line-height: 36px;
   }
}


/** news page **/
#primary { }
.eight       { width: 100%; }
.post {
   padding-top: 24px;
   padding-bottom: 18px;
}
.post .entry-header {
   position: relative;
   width: 100%;
}
.post .entry-header h1 {
   font: 39px/48px raleway-semibold, 微軟正黑體;
   margin-bottom: 18px;
}
.post .entry-header h1 a,
.post .entry-header h1 a:visited { color: #313131; }
.post .entry-header h1 a:hover,
.post .entry-header h1 a:focus { color: #11ABB0; }

.post .post-meta {
   font: 15px/24px notosans-regular, 微軟正黑體;
}
.post .post-meta a,
.post .post-meta a:visited { color: #AFB4BB; }
.post .post-meta a:hover,
.post .post-meta a:focus { color: #11ABB0; }

.post .post-meta .date {
   display: inline-block;
   font: 15px/24px notosans-bold, 微軟正黑體;
   color: #313131;
}
.post .post-meta .categories {
   display: inline-block;
}
.post .post-meta .categories a { display: inline-block; }
.post .post-content {
   margin-bottom: 18px;
}
p.lead {
   font: 20px/36px raleway-regular, 微軟正黑體;
   margin-bottom: 18px;
   color: #000;
}