/* Technetium PHP Framework version 2.8
   Author:Tony Leung
   E-mail:info@technetium.info */

@charset "utf-8";

*, *:before, *:after {
	box-sizing:border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-weight:300;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
html {
	font-size:18pt;
}
body {
	min-width:320px;
	min-height:100vh;
	overflow-x:hidden;
	font-family:'Lato', 'Noto Sans TC', Arial, '微軟正黑體', 'sans-serif';
	font-weight:300;
	color:#F9F3F1;
	line-height:1.5;
	word-wrap:break-word;
	-webkit-text-size-adjust:none
}
body:before {
	content:'';
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:0;
	-moz-pointer-events:none;
	-webkit-pointer-events:none;
	-ms-pointer-events:none;
	pointer-events:none;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	background-image:linear-gradient(to top, rgba(255,255,255,0.29), rgba(255,255,255,0.29)), url('../../images/cover.jpg');
	background-position:0% 0%, center;
	background-repeat:repeat, no-repeat;
	background-size:auto, cover;
	background-attachment:scroll;
	background-color:#FFFFFF;
}
body:after {
	display:block;
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	z-index:1;
	opacity:0;
	visibility:hidden;
	-moz-transition:opacity 2s ease-in-out 0.375s, visibility 2s 0.375s;
	-webkit-transition:opacity 2s ease-in-out 0.375s, visibility 2s 0.375s;
	-ms-transition:opacity 2s ease-in-out 0.375s, visibility 2s 0.375s;
	transition:opacity 2s ease-in-out 0.375s, visibility 2s 0.375s;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
body.is-loading:after {
	opacity:1;
	visibility:visible;
}
h4 {
	font-size:1.25rem;
	font-weight:500;
}
p {
	margin-top:1rem;
	margin-bottom:1rem;
}
html[lang=en-us] p {
	text-align:justify;
}
ol, ul {
	margin-top:1rem;
	margin-bottom:1rem;
	list-style:none;
}
li:not(:last-child) {
	margin-bottom:0.5rem;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	color:inherit;
	text-decoration:none;
	-moz-transition:color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	-webkit-transition:color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	-ms-transition:color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	transition:color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
a:hover {
	color:#F4E4D9;
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
mark {
	background-color:transparent;
	color:inherit
}
input::-moz-focus-inner {
	border:0;
	padding:0
}
input[type="text"], input[type="email"], select, textarea {
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	appearance:none
}
code {
	font-family:'Lucida Console', 'Courier New', 'monospace';
	font-weight:normal;
	text-indent:0;
	letter-spacing:0;
	font-size:0.9em;
	margin:0 0.25em;
	padding:0.25em 0.5em;
	background-color:rgba(144,144,144,0.25);
	border-radius:0.25em;
}
mark {
	background-color:rgba(144,144,144,0.25);
}
strong {
	color:inherit;
	font-weight:bolder;
}
em {
	font-style:italic;
}
u {
	text-decoration:underline;
}
s {
	text-decoration:line-through;
}
[title] {
	cursor:help;
}
#wrapper {
	-webkit-overflow-scrolling:touch;
	display:-moz-flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
	-moz-flex-direction:column;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	min-height:100vh;
	position:relative;
	z-index:2;
	overflow:hidden;
	padding:2.5rem 2.5rem 2.5rem 2.5rem;
}
#main {
	max-width:100%;
	box-shadow:0rem 1.125rem 4.125rem 0rem rgba(0,0,0,0.451);
	border-radius:0.625rem 0.625rem 0.625rem 0.625rem;
	background-position:0% 0%;
	background-repeat:repeat;
	background-size:cover;
	background-image:linear-gradient(103deg, #422918 0%, #72482A 100%);
	position:relative;
	display:-moz-flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
	-moz-flex-grow:0;
	-webkit-flex-grow:0;
	-ms-flex-grow:0;
	flex-grow:0;
	-moz-flex-shrink:0;
	-webkit-flex-shrink:0;
	-ms-flex-shrink:0;
	flex-shrink:0;
	z-index:1;
	-moz-transition:opacity 0.75s ease 0.125s, -moz-transform 0.75s ease 0.125s;
	-webkit-transition:opacity 0.75s ease 0.125s, -webkit-transform 0.75s ease 0.125s;
	-ms-transition:opacity 0.75s ease 0.125s, -ms-transform 0.75s ease 0.125s;
	transition:opacity 0.75s ease 0.125s, transform 0.75s ease 0.125s;
}
#main > .language {
	position:absolute;
	top:40px;
	right:40px;
	margin:0;
	display:flex;
	z-index:9;
}
#main > .language li {
	margin:0;
	line-height:1;
}
#main > .language li:not(:first-child) {
	padding-left:10px;
}
#main > .language li:not(:last-child) {
	padding-right:10px;
	border-right:1px solid #FFFFFF;
}
#main > .inner {
	width:42rem;
	max-width:100%;
	position:relative;
	padding:3rem 4rem;
	border-radius:inherit;
	z-index:1;
}
#main > .inner > .full {
	margin-left:calc(-4rem);
	width:calc(100% + 8rem + 0.4725px);
	max-width:calc(100% + 8rem + 0.4725px);
}
#main > .inner > .full:first-child {
	margin-top:-5rem !important;
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
}
#main > .inner > .full:last-child {
	margin-bottom:-5rem !important;
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit;
}
#main > .inner > .full.screen {
	width:100vw;
	max-width:100vw;
	position:relative;
	border-radius:0 !important;
	left:50%;
	right:auto;
	margin-left:-50vw;
}
body.is-loading #main {
	opacity:0;
	-moz-transform:scale(0.975);
	-webkit-transform:scale(0.975);
	-ms-transform:scale(0.975);
	transform:scale(0.975);
}
.container > .inner {
	vertical-align:top;
	position:relative;
	max-width:100%;
	border-radius:inherit;
}
#main .container.full:first-child > .inner {
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
}
#main .container.full:last-child > .inner {
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit;
}
#columns01 > .inner {
	text-align:left;
	padding:0rem 0rem;
	width:38rem;
	background-color:transparent;
	display:-moz-inline-flex;
	display:-webkit-inline-flex;
	display:-ms-inline-flex;
	display:inline-flex;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
}
#columns01 > .inner > * {
	-moz-flex-shrink:0;
	-webkit-flex-shrink:0;
	-ms-flex-shrink:0;
	flex-shrink:0;
	-moz-flex-grow:0;
	-webkit-flex-grow:0;
	-ms-flex-grow:0;
	flex-grow:0;
	max-width:100%;
	padding:0 0 0 2rem;
}
#columns01 > .inner > :nth-child(1) {
	width:calc(60% + 1rem);
}
#columns01 > .inner > :nth-child(2) {
	width:calc(40% + 1rem);
	text-align:right;
}
#columns01 > .inner > * > * {
	margin-top:1rem;
	margin-bottom:1rem;
}
#columns01 > .inner > * > *:first-child {
	margin-top:0 !important;
}
#columns01 > .inner > * > *:last-child {
	margin-bottom:0 !important;
}
#columns01 > .inner > *:first-child {
	margin-left:-2rem;
}
#columns01 > .inner > * > .full {
	margin-left:calc(-1rem);
	width:calc(100% + 2rem + 0.4725px);
	max-width:none;
}
#columns01 > .inner > *:first-child > .full {
	margin-left:calc(0rem);
	width:calc(100% + 1rem + 0.4725px);
}
#columns01 > .inner > *:last-child > .full {
	width:calc(100% + 1rem + 0.4725px);
}
#columns01 > .inner > * > .full:first-child {
	margin-top:calc(0rem) !important;
}
#columns01 > .inner > * > .full:last-child {
	margin-bottom:calc(0rem) !important;
}
#columns01 > .inner > .full {
	align-self:stretch;
}
#columns01 > .inner > .full:first-child {
	border-top-left-radius:inherit;
	border-bottom-left-radius:inherit;
}
#columns01 > .inner > .full:last-child {
	border-top-right-radius:inherit;
	border-bottom-right-radius:inherit;
}
#columns01 > .inner > .full > .full:first-child:last-child {
	height:calc(100% + 0rem);
	border-radius:inherit;
}
#columns01 > .inner > .full > .full:first-child:last-child img {
	position:absolute;
	width:100%;
	height:100%;
}
#columns01 > .inner > .full > .full:first-child:last-child a, #columns01 > .inner > .full > .full:first-child:last-child span, #columns01 > .inner > .full > .full:first-child:last-child img {
	height:100%;
	border-radius:inherit;
}
.avatar {
	width:12rem;
	max-width:100%;
	overflow:hidden;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.avatar a, .avatar span {
	position:relative;
	max-width:100%;
	display:inline-block;
	vertical-align:top;
}
.avatar a img, .avatar span img {
	display:block;
}
.avatar img {
	width:100%;
	border-radius:100%;
	vertical-align:top;
	display:inline-block;
}
.avatar a, .avatar span {
	border-radius:100%;
}
.page-title {
	width:100%;
	font-size:2.25em;
	font-weight:400;
	letter-spacing:-0.05rem;
	line-height:1.25;
}
.icons {
	cursor:default;
	padding:0;
	letter-spacing:0;
	font-size:1.25em;
	width:calc(100% + 0.75rem);
	margin-left:-0.375rem;
}
.icons li {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index:1;
	margin:0.375rem;
}
.icons li a {
	width:2em;
	height:2em;
	border:solid 1px rgba(255,255,255,0.459);
	border-radius:100%;
	color:inherit;
	text-decoration:none;
	display:-moz-flex;
	display:-webkit-flex;
	display:-ms-flex;
	display:flex;
	-moz-align-items:center;
	-webkit-align-items:center;
	-ms-align-items:center;
	align-items:center;
	-moz-justify-content:center;
	-webkit-justify-content:center;
	-ms-justify-content:center;
	justify-content:center;
}
.icons li a:hover {
	border-color:#F4E4D9;
	color:#F4E4D9;
}
.icons li a .label {
	display:none;
}
.biography p a {
	text-decoration:underline;
}
.copyright {
	margin-top:1rem;
	font-size:0.75rem;
}
@media (max-width:1680px) {
	html {
		font-size:13pt;
	}
	#main > .language {
		top:30px;
		right:30px;
	}
}
@media (max-width:980px) {
	html {
		font-size:11pt;
	}
}
@media (max-width:767px) {
	#wrapper {
		padding:2rem 2rem 2rem 2rem;
	}
	#main > .language {
		top:20px;
		right:20px;
	}
	#main > .inner {
		padding:3.5rem 2rem;
	}
	#main > .inner > * {
		margin-top:1rem;
		margin-bottom:1rem;
	}
	#main > .inner > .full {
		margin-left:calc(-2rem);
		width:calc(100% + 4rem + 0.4725px);
		max-width:calc(100% + 4rem + 0.4725px);
	}
	#main > .inner > .full:first-child {
		margin-top:-3.5rem !important;
	}
	#main > .inner > .full:last-child {
		margin-bottom:-3.5rem !important;
	}
	#main > .inner > .full.screen {
		margin-left:-50vw;
	}
	#columns01 > .inner {
		text-align:center !important;
		padding:0rem 0rem;
		-moz-flex-direction:column-reverse !important;
		-webkit-flex-direction:column-reverse !important;
		-ms-flex-direction:column-reverse !important;
		flex-direction:column-reverse !important;
		-moz-flex-wrap:nowrap !important;
		-webkit-flex-wrap:nowrap !important;
		-ms-flex-wrap:nowrap !important;
		flex-wrap:nowrap !important;
	}
	#columns01 > .inner h1,
	#columns01 > .inner h2,
	#columns01 > .inner h3,
	#columns01 > .inner p {
		text-align:inherit !important;
	}
	#columns01 > .inner > :nth-child(1) {
		width:calc(60% + 0.75rem);
		width:100% !important;
		min-height:100% !important;
		text-align:inherit !important;
	}
	#columns01 > .inner > :nth-child(2) {
		width:calc(40% + 0.75rem);
		width:100% !important;
		min-height:100% !important;
		text-align:inherit !important;
	}
	#columns01 > .inner > * > * {
		margin-top:1rem;
		margin-bottom:1rem;
	}
	#columns01 > .inner > * {
		padding:0 0 0 1.5rem;
		padding:0.75rem 0 !important;
	}
	#columns01 > .inner > *:first-child {
		margin-left:-1.5rem;
		margin-left:0 !important;
		padding-bottom:0 !important;
	}
	#columns01 > .inner > *:last-child {
		padding-top:0 !important;
	}
	#columns01 > .inner > * > .full {
		margin-left:calc(0rem);
		width:calc(100% + 0rem + 0.4725px);
		margin-left:calc(0rem);
		width:calc(100% + 0rem + 0.4725px);
	}
	#columns01 > .inner > *:first-child > .full {
		margin-left:calc(0rem);
		width:calc(100% + 0rem + 0.4725px);
		margin-left:calc(0rem);
		width:calc(100% + 0rem + 0.4725px);
	}
	#columns01 > .inner > *:last-child > .full {
		margin-left:calc(0rem);
		width:calc(100% + 0rem + 0.4725px);
		margin-left:calc(0rem);
		width:calc(100% + 0rem + 0.4725px);
	}
	#columns01 > .inner > * > .full:first-child {
		margin-top:-1rem !important;
		margin-top:-0.75rem !important;
	}
	#columns01 > .inner > * > .full:last-child {
		margin-bottom:-1rem !important;
		margin-bottom:-0.75rem !important;
	}
	#columns01 > .inner > *:last-child > .full:first-child {
		margin-top:calc(0rem) !important;
		margin-top:calc(0rem) !important;
	}
	#columns01 > .inner > *:first-child > .full:last-child {
		margin-bottom:calc(0rem) !important;
		margin-bottom:calc(0rem) !important;
	}
	#columns01 > .inner > *:last-child,
	#columns01 > .inner > *:last-child > .full:first-child {
		border-top-left-radius:inherit;
		border-top-right-radius:inherit;
	}
	#columns01 > .inner > *:first-child,
	#columns01 > .inner > *:first-child > .full:last-child {
		border-bottom-left-radius:inherit;
		border-bottom-right-radius:inherit;
	}
	#columns01 > .inner > *:last-child,
	#columns01 > .inner > *:last-child > .full:last-child {
		border-bottom-right-radius:0 !important;
	}
	#columns01 > .inner > *:first-child,
	#columns01 > .inner > *:first-child > .full:first-child {
		border-top-left-radius:0 !important;
	}
	#columns01 > .inner > .full > .full:first-child:last-child {
		height:auto;
	}
	#columns01 > .inner > .full > .full:first-child:last-child img {
		position:relative;
		width:100%;
		height:auto;
	}
	#columns01 > .inner > .full > .full:first-child:last-child a,
	#columns01 > .inner > .full > .full:first-child:last-child span,
	#columns01 > .inner > .full > .full:first-child:last-child img {
		height:auto;
	}
	.avatar {
		max-width:8rem;
	}
	.page-title {
		width:100%;
		margin-top:0rem !important;
		margin-bottom:0.5rem !important;
		font-size:2.25em;
		letter-spacing:-0.04375rem;
		line-height:1.25;
	}
}
@media (max-width:480px) {
	#wrapper {
		padding:1rem 1rem 1rem 1rem;
	}
	#main > .inner > * {
		margin-top:0.875rem;
		margin-bottom:0.875rem;
	}
	#columns01 > .inner > * > * {
		margin-top:0.875rem;
		margin-bottom:0.875rem;
	}
}
@media (max-width:360px) {
	#wrapper {
		padding:0.5rem 0.5rem 0.5rem 0.5rem;
	}
	#main > .inner {
		padding:2.625rem 1.5rem;
	}
	#main > .inner > * {
		margin-top:0.75rem;
		margin-bottom:0.75rem;
	}
	#main > .inner > .full {
		margin-left:calc(-1.5rem);
		width:calc(100% + 3rem + 0.4725px);
		max-width:calc(100% + 3rem + 0.4725px);
	}
	#main > .inner > .full:first-child {
		margin-top:-2.625rem !important;
	}
	#main > .inner > .full:last-child {
		margin-bottom:-2.625rem !important;
	}
	#main > .inner > .full.screen {
		margin-left:-50vw;
	}
	#columns01 > .inner {
		padding:0rem 0rem;
	}
	#columns01 > .inner > * > * {
		margin-top:0.75rem;
		margin-bottom:0.75rem;
	}
	#columns01 > .inner > * > .full {
		margin-left:calc(-0rem);
		width:calc(100% + 0rem + 0.4725px);
	}
	#columns01 > .inner > *:first-child > .full {
		margin-left:calc(-0rem);
		width:calc(100% + 0rem + 0.4725px);
	}
	#columns01 > .inner > *:last-child > .full {
		margin-left:calc(-0rem);
		width:calc(100% + 0rem + 0.4725px);
	}
	#columns01 > .inner > * > .full:first-child {
		margin-top:-0.75rem !important;
	}
	#columns01 > .inner > * > .full:last-child {
		margin-bottom:-0.75rem !important;
	}
	#columns01 > .inner > *:last-child > .full:first-child {
		margin-top:calc(-0rem) !important;
	}
	#columns01 > .inner > *:first-child > .full:last-child {
		margin-bottom:calc(-0rem) !important;
	}
	.page-title {
		font-size:2em;
	}
	.icons {
		width:calc(100% + 0.5625rem);
		margin-left:-0.28125rem;
	}
	.icons li {
		margin:0.28125rem;
	}
}