@charset "utf-8";
/*
 /$$$$$$$   /$$$$$$   /$$$$$$  /$$$$$$  /$$$$$$        /$$$$$$$   /$$$$$$   /$$$$$$  /$$$$$$$$        /$$$$$$  /$$$$$$$$ /$$$$$$$$ /$$   /$$ /$$$$$$$ 
| $$__  $$ /$$__  $$ /$$__  $$|_  $$_/ /$$__  $$      | $$__  $$ /$$__  $$ /$$__  $$| $$_____/       /$$__  $$| $$_____/|__  $$__/| $$  | $$| $$__  $$
| $$  \ $$| $$  \ $$| $$  \__/  | $$  | $$  \__/      | $$  \ $$| $$  \ $$| $$  \__/| $$            | $$  \__/| $$         | $$   | $$  | $$| $$  \ $$
| $$$$$$$ | $$$$$$$$|  $$$$$$   | $$  | $$            | $$$$$$$/| $$$$$$$$| $$ /$$$$| $$$$$         |  $$$$$$ | $$$$$      | $$   | $$  | $$| $$$$$$$/
| $$__  $$| $$__  $$ \____  $$  | $$  | $$            | $$____/ | $$__  $$| $$|_  $$| $$__/          \____  $$| $$__/      | $$   | $$  | $$| $$____/ 
| $$  \ $$| $$  | $$ /$$  \ $$  | $$  | $$    $$      | $$      | $$  | $$| $$  \ $$| $$             /$$  \ $$| $$         | $$   | $$  | $$| $$      
| $$$$$$$/| $$  | $$|  $$$$$$/ /$$$$$$|  $$$$$$/      | $$      | $$  | $$|  $$$$$$/| $$$$$$$$      |  $$$$$$/| $$$$$$$$   | $$   |  $$$$$$/| $$      
|_______/ |__/  |__/ \______/ |______/ \______/       |__/      |__/  |__/ \______/ |________/       \______/ |________/   |__/    \______/ |__/      
*/

