/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
@import url("https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreen.css");

:root {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	/* Screen version */
	font-family: "LXGW WenKai Screen", sans-serif;
}

hr {
	height: 0
}

abbr[title] {
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-family: "LXGW WenKai Screen", Courier, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	padding: 0
}

progress {
	vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: .5rem 0 1.5rem;
	font-family: LXGW WenKai Screen, Helvetica, Arial, sans-serif
}

.h1,
h1 {
	font-size: 2rem;
	line-height: 1.25
}

@media (min-width:43.75em) {

	.h1,
	h1 {
		font-size: 2.5rem;
		line-height: 1.125
	}
}

@media (min-width:56.25em) {

	.h1,
	h1 {
		font-size: 3em;
		line-height: 1.05
	}
}

.h2,
h2 {
	font-size: 1.625em;
	line-height: 1.15384615
}

@media (min-width:43.75em) {

	.h2,
	h2 {
		font-size: 2em;
		line-height: 1.25
	}
}

@media (min-width:56.25em) {

	.h2,
	h2 {
		font-size: 2.25em;
		line-height: 1.25
	}
}

.h3,
h3 {
	font-size: 1.375em;
	line-height: 1.13636364
}

@media (min-width:43.75em) {

	.h3,
	h3 {
		font-size: 1.5em;
		line-height: 1.25
	}
}

@media (min-width:56.25em) {

	.h3,
	h3 {
		font-size: 1.75em;
		line-height: 1.25
	}
}

.h4,
h4 {
	font-size: 1.125em;
	line-height: 1.11111111
}

@media (min-width:43.75em) {

	.h4,
	h4 {
		line-height: 1.22222222
	}
}

blockquote {
	font-size: 1.25em;
	line-height: 1.25;
	padding: 0
}

@media (min-width:43.75em) {
	blockquote {
		font-size: 1.5em;
		line-height: 1.45833333
	}
}

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

body {
	font-family: LXGW WenKai Screen, Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.75;
	font-size: 100%;
	color: #000;
	overflow-x: hidden;
	margin: 0
}

@media screen and (min-width:768px) {
	body {
		font-size: 112.5%
	}
}

body p,
body ul {
	margin: 0 0 2rem
}

::-moz-selection {
	background: purple;
	color: #fff
}

::selection {
	background: purple;
	color: #fff
}

audio,
iframe,
img,
object,
video {
	max-width: 100%
}

a {
	color: purple
}

a:hover {
	color: #340034
}

.noList {
	list-style: none;
	padding-left: 0;
	margin-left: 0
}

dt {
	font-weight: 700
}

dd {
	margin: 0 0 1.5rem
}

