/**
 * Lamark
 *
 * Creative Portfolio Template
 *
 * v1.1.2
 * By Amcode
 */



/**
 * [TABLE OF CONTENTS]
 *
 * - BASICS
 * - LAYOUT
 * - TYPOGRAPHY
 * - LISTS
 * - FORMS
 * - BUTTONS
 * - MISC
 */



/** == BASICS == */
/** ================================================== */

	html { font-size: 62.5%; }

	body {
		font-family: 'Microsoft YaHei', sans-serif;
		font-size: 1.4em;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: 0.05em;
		color: #1E2023;
		background: #FFFFFF;

		-webkit-font-smoothing: antialiased;
	}

	*,
	*:before,
	*:after {
		margin: 0;
		padding: 0;
		outline: none;
		border: none;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	::selection {
		color: #FFFFFF;
		background: #1E2023;
	}

	::-moz-selection {
		color: #FFFFFF;
		background: #1E2023;
	}



/** == LAYOUT == */
/** ================================================== */

	.container {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	.container2 {
		width: 800px;
		margin: 0 auto;
		position: relative;
	}

	.column {
		float: left;
		padding: 0 25px;
		position: relative;
	}

	.column.col-1 { width: 8.33%; }
	.column.col-2 { width: 16.66%; }
	.column.col-3 { width: 25%; }
	.column.col-4 { width: 33.33%; }
	.column.col-5 { width: 41.66%; }
	.column.col-6 { width: 50%; }
	.column.col-7 { width: 58.33%; }
	.column.col-8 { width: 66.66%; }
	.column.col-9 { width: 75%; }
	.column.col-10 { width: 83.33%; }
	.column.col-11 { width: 91.66%; }
	.column.col-12 { width: 100%; }

	.row {
		display: block;
		position: relative;
		margin: 0 -25px;
	}

	.clearfix:before,
	.clearfix:after {
		display: block;
		content: '';
		width: 0;
		height: 0;
		overflow: hidden;
		visibility: hidden;
	}

	.clearfix:after { clear: both; }



/** == TYPOGRAPHY == */
/** ================================================== */

	a {
		text-decoration: none;
		color: inherit;
		cursor: pointer;
	}

	/** Headings */
	h1, h2, h3, h4, h5, h6 {
		text-transform: uppercase;
		font-weight: normal;
		color: #1E2023;
		letter-spacing: 0.3em;
	}

	h1 { font-size: 3em; }
	h2 { font-size: 2.4em; }
	h3 { font-size: 2em; }
	h4 { font-size: 1.6em; }
	h5 { font-size: 1.2em; }
	h6 { font-size: 1em; }

	/** Paragraphs */
	p { margin-top: 25px; }
	p:first-child { margin-top: 0; }

	/** Blockquotes */
	blockquote {
		text-transform: uppercase;
		padding: 25px;
		color: #999999;
		letter-spacing: 0.1em;
		margin-top: 25px;
		border-left: 4px solid #E1E1E1;
	}

	blockquote:first-child { margin-top: 0; }



/** == LISTS == */
/** ================================================== */

	ul { list-style: disc inside; }
	ol { list-style: decimal inside; }

	ul,
	ol { margin-top: 25px; }

	ul:first-child,
	ol:first-child { margin-top: 0; }

	ul ul,
	ul ol,
	ol ol,
	ol ul { margin: 15px 0 0 25px; }

	ul.nostyle { list-style: none !important; }



/** == FORMS == */
/** ================================================== */

	form { margin-top: 25px; }
	form:first-child { margin-top: 0; }

	.form-group {
		display: block;
		position: relative;
		margin-top: 15px;
	}

	.form-group:first-child { margin-top: 0; }

	input[type=text],
	input[type=password],
	input[type=number],
	input[type=search],
	input[type=tel],
	input[type=url],
	input[type=email],
	textarea,
	select,
	.form-control {
		width: 100%;
		height: 40px;
		font-family: 'Microsoft YaHei', sans-serif;
		padding: 1em 1.4em;
		color: #1E2023;
		border: 1px solid #E1E1E1;
		background: #FFFFFF;
	}

	textarea {
		min-height: 120px;
		resize: none;
	}

	label {
		display: block;
		margin-bottom: 5px;
		font-weight: 700;
	}



/** == BUTTONS == */
/** ================================================== */

	input[type=submit],
	input[type=reset],
	input[type=button],
	button,
	.btn {
		display: inline-block;
		position: relative;
		height: 40px;
		line-height: 40px;
		text-transform: uppercase;
		font-size: 0.8em;
		font-weight: 700;
		letter-spacing: 0.3em;
		padding: 0 2em;
		color: #FFFFFF;
		margin-top: 25px;
		border: none;
		background: #1E2023;
		cursor: pointer;

		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	input[type=submit]:first-child,
	input[type=reset]:first-child,
	input[type=button]:first-child,
	button:first-child,
	.btn:first-child { margin-top: 0; }

	input[type=submit]:hover,
	input[type=reset]:hover,
	input[type=button]:hover,
	button:hover,
	.btn:hover { opacity: 0.9; }



/** == MISC == */
/** ================================================== */

	/** Floats */
	.float-left { float: left; }
	.float-right { float: right; }

	/** Text formats */
	.text-center { text-align: center; }
	.text-left { text-align: left; }
	.text-right { text-align: right; }