li {
	list-style-type: none;
}
body {
	font-family: "Georgia", Serif;
	font-size: 18px;
	line-height: 33px;
	font-weight: normal;
}
h1 {
	font-family: 'Satoshi', Helvetica, Arial, sans-serif !important;
	font-weight: 900 !important;
	font-style: normal !important;
	letter-spacing: 0px;
	position: fixed;
	text-align: left;
	right: -50px;
	top: 100px;
	font-size: 50px;
	color: #05081e;
	opacity: 0.05 !important;
	z-index: -1000;
	/* Debug: Force font loading */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
h2 {
	font-family: 'Satoshi', Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 100px;
	line-height: 120px;
	letter-spacing: -2px;
}
.about_top_padding {
	padding-top: 300px;
}
.post_padding {
	padding-top: 250px;
}
.post_title {
	font-size: 16px;
	padding-top: 10px;
	font-family: 'Satoshi', Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.post_para {
	font-size: 12px;
	padding-top: 10px;
}
/*
 /$$      /$$ /$$$$$$$$ /$$$$$$$  /$$$$$$  /$$$$$$         /$$$$$$  /$$   /$$ /$$$$$$$$ /$$$$$$$  /$$$$$$ /$$$$$$$$  /$$$$$$ 
| $$$    /$$$| $$_____/| $$__  $$|_  $$_/ /$$__  $$       /$$__  $$| $$  | $$| $$_____/| $$__  $$|_  $$_/| $$_____/ /$$__  $$
| $$$$  /$$$$| $$      | $$  \ $$  | $$  | $$  \ $$      | $$  \ $$| $$  | $$| $$      | $$  \ $$  | $$  | $$      | $$  \__/
| $$ $$/$$ $$| $$$$$   | $$  | $$  | $$  | $$$$$$$$      | $$  | $$| $$  | $$| $$$$$   | $$$$$$$/  | $$  | $$$$$   |  $$$$$$ 
| $$  $$$| $$| $$__/   | $$  | $$  | $$  | $$__  $$      | $$  | $$| $$  | $$| $$__/   | $$__  $$  | $$  | $$__/    \____  $$
| $$\  $ | $$| $$      | $$  | $$  | $$  | $$  | $$      | $$/$$ $$| $$  | $$| $$      | $$  \ $$  | $$  | $$       /$$  \ $$
| $$ \/  | $$| $$$$$$$$| $$$$$$$/ /$$$$$$| $$  | $$      |  $$$$$$/|  $$$$$$/| $$$$$$$$| $$  | $$ /$$$$$$| $$$$$$$$|  $$$$$$/
|__/     |__/|________/|_______/ |______/|__/  |__/       \____ $$$ \______/ |________/|__/  |__/|______/|________/ \______/ 
                                                               \__/                                                          
*/


/* MEDIA QUERIES 2560px MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MEDIA QUERIES 2560px 
  ___    _____     __     ___  
 |__ \  | ____|   / /    / _ \ 
    ) | | |__    / /_   | | | |
   / /  |___ \  | '_ \  | | | |
  / /_   ___) | | (_) | | |_| |
 |____| |____/   \___/   \___/                             
*/

@media all and (max-width: 2560px) {
	.container {
		max-width: 1000px;
		margin-left: 15%;
		margin-right: 30%;
	}
    
}

/* MEDIA QUERIES 1920px MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MEDIA QUERIES 1920px 
  __    ___    ___     ___  
 /_ |  / _ \  |__ \   / _ \ 
  | | | (_) |    ) | | | | |
  | |  \__, |   / /  | | | |
  | |    / /   / /_  | |_| |
  |_|   /_/   |____|  \___/ 
*/


@media all and (max-width: 1920px) {
	.container {
		max-width: 800px;
		margin-left: 20%;
		margin-right: 20%;
	}
}
/* MEDIA QUERIES 1366px MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM  MEDIA QUERIES 1366px 
  __   ____      __      __  
 /_ | |___ \    / /     / /  
  | |   __) |  / /_    / /_  
  | |  |__ <  | '_ \  | '_ \ 
  | |  ___) | | (_) | | (_) |
  |_| |____/   \___/   \___/ 
*/

@media all and (max-width: 1366px) {}
/* ++END++ */

/* MEDIA QUERIES 64em MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MEDIA QUERIES 64em 
    __    _  _   
   / /   | || |  
  / /_   | || |_ 
 | '_ \  |__   _|
 | (_) |    | |  

  \___/     |_|  
*/

@media all and (max-width: 64em) {
    h1 {
        right: -80px;
        font-size: 45px;
    }	    
    
}
/* ++END++ */

/* MEDIA QUERIES 48em MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MEDIA QUERIES 48em 
  _  _      ___  
 | || |    / _ \ 
 | || |_  | (_) |
 |__   _|  > _ < 
    | |   | (_) |
    |_|    \___/ 
*/

@media all and (max-width: 48em) {
	.container {
		margin-left: 0px;
		margin: 0 auto;
		max-width: 100%;
		margin: 0 15% 0 15%;
		padding-right: 30px;
		padding-left: 30px;
	}
    h1 {
        right: -90px;
    }    
}
/* ++END++ */

/* MEDIA QUERIES 36em MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MEDIA QUERIES 36em 
  ____      __  
 |___ \    / /  
   __) |  / /_  
  |__ <  | '_ \ 
  ___) | | (_) |
 |____/   \___/ 
*/

@media all and (max-width: 36em) {
	h2 {
		font-size: 50px;
		line-height: 60px;
		letter-spacing: -2px;
	}
	body {
		font-size: 14px;
		line-height: 30px;
		font-weight: normal;
	}
	.about_top_padding {
		padding-top: 150px;
	}
	.post_padding {
		padding-top: 100px;
	}
	.post_title {
		font-size: 12px;
		padding-top: 10px;
	}
	.container {
		margin-left: 0px;
		margin: 0 auto;
		max-width: 100%;
		margin: 0 0 0 0;
		padding-right: 30px;
		padding-left: 30px;
	}
}

/* RANDOM IDEAS PAGE BOTTOM NAVIGATION ============================================================================== */
/* Override the default hover text for random ideas page navigation */
#nav-prev a:hover:before {
	content: "精選作品";
}

#nav-next a:hover:before {
	content: "關於";
}
/* ++END++ */