/*************************************************************************************

Crystal UI 1.2
http://www.crystal-tech.com.tw
Copyright 2016 Crystal Technology Co., Ltd. All rights reserved.


[初始化]

Iconic fonts : Font Awesome

**************************************************************************************/

/*************************************************************************************

[h1-h5]

h1: 3em;
h2: 2.5em;
h3: 2em;
h4: 1.5em;
h5: 1em;

**************************************************************************************/

/* imports */
@import url(font-awesome.min.css);
@import url(crystal-grid.css);
@import url(crystal-gallery.css);
@import url(crystal-buttons.css);
@import url(crystal-form.css);
@import url(crystal-attachment.css);

/* reset */
html, body, form, iframe, video, table {
	margin: 0;
	padding: 0;
	font-size: 100%; /* 16px */
	color: #333;
	letter-spacing: .1em;
	line-height: 1.5em;
	font-family: Arial, '微軟正黑體';
	text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow: hidden;
}

/* 禁止選取 */
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mask {
	background-color: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
}

.mask .loading {
	width: 36px;
	height: 36px;
	margin: 0 auto;
}

.mask img {
	display: inline-block;
}

a {
	text-transform: none;
	text-decoration: none;
}

img {
	border: 0;
}

/* 左右 */
.align_left {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	text-align: left;
}

.align_center {
	justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
}

.align_right {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	text-align: right;
}

/* 垂直 */
.v_top {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	vertical-align:top;
}

.v_center {
	-webkit-align-items: center;
	align-items: center;
	vertical-align: middle;
}

.v_bottom {
	-webkit-align-items: flex-end;
	align-items: flex-end;
	vertical-align:bottom;
}

span {
	text-align: left;
	word-wrap:break-word;
}

input[type='button'], input[type='submit'], input[type='reset'], button {
	border: 0;
	outline:none;
}

input[type='text'], textarea {
	outline:none;
}

.shorten {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2.5em;
}

h3 {
	font-size: 2em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1em;
}