/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-x: hidden;
	/*font-family: "微軟正黑體 Light", sans-serif;*/
	font-family: "微軟正黑體", sans-serif !important;
	font-size: 1rem;
	font-size: 100%;
}
html, body {
	width: 100%;
	height: 100vh;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body #page, .main {
	width: 100%;
	min-height: 100%;
	float: left;
	overflow: hidden;
	padding: 0;
}
h1 {
	font-size: 46px;
	line-height: 1.05;
}
h2 {
	font-size: 41px;
	line-height: 1.1;
}
h3 {
	font-size: 35px;
	line-height: 1.1;
}
h4 {
	font-size: 32px;
	line-height: 1.3
}
h5 {
	font-size: 24px;
	line-height: 1.5;
}
h6 {
	font-size: 20.8px;
	line-height: 1.5;
}
p {
	font-size: 19.2px;
	line-height: 1.6;
}
span, em, i, h6 {
	font-weight: normal;
}
.container {
	width: 90%;
	max-width: 1120px;
	float: none;
	margin: 0 auto;
}
.container-inline {
	width: -webkit-calc(100% + 16px);
	width: -moz-calc(100% + 16px);
	width: -ms-calc(100% + 16px);
	width: calc(100% + 16px);
	float: none;
	margin: 0 -8px;
}
.small-content {
	width: 80%;
	max-width: 780px;
	float: none;
	margin: 0 auto;
}
.block {
	display: block;
}
.table {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
}
.masonry/*磚牆*/ {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
	-webkit-column-fill: balance;
	-moz-column-fill: balance;
	-o-column-fill: balance;
	column-fill: balance;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	-ms-column-gap: 20px;
	-o-column-gap: 20px;
	column-gap: 20px;
	display: block;
	float: none;
	margin: 20px auto;
	-webkit-transform: translateZ(0);
	-webkit-margin-top-collapse: discard;
}
.item {
	width: 100%;
	display: inline-block;
	background-color: #43f79d;
	margin: 0 0 20px 0;
	padding: 1em;
	/*min-height: 40vmin;*/
	box-shadow: inset 0px 0px 1px 0 rgba(0,0,0,0.35),  1px 1px 1px 0 rgba(0,0,0,0.02),  0 0 3px 0 rgba(0,0,0,0.03);
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	column-break-inside: avoid;
	break-inside: avoid;
	-webkit-break-inside: avoid;
	-moz-break-inside: avoid;
	-ms-break-inside: avoid;
	-o-break-inside: avoid;
	break-inside: avoid;
}
.w-15 {
	width: 15%;
}
.w-17 {
	width: 17%;
}
.w-18 {
	width: 18%;
}
.w-20 {
	width: 20%;
}
.w-25 {
	width: 25%;
}
.w-35 {
	width: 35%;
}
.w-33 {
	width: 33.33333%;
}
.w-38 {
	width: 38%;
}
.w-40 {
	width: 40%;
}
.w-50 {
	width: 50%;
}
.w-55 {
	width: 55%;
}
.w-60 {
	width: 60%;
}
.w-62 {
	width: 62%;
}
.w-65 {
	width: 65%;
}
.w-70 {
	width: 66.6666667%;
}
.w-80 {
	width: 80%;
}
.w-90 {
	width: 90%;
}
.w-100 {
	width: 100%;
}
.pd-box {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.container [class|="w"], .container-inline [class|="w"], .w-100 > [class|="w"], .w-100 {
	float: left;
	height: auto;
}
.container .table > [class|="w"], .container-inline.table > [class|="w"] {
	display: table-cell;
	vertical-align: top;
	word-wrap: break-word;
	padding-left: 15px;
	padding-right: 15px;
}
.space [class|="w"] {
	border-width: 8px;
	border-style: solid;
	border-top: none;
	border-bottom: none;
	border-color: transparent;
}
.ov-hidden {
	overflow: hidden;
}
.pd-l {
	padding-left: 15px;
}
.pd-l-3 {
	padding-left: 30px;
}
.pd-r {
	padding-right: 15px;
}
.pd1 {
	padding-top: 1em;
	padding-bottom: 1em;
}
.pt1 {
	padding-top: 1em;
}
.pt5 {
	padding-top: 5em;
}
.pb1 {
	padding-bottom: 1em;
}
.pd3 {
	padding-top: 3em;
	padding-bottom: 3em;
}
.pb3 {
	padding-bottom: 3em;
}
.pd5 {
	padding-top: 5em;
	padding-bottom: 5em;
}
.pb5 {
	padding-bottom: 5em;
}
.pt5 {
	padding-top: 5em;
}
.ta-c {
	text-align: center;
}
.ta-l {
	text-align: left;
}
.ta-r {
	text-align: right;
}
.pos-r {
	position: relative;
}
/*相對的位置*/
.img-100 {
	display: block;
	width: 100%;
	margin: 0;
}
.img-50 {
	display: block;
	width: 50%;
	float: left;
	padding: 10px;
}
.img-50.no-space {
	padding: 0;
}
.fl {
	float: left;
}
.fr {
	float: right!important;
}
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after, .clear {
	clear: both;
}
.cf {
 *zoom: 1;
}
.shade {
	box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15),  0px 0px 0px 0 rgba(0, 0, 0, 0.1),  0px 0px 3px 0 rgba(0, 0, 0, 0.03);
}
.show-pc {
	display: block;
}
.show-mb {
	display: none;
}
.mt{
	margin-top: 30px;
}
.mb {
	margin-bottom: 30px;
}
.ml {
	margin-left: 30px;
}
.ml-2 {
	margin-left: 20px;
}
.ml-p {
	margin-left: 10px;
}
.lr {
	margin-left: auto;
	margin-right: auto;
}
.border{
	border: 2px solid #C3C3C3;
}