/*
Theme Name: Fall
Description: A theme for bloggers, writers and product owners who want to tell a story about their subject matter.
Design Studio: Obox Design http://www.oboxthemes.com/
Author: Obox Design
Author URI: http://www.oboxthemes.com/
Version: 1.1.2
Theme URI:  http://www.oboxthemes.com/theme/the-writer/
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: 100% GPL http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, custom-colors, featured-images, theme-options, translation-ready
*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*
To make updates to your theme, do not edit the styles in this file. Rather use
the Custom CSS in Theme Options to add your style changes. By copying a style from this
file and pasting it in the Custom CSS area, you will override the style in this file and
avoid losing your changes on Theme Updates.

*/


@import url(reset.css);
@import url(social.css);
@import url(clearfix.css);
@import url(editor-style.css);
@import url(custom.css);
@import url("https://chinese-fonts-cdn.deno.dev/packages/syst/dist/SourceHanSerifCN/result.css");


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{font-size: 62.5%;}
body{
	font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,Arial,sans-serif;
	font-size: 1.4rem;
	line-height: 1.55;
	color: #000;
	background: #000;
	overflow-x: hidden;
	text-rendering: optimizelegibility;
}

label{display: block; margin: 0; color: #777; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
textarea, input{padding: 5px; background: #fff; font-size: 1.6rem; font-family: "Nimbus Roman No9 L", "Source Han Serif SC", 'Source Han Serif CN VF', "Songti SC", "Noto Serif CJK SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;}
textarea{width: 100%; padding: 5px; border: 1px solid #e0e0e0; -webkit-appearance: none;}
input[type=text], input[type=password], input[type=email]{width: 100%; max-width: 460px; padding: 8px; border: 1px solid #e0e0e0; -webkit-appearance: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}

input[type=submit], button{padding: 5px 15px; background: #333; border: none; color: #fff; cursor: pointer; -webkit-appearance: none;}
input[type=submit]:hover, button:hover{background: #999;}

a{color: #000; text-decoration: none; transition: all .20s ease-in-out;}
a:hover{color: #999;}

strong{font-weight: 700;}

img{max-width: 100%; height: auto;}
iframe, embed, object{max-width: 100%;}

.action-link{display: inline-block; padding: 7px 12px; background: #3E7FB0; color: #fff;}
.action-link:hover{background: #173F52;}

	/*-------------------------------*/
	/*- LAYOUTS ---------------------*/
	.no_bg{background-image: none;}
	.clearboth{clear: both}
	.floatleft{float: left;}
	.floatright{float: right;}
	.floatright{float:right;}
	.no_display{display: none;}
	.opacity_zero{opacity: 0;}

/*-------------------------------*/
/*- DEFAULT WORDPRESS STYLING ---*/
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignnone {margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

pre{}

.gallery-item img:hover{}
.gallery-caption{margin-left: 0; font-size: 12px; width: 74%;}

small {font-size: 75%;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
table{border-collapse: collapse; border-spacing: 0;}

em, i {font-style: italic;}

abbr, acronym, dfn {border-bottom: 1px dotted #666;cursor: help;}
address {display: block; margin: 0 0 1.625em;}
cite{text-transform: uppercase; font-size: 0.8em; letter-spacing: 2px;}
ins{text-decoration: none;}
big{}
var{}
.sticky{}
.bypostauthor{}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{position: relative; z-index: 4; left: 0; transition: left .35s ease-in-out; box-shadow: 0 0 40px rgba(0, 0, 0, 1);}
#wrapper.open{left: -276px;}

#header-container{padding: 20px 20px; width: 100%; z-index: 6; background: #fff; border-bottom: 1px solid #ccc; position: absolute; top: 0;}
#header{margin: auto;}

#navigation-container{margin: 0; position: relative; text-align: center;}

#content-container{padding: 40px 0 0; margin: auto; overflow: hidden; background: #f0f0f0;}

.single #content-container, .page #content-container{background: #fff;}

#full-width{max-width: 840px;}

#sidebar-container{width: 276px; position: fixed; right: -100px; z-index: 3; transition: all .35s ease-in-out;}
#sidebar-container.open{right: 0;}

#footer-container{padding: 20px; background: #fff; border-top: 1px solid #ccc;}
#footer{overflow: hidden;}

.post-title {
	font-family: "Nimbus Roman No9 L", "Source Han Serif SC", 'Source Han Serif CN VF', "Songti SC", "Noto Serif CJK SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
}
/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*----------------------------*/
	/*- TITLE CONTAINER ----------*/
	.title-container{padding: 40px 20px 30px; background-color: #fff; text-align: left; position: relative;}

		.has-title-background .title-container.has-text-shadow{text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
		.has-title-background .title-container .title{width: 100%; padding: 45px 20px 10%; position: absolute; bottom: 0; left: 0;
			background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);}
		.has-title-background .title-container .title.no-gradient{ background:  none; }
		/*------------------------*/
		/*- POST TITLE -----------*/
		.title-container .post-title{max-width: 830px; margin: auto; color: #000; font-size: 4rem; line-height: 1.2;}

		/*------------------------*/
		/*- POST SUB TITLE -------*/
		.title-container .sub-title{max-width: 830px; margin: 20px auto 0; font-size: 2.4rem; color: #999;}
		.has-title-background .title-container .sub-title{opacity: 0.85;}

		/*------------------------*/
		/*- POST TITLE - AUTHOR --*/
		.title-container .post-author{max-width: 830px; margin: 20px auto 0; color: #000; line-height: 40px; vertical-align: middle;}
		.title-container .post-author .avatar{display: inline-block; width: 40px; margin-right: 5px; border-radius: 100px; vertical-align: middle; overflow: hidden;}
		.title-container .post-author .avatar img{display: inline-block; margin: 0; padding: 0;}
		.title-container .post-author a{color: #000; text-decoration: underline;}
		.title-container .post-author a:hover{color: #999;}


	/*----------------------------*/
	/*- CATEGORY TITLE CONTAINER -*/
	.category-title-container{max-width: 830px; padding: 0 20px; margin: 0 auto 40px; text-align: center;}

		/*------------------------*/
		/*- CATEGORY TITLE -------*/
		.category-title{overflow: hidden; font-size: 2.0em;}

		/*------------------------*/
		/*- CATEGORY DESCRIPTION -*/
		.category-title-container p{margin-top: 10px; font-size: 1.6rem; color: #777;}


	/*----------------------------*/
	/*- AUTHOR TITLE CONTAINER ---*/
	.author-title-container{padding: 0 20px; margin-bottom: 40px;}

		/*------------------------*/
		/*- AUTHOR IMAGE ---------*/
		.author-title-container .author-image{max-width: 80px; margin: 0 auto 20px; border-radius: 100px; overflow: hidden;}

		/*------------------------*/
		/*- AUTHOR BODY ----------*/
		.author-title-container .author-body{overflow: hidden; max-width: 830px; margin: auto; text-align: center;}
		.author-title-container .author-body .author-name{font-size: 2.0em;}
		.author-title-container .author-body p{margin-top: 10px; font-size: 1.6rem; color: #777;}


	/*----------------------------*/
	/*- SECTION TITLE ------------*/
	.section-title{clear: both; margin-bottom: 20px; font-size: 23px; font-weight: lighter;}
	.section-title-404{max-width: 540px; padding: 40px; margin-bottom: 40px; background: #006699 url(images/layout/sidebar-bg.png) repeat; color: #fff; font-weight: 700; font-size: 4.0rem; text-transform: uppercase;}

	/*----------------------------*/
	/*- ACTION TITLE -------------*/
	.action-link{padding: 5px 10px; border: 3px solid #f0f0f0; border-radius: 100px; font-weight: 700; font-size: 12px; color: #000; text-transform: uppercase;}
	.action-link:hover{border-color: #000;}


/*-------------------------------------------------------------------------------------------*/
/*- EXPANDED VS SHRUNKEN HEADE --------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- LOGO GENERAL -----------*/
	.logo{color: #000; max-width: 830px; margin: auto; text-align: center;}
	.logo h3{margin: 0; font-family: Gravitas One; text-transform: uppercase; font-size: 5.0rem;}
	.logo a{display: inline-block; color: #000; text-decoration:none;}
	.logo a:hover{color: #999;}
	.logo .tagline, .logo small{display: block; margin-top: 10px; color: #999; font-size: 1.4rem; vertical-align: middle; font-style: italic;}

		/*----------------------*/
		/*- HEADER SHRINK ------*/
		#header-container.header-shrink{position: fixed; padding: 10px 20px; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);}
		#header-container.header-shrink .logo{float: left;}
		#header-container.header-shrink .logo a{text-decoration: none;}
		#header-container.header-shrink .logo img{display: inline-block; max-height: 30px; margin-right: 10px; vertical-align: middle;}
		#header-container.header-shrink .logo h3{display: inline-block; margin-right: 10px; text-transform: uppercase; font-size: 1.6rem; vertical-align: middle;}
		#header-container.header-shrink .logo .tagline,
		#header-container.header-shrink .logo small{display: inline-block; margin-top: 0;}

/*-------------------------------------------------------------------------------------------*/
/*- MENU ------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*-------------------------*/
	/*- COMPACT MENU ----------*/
	#menu-drop-button{float: right;  z-index: 5; display: block; font-size: 1.4rem; line-height: 24px; color: #000;}
	#menu-drop-button:hover{color: #999;}
	
		.burger{float: right; width: 20px; padding: 5px 0; margin-left: 10px;}
		.burger .bar{display: block; width: 100%; height: 4px; margin-bottom: 2px; background: #000; border-radius: 100px; transition: all .20s ease-in-out;}
		.burger:hover .bar{background-color: #999;}
		
	/*----------------------*/
	/*- EXPANDED MENU ------*/
	ul#nav.expanded{display: inline-block; padding: 10px 0 0; margin: 10px 0 -5px; border-top: 3px double #eee; font-size: 1.4rem; line-height: 24px; text-transform: none; text-align: center; }
	ul#nav.expanded li{display: inline-block; position: relative;}
	ul#nav.expanded li a{padding: 0px 5px;}

		#header-container.header-shrink ul#nav.expanded{float: right; padding: 0; margin: 0 10px 0 0; border: none; border-right: 2px solid #ccc;}
		#header-container.header-shrink ul#nav.expanded li{margin: 0 5px;}
		#header-container.header-shrink ul#nav.expanded li ul.sub-menu ul{right: 155px; left: auto;}

		/*----------------------*/
		/*- SUB MENU -----------*/
		ul#nav.expanded ul.sub-menu, ul#nav.expanded .children{display: none; position: absolute; top: 30px; left: 0; margin: 0; z-index: 10; background-color: #fff; border: 2px solid #000;}
		ul#nav.expanded ul.sub-menu ul, ul#nav .children ul{top: -2px; left: 155px; right: auto;}
		ul#nav.expanded ul.sub-menu li, ul#nav.expanded .children li{clear: both; width: 150px; padding: 0; margin: 0; border-bottom: 1px solid #ccc; position: relative;}
		ul#nav.expanded ul.sub-menu li:last-child, ul#nav .children li:last-child{border-bottom: none;}
		ul#nav.expanded ul.sub-menu li a, ul#nav.expanded .children li a{float: none; display: block; padding: 4px 8px; color: #000; text-align: left;}
		ul#nav.expanded ul.sub-menu li a:hover, ul#nav.expanded .children li a:hover{background: #000; color: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- BLOG LIST PAGE --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*----------------------------*/
	/*- POST LIST ----------------*/
	.post-list{max-width: 1320px; padding: 0 10px; margin: auto; overflow: hidden; position: relative; }
	.post-list .post{float: left; width: 31%; margin-bottom: 30px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); transition: all 0.4s ease-in-out; list-style: none;}
	.post-list .book-cover{background: #fff; position: relative; transition: all .20s ease-in-out;}

	.post-list .post-image{overflow: hidden; margin: 0; position: relative; overflow: hidden;  margin: 0;}
	.post-list .post-image img{width: 100%; display: block; transition: all .1s ease-in-out;}
	.post-list .post-image img:hover{transform: scale(1.01); -webkit-transform: scale(1.01);}
	.post-list .post-image iframe{max-height: 240px;}

	.archives-container .post-list .post{width: 32.7%;}

		/*------------------------*/
		/*- BOOK CONTENT ---------*/
		.post-list .content{display: block; padding: 40px 40px 80px; background-color: #fff; position: relative;}

		.post-list .post-title{font-size: 2.7rem;}

		.post-list .post-author{width: 100%; padding: 10px 40px; font-size: 12px; font-style: italic; color: #999; position: absolute; bottom: 0; left: 0; background: #fff; border-top: 1px solid #eee;}
		.post-list .post-author a{color: #999; text-decoration: underline;}
		.post-list .post-author a:hover{color: #000;}

		.post-list .content .excerpt{margin-top: 20px; color: #777;}

	/*------------------------------*/
	/*- PAGINATION -----------------*/
	.pagination{max-width: 120px; margin: 60px auto 0; padding: 0; overflow: hidden; text-align: center;}
	.pagination li{display: inline;}
	.pagination a{display: inline-block; padding: 10px 20px; background: #fff; border: 1px solid #e0e0e0; font-weight: 700; font-size: 16px; color: #000;}
	.pagination a:hover{background: #333; border-color: #000; color: #fff;}
	.pagination span{font-size: italic; text-align: center;}
	.page-count{display: block; max-width: 120px; margin: 10px auto 60px; padding: 0; color: #999; font-size: 1.2rem; text-align: center;}

		/*------------------------------*/
		/*- INFINITE SCROLL --------------*/
		.infinite-scroll .pagination , .infinite-scroll .page-count{ display: none;}
		.infinite-loader { clear: both; position: absolute; bottom: 0; left: 50%; }


/*-------------------------------------------------------------------------------------------*/
/*- BLOG SINGE PAGE -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.single .post-image iframe{max-width: 660px; max-height: 380px;}

	/*----------------------------*/
	/*- COPY BLOCK ---------------*/
    .copy-container{max-width: 870px; margin: auto; padding: 0 20px; position: relative;}
	.copy{
		margin-bottom: 40px; z-index: 2; position: relative;
		font-family: "Nimbus Roman No9 L", "Source Han Serif SC", 'Source Han Serif CN VF', "Songti SC", "Noto Serif CJK SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
		font-size: 1.8rem; line-height: 2; text-align: justify; letter-spacing: .023em;
	}

	.full-width .copy{max-width: 96%;}

	.copy p{margin: 0 auto 28px;}
	.copy ul{list-style: disc; margin: 0 0 40px 28px;}
	.copy ol{list-style: decimal; margin: 0 0 40px 28px;}
	.copy ul ul, .copy ul ol, .copy ol ol, .copy ol ul{margin-bottom: 0;}
	.copy li{margin: 0 0 6px;}

    .copy a{color: #E1574C;}
	.copy a:hover{color: #B0453D;}

	.copy .feature-list{list-style: none; margin-left: 15px;}

	.copy dl{margin: 0 0 36px;}
	.copy dd{margin-left: 36px;}

	.copy div{margin-bottom: 35px;}

	.copy code, .copy pre{padding: 7px; margin: 0 0 40px 0; background-color: #f0f0f0; border: 1px solid #dadada; overflow-x: auto; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; text-indent: 0; font-family: 'Courier New', Courier, monospace; font-size: 1.3rem; color: #000; orphans: 2; text-transform: none; widows: 2;}
	.copy img{display: block;}

	.copy h1{margin-bottom: 25px; font-weight: 700; font-size: 30px; color: #000;}
	.copy h2{margin-bottom: 25px; font-weight: 700; font-size: 26px; color: #000;}
	.copy h3{margin-bottom: 25px; font-weight: 700; font-size: 22px; color: #000;}
	.copy h4{margin-bottom: 25px; font-weight: 700; font-size: 18px; color: #000;}
	.copy h5{display: inline-block; margin-bottom: 25px; border-bottom: 2px solid #999; font-weight: 700; color: #3D454E;}
	.copy h6{margin-bottom: 25px; font-weight: 700; font-size: 14px; color: #000;}

	.copy table{width: 100%; margin-bottom: 35px; background: #f5f5f5; color: #000; font-size: 16px;}
	.copy table th{padding: 5px 10px; border-bottom: 2px solid #ccc; text-transform: uppercase;}
	.copy table td{padding: 5px 10px; border-bottom: 1px solid #e0e0e0;}
	.copy table a{border: none;}

	.copy blockquote{padding: 20px; margin-bottom: 28px; background: #f0f0f0; color: #999; font-size: 2.0rem;}
	.copy blockquote p:last-child{margin-bottom: 0;}
	.copy blockquote.alignright{float: right; max-width: 405px; margin: 0 -175px 20px 20px;}
	.copy blockquote.alignleft{float: left; max-width: 320px; margin: 0 20px 20px -85px;}

    .wp-caption{max-width: 100%; padding: 10px; background: #f0f0f0;}
    .wp-caption.alignright, .copy img.alignright{float: right; max-width: 320px; margin: -10px -170px 10px 20px;}
    .wp-caption.alignleft{float: left; max-width: 320px; margin: 0 20px 10px 0;}
    .wp-caption p.wp-caption-text{padding: 10px 5px 5px; margin: 0; color: #777; font-size: 1.4rem;}
    .wp-caption.alignnone {margin: 5px 20px 20px 0;}

	/*------------------------------*/
	/*- WP GALLERIES ---------------*/
	.gallery{clear: both;}
	.gallery .gallery-item{position: relative; float: left; padding: 10px; margin: 0 1% 1% 0; background: #f0f0f0; text-align: center; overflow: hidden;}
	.gallery .gallery-item img{max-width: 100%; margin: auto;}
	.gallery-columns-9 .gallery-item{width: 32%;}
	.gallery-columns-8 .gallery-item{width: 11.5%; padding: 5px;}
	.gallery-columns-7 .gallery-item{width: 13.2%; padding: 5px;}
	.gallery-columns-6 .gallery-item{width: 15%;}
	.gallery-columns-5 .gallery-item{width: 19%;}
	.gallery-columns-4 .gallery-item{width: 24%;}
	.gallery-columns-3 .gallery-item{width: 32%;}
	.gallery-columns-2 .gallery-item{width: 49%;}

		/* A gallery image caption */
		.gallery .gallery-caption{display: block; width: 100%; padding: 5px 5px 10px; margin: 0; background: rgba(255, 255, 255, 0.95); opacity: 0; position: absolute; bottom: -5px; left: 0; color: #777; font-size: 1.2rem; transition: all 0.2s ease-in-out;}
		.gallery-item:hover .gallery-caption{opacity: 1; bottom: 0;}

		/* Definition lists elements */
		.gallery dl, .gallery dt{}

		/* Pick the second line break if two line breaks are adjacent */
		.gallery br+br{}


	/*----------------------------*/
	/*- POST PAGE META -----------*/
	.copy .post-meta:empty{display: none;}
	.copy .post-meta{margin: 50px 0 0; clear: both;}

		/*------------------------*/
		/*- POST DATE ------------*/
		.copy .post-date{margin: 0; padding: 0; border: none; font-size: 1.2rem; color: #999; font-style: italic; font-weight: normal;}

        /*------------------------*/
        /*- SHARE ----------------*/
		.copy .share-button{display: block; float: right; height: 28px; line-height: normal; margin: 0;}
		.copy .share-button ul li{height: 46px;}
        .copy .share-button label{background: #f5f5f5; color: #000; opacity: 1;}
        .copy .share-button:hover label{background: #000; color: #fff;}

		/*------------------------*/
		/*- TAGS -----------------*/
		.tags{max-width: 830px; margin: 0 auto 40px; text-transform: uppercase; font-size: 1.2rem; overflow: hidden;}
		.tags li{float: left; margin: 0 1px 1px 0;}
		.tags a{display: inline-block; padding: 4px 10px; background: #f0f0f0; color: #000; font-size: 1.2rem;}
		.tags a:hover{background: #333; color: #fff;}


		/*------------------------*/
		/*- NEXT PREV POST -------*/
		.next-prev-post-nav{max-width: 830px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 3px solid #e0e0e0; overflow: hidden;}
		.next-prev-post-nav small{display: block; margin: 0 0 0; padding: 0; color: #999; font-style: italic; font-size: 1.2rem;}
		.next-prev-post-nav li{float: left; width: 50%; transition: all .20s ease-in-out;}
		.next-prev-post-nav li:last-child{margin-bottom: 0; text-align: right;}
		.next-prev-post-nav a{display: block; font-weight: 700; font-size: 16px; color: #000; font-family: "Nimbus Roman No9 L", "Source Han Serif SC", 'Source Han Serif CN VF', "Songti SC", "Noto Serif CJK SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;}
		.next-prev-post-nav a:hover{color: #999;}

		/*------------------------*/
		/*- INNER POST PAGINATION */
		p.inner-post-pagination{display: inline-block; margin: 0; border: 1px solid #ccc; font-size: 1.4rem; overflow: hidden;}
		.inner-post-pagination span{float: left; margin-right: 1px; padding: 4px 10px; border-right: 1px solid #ccc;}
		.inner-post-pagination a:last-child span{border-right: none; margin-right: 0;}

	/*------------------------------*/
	/*- AUTHOR BIO -----------------*/
	.author-container{max-width: 830px; margin: 0 auto 40px; padding: 40px 0 0; border-top: 3px solid #e0e0e0; overflow: hidden;}
	.author-content{overflow: hidden;}
	.author-content .author-image{float: left; max-width: 100px; margin-right: 30px; border-radius: 100px; overflow: hidden;}
	.author-content .author-image img{display: block;}
	.author-content .author-body{overflow: hidden;}
	.author-content .author-name{margin-bottom: 10px; font-size: 2.0rem;}
	.author-content .author-bio{color: #777;}

	/*------------------------------*/
	/*- RELATED POSTS --------------*/
	.related-posts{background: #fff; padding: 20px; border-top: 1px solid #ccc;}
	.related-posts-title{display: block; max-width: 830px; margin: 0 auto; font-size: 2.0rem;}
	.related-post-list{max-width: 830px; margin: 0 auto;}
	.related-post-list li{padding: 40px 0; border-top: 3px solid #e0e0e0;}
	.related-post-list li:first-child{border-top: none;}
	.related-post-list .post-title{font-weight: 700; font-size: 16px; color: #000;}
	.related-post-list .post-author{display: block; margin: 0 0 0; padding: 0; color: #999; font-style: italic; font-size: 1.2rem;}

/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{clear: both; background: #f0f0f0; border-top: 1px solid #ccc; padding: 40px 20px;}
#comments .comments-title{max-width: 830px; margin: auto; margin-bottom: 20px; font-size: 2.0rem;}
.comments-area:empty{display: none;}

.commentlist{max-width: 830px; margin: 0 auto 60px;}

.comment{background: #e8e8e8; color: #595959; padding: 20px; margin: 0 0 5px; position: relative;}
.comment:last-child{border: none;}

.commentlist .avatar{float: left; max-width: 60px; margin-right: 15px;}
.commentlist .fn{display: block; padding: 0; margin: 0; color: #000; font-size: 1.6rem; text-transform: none; letter-spacing: normal;}
.commentlist .fn a{color: #000;}
.commentlist .fn a:hover{color: #999;}
.commentlist .date{display: block; margin-bottom: 5px; color: #999; font-size: 10px; text-transform: uppercase;}

.comment-meta{overflow: hidden;}
.comment-meta p{margin-bottom: 26px;}
.comment-meta p:last-of-type{margin-bottom: 0;}

.comment .comment-edit-link{display: block; font-size: 10px; text-transform: uppercase;}
.comment .reply a{padding: 0 10px; background: #f0f0f0; color: #000; position: absolute; top: 0; right: 0; font-size: 10px; text-transform: uppercase;}
.comment .reply a:hover{background: #000; color: #fff;}
#cancel-comment-reply-link { padding: 0 5px; background: #f0f0f0; position: absolute; right: 0; font-size: 10px; text-transform: uppercase; }

	/*-----------------------------*/
	/*- THREADED COMMENTS ---------*/
	.commentlist .children{margin-left: 75px; position: relative;}
	.commentlist .children .comment{border-top: 2px solid #d3d3d3;}
	.commentlist .children .comment-author{width: 40px;}

	/*-----------------------------*/
	/*- COMMENT FORM --------------*/
	.nocomments{padding: 5px 10px; background: #999; color: #fff; text-align: center;}

	#respond{max-width: 830px; margin: auto;}
	#respond #reply-title{margin-bottom: 5px; font-size: 2.0rem;}
	#respond .comment-notes, #respond .logged-in-as{margin-bottom: 20px; color: #999; font-size: 14px;}
	#respond .logged-in-as a{color: #999;}
	#respond .logged-in-as a:hover{color: #777;}

	#respond .required{color: #34495E;}
	#respond p{margin-bottom: 15px;}
	#respond .form-submit{margin: 0;}
	#respond label{color: #333;}
	#respond .form-allowed-tags{margin-bottom: 20px; color: #777; font-size: 1.2rem;}
	#respond .form-allowed-tags code{display: block; font-family: "Courier New", Courier, monospace; font-size: 1.2rem;}

	/*------------------------*/
	/*- COMMENT PAGINATION --*/
	.navigation{max-width: 830px; margin: -30px auto 40px; overflow: hidden;}

	.navigation .nav-previous, .navigation .nav-next{float: left; width: 50%; display: block; margin: 0 0 0; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 3px; font-size: 1.2rem;}
	.navigation .nav-next{float: right; text-align: right;}


	/*-----------------------------*/
	/*- DISQUS FORM ---------------*/
	#disqus_thread{max-width: 830px; margin: auto; margin-bottom: 20px; font-size: 2.0rem; text-transform: uppercase; letter-spacing: 3px;}


	/*-----------------------------*/
	/*- PING BACKS ----------------*/
	.pingback{background: #e8e8e8; color: #595959; padding: 20px; margin: 0 0 5px; position: relative;}
	.pingback:last-child{border: none;}


/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVES --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.archives_list li{padding: 20px 0; margin: 0; border-bottom: 1px dotted #ccc; overflow: hidden;}
.archives_list .archive-post-image{float: left; width: 100px; max-height: 100px; margin-right: 20px; position: relative; }
.archives_list .archive-post-image a{display: block; width: 100px; max-height: 100px; overflow: hidden; border-radius: 3px;}
.archives_list .archive-post-image img{display: block; position: relative; width: 100px; height: auto;}

.archives_list .date{background: none; text-align: left; margin: 0; font-size: 12px;}
.archives_list .post-title{font-size: 20px; margin-bottom: 15px;}
.archives_list .comment-count{font-weight: lighter; font-size: 12px; font-weight: 600;}
.archives_list .label{float: right; display: inline-block;}

.archives_list li:first-child{padding-top: 0;}


/*-------------------------------------------------------------------------------------------*/
/*- NANO SCROLLER ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.nano{position: relative; height: 100%; overflow: hidden;}

#sidebar-container .sidebar-content{width: 100%; padding-top: 10px; position: absolute; overflow: scroll; overflow-x: hidden; top: 0; bottom: 0; right: -70px; opacity: 0; transition: all 0.8s ease-in-out;}
#sidebar-container.open .sidebar-content{right: 0; opacity: 1;}

.nano .sidebar-content:focus { outline: thin dotted; }
.nano .sidebar-content::-webkit-scrollbar { visibility: hidden; }
.has-scrollbar .sidebar-content::-webkit-scrollbar { visibility: visible; }
.nano > .pane { background: rgba(0,0,0,.25); position: absolute; width: 10px; right: 0; top: 0; bottom: 0; visibility: hidden\9; /* Target only IE7 and IE8 with this hack */ opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.nano > .pane > .slider { background: #444; background: rgba(0,0,0,.5); position: relative; margin: 0 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.nano:hover > .pane, .pane.active, .pane.flashed { visibility: visible\9; /* Target only IE7 and IE8 with this hack */ opacity: 0.99; }


/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*----------------------*/
	/*- SIDEBAR STYLING ----*/
	#sidebar-container{font: 400 14px/24px 'Lato', Helvetica, Arial, sans-serif; color: #888;}
	#sidebar-container a{color: #888;}
	#sidebar-container a:hover{color: #fff;}

	/*----------------------*/
	/*- NAV OPTIONS --------*/
	.sidebar-content.expanded #nav{display: none;}
	.compact #nav.expanded{display: none;}

	/*----------------------*/
	/*- NAVIGATION ---------*/
	ul#nav{position: relative; padding: 0px 20px 30px; text-transform: uppercase;}
	ul#nav li a{display: block; padding: 5px 0;}

		/*----------------------*/
		/*- SUB MENU -----------*/
		#sidebar-container ul#nav ul.sub-menu,
		#sidebar-container ul#nav .children{display: block !important; visibility: visible !important; margin-left: 10px; text-transform: none;}
		#sidebar-container ul#nav ul.sub-menu li a,
		#sidebar-container ul#nav .children li a{color: #777;}
		#sidebar-container ul#nav ul.sub-menu li a:hover,
		#sidebar-container ul#nav .children li a:hover{color: #fff;}


	/*----------------------*/
	/*- WIDGETS ------------*/
	#sidebar-container .widget{padding: 20px 20px 30px;}
	#sidebar-container .widget li{margin-bottom: 5px;}
	#sidebar-container .widget li:last-child{margin-bottom: 0;}

	/*----------------------*/
	/*- WIDGETS ------------*/
	#sidebar-container .widget .children{margin: 5px 0 0; margin-left: 10px;}
	#sidebar-container .widget .children li:last-child{padding-bottom: 0; border-bottom: none;}

	/*--------------------------*/
	/*- WIDGET TITLE -----------*/
	.widgettitle{padding: 3px 20px; margin: -20px -20px 10px; font: 400 11px/20px 'Lato', Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #ccc;}
	.widgettitle a{color: #999;}
	.widgettitle a:hover{color: #fff;}

	/*-------------------------------------------*/
	/*- CONTENT WIDGET  -------------------------*/
	.content-widget ul{display: block; padding: 2.0408%; clear: both; border-width: 0 1px 1px 1px;}
	.content-widget li a.read-on{float: right; margin: 0 0 0 0;}
	.content-widget li .copy{padding-bottom: 10px;}
	.content-widget li .copy p{margin: 0;}
	.content-widget li img{display: block; width: 100%; height: auto;}
	.content-widget li .post-title{margin: 0;; font-size: 18px; font-weight: 700;}
	.content-widget li .post-image{margin-bottom: 15px;}

	/*--------------------------*/
	/*- SEARCH -----------------*/
	#searchform{overflow: hidden;}
	#searchform label{display: none;}
	#searchform input[type=text]{float: left; width: 70%; height: 30px; padding: 5px; font-size: 12px; background: #444; color: #fff; border: none;}
	#searchform input[type=submit]{float: right; width: 30%; height: 30px; padding: 0px 10px; background: #999; border-right: none; text-align: center; color: #fff; font-size: 11px;}
	#searchform input[type=submit]:hover{background: #999; color: #fff; cursor: pointer;}
	#archives .searchform{margin-bottom: 20px;}

	/*--------------------------*/
	/*- RECENT COMMENTS --------*/
	a.widget-comment{font-style: italic !important; display: block; font-size: 11px;}


	/*--------------------------*/
	/*- POPULAR POSTS ----------*/
	.popular_posts p{font-size: 10px; font-style: italic;}
	.popular_posts a{font-weight: 400;}
	.widget_popular_posts li a{display: block;}


	/*--------------------------*/
	/*- TWITTER ----------------*/
	.twitter-timeline{max-width: 100%;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*--------------------------*/
	/*- FOOTER TEXT ------------*/
	.footer-text{color: #777; overflow: hidden; text-align: center;}
	.footer-text a{color: #595959;}
	.footer-text a:hover{color: #000;}
	.copyright{font-size: 1.4rem; display: block;}
	.obox-credit{font-size: 1.2rem; margin-top: 10px; display: block;}

	.ad-wrapper{background: #f0f0f0; text-align: center;}