.half main {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

@media screen and (min-width:768px) {
	.half main {
		-ms-flex-direction: row;
		flex-direction: row;
		height: 100vh;
		width: 100vw;
		-ms-flex-align: stretch;
		align-items: stretch
	}
}

.half main .pageTitle {
	color: purple;
	font-weight: 300
}

.half main>div {
	padding: 20px
}

@media screen and (min-width:768px) {
	.half main>div {
		-ms-flex: 1;
		flex: 1;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 50px
	}
}

.half .socialLinks__link {
	background-color: transparent;
	display: inline-block;
	position: relative;
	font-family: LXGW WenKai Screen, Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: purple;
	font-size: .9em;
	line-height: 1.2em;
	font-weight: 300;
	padding: .5em 1.5em;
	border: 1px solid purple;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: .5em;
	transition: background-color .14s ease-in-out
}

.half .socialLinks__link:focus,
.half .socialLinks__link:hover {
	color: #fff;
	text-decoration: none;
	background-color: purple
}

.half__content {
	-ms-flex-order: 2;
	order: 2
}

@media screen and (min-width:768px) {
	.half__content.half--left {
		-ms-flex-order: 1;
		order: 1;
		-ms-flex-preferred-size: 0.75;
		flex-basis: 0.75;
		max-width: 40vw
	}
}

.half__image {
	min-height: 50vh;
	-ms-flex-order: 1;
	order: 1;
	background-size: cover;
	background-position: 50%
}

@media screen {
	.half__image {
		background-image: url(/assets/img/bg.jpg)
	}
}

/*
根据屏幕大小调整图片尺寸，使用下面的话请将上面的删除

@media screen and (max-width:800px) {
	.half__image {
		background-image: url(/assets/img/half-sm.jpg)
	}
}

@media screen and (min-width:801px) and (max-width:1200px) {
	.half__image {
		background-image: url(/assets/img/half-md.jpg)
	}
}

@media screen and (min-width:1200px) {
	.half__image {
		background-image: url(/assets/img/half-lg.jpg)
	}
}

*/


/*
以下是full和card的css

.full {
	min-height: 100vh;
	background-color: #213334
}

.full,
.full .socialLinks__link {
	color: #fff;
	font-family: LXGW WenKai Screen, Helvetica, Arial, sans-serif;
	font-weight: 300
}

.full .socialLinks__link {
	background-color: transparent;
	display: inline-block;
	position: relative;
	text-decoration: none;
	font-size: .9em;
	line-height: 1.2em;
	padding: .5em 1.5em;
	border: 1px solid #fff;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: .5em;
	transition: background-color .14s ease-in-out
}

.full .socialLinks__link:focus,
.full .socialLinks__link:hover {
	color: #000;
	text-decoration: none;
	background-color: #fff
}

.full__image {
	background-size: cover;
	background-position: 50%
}

@media screen and (max-width:800px) {
	.full__image {
		background-image: url(/assets/img/full-sm.jpg)
	}
}

@media screen and (min-width:801px) and (max-width:1200px) {
	.full__image {
		background-image: url(/assets/img/full-md.jpg)
	}
}

@media screen and (min-width:1200px) {
	.full__image {
		background-image: url(/assets/img/full-lg.jpg)
	}
}

@media screen and (min-width:768px) {
	.full__image {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100vw;
		height: 100vh
	}
}

@media screen and (min-width:768px) {
	.full main {
		display: -ms-flexbox;
		display: flex;
		height: 100vh;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

.full main.content--left {
	-ms-flex-pack: start;
	justify-content: flex-start
}

.full main.content--center {
	-ms-flex-pack: center;
	justify-content: center
}

.full__content {
	padding: 20px
}

@media screen and (min-width:768px) {
	.full__content {
		max-width: 50vw;
		z-index: 1;
		position: relative
	}
}

.full__image {
	min-height: 50vh;
	-ms-flex-order: 1;
	order: 1
}

.card {
	min-height: 100vh;
	font-family: LXGW WenKai Screen, Helvetica, Arial, sans-serif;
	font-weight: 300;
	background-color: #213334;
	background-size: cover;
	background-position: 50%
}

@media screen and (max-width:800px) {
	.card {
		background-image: url(/assets/img/card-sm.jpg)
	}
}

@media screen and (min-width:801px) and (max-width:1200px) {
	.card {
		background-image: url(/assets/img/card-md.jpg)
	}
}

@media screen and (min-width:1200px) {
	.card {
		background-image: url(/assets/img/card-lg.jpg)
	}
}

.card .pageTitle {
	color: purple;
	position: relative;
	padding-top: 1.25rem
}

.card .pageTitle:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 6.25rem;
	height: .4375rem;
	background-color: purple;
	display: block
}

.card .socialLinks__link {
	background-color: transparent;
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: purple;
	font-size: .9em;
	line-height: 1.2em;
	font-weight: 300;
	padding: .5em 1.5em;
	border: 1px solid purple;
	border-radius: 4px;
	cursor: pointer;
	margin-bottom: .5em;
	transition: background-color .14s ease-in-out;
	font-family: LXGW WenKai Screen, Helvetica, Arial, sans-serif
}

.card .socialLinks__link:focus,
.card .socialLinks__link:hover {
	color: #fff;
	text-decoration: none;
	background-color: purple
}

@media screen and (max-width:768px) {
	.card main {
		margin: 10%
	}
}

@media screen and (min-width:768px) {
	.card main {
		height: 100vh;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.card__content {
	padding: 40px;
	background-color: #fff;
	border-radius: .625rem
}

@media screen and (min-width:768px) {
	.card__content {
		max-width: 37.5rem;
		z-index: 1;
		position: relative
	}
}

.card__image {
	min-height: 50vh;
	-ms-flex-order: 1;
	order: 1
}

*/