@charset "UTF-8"; 
/* general
----------------------------------------------------------*/
/*HACK: 一般通用設定 網頁字型字體 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Microsoft JhengHei, Lucida Sans Unicode, MS Mincho, sans-serif;
	font-size: 100%;
	/*color: #262626*/
	line-height: normal;  /*22px;*/

}
	body:after {
		content: url(/images/icon/close.png) url(/images/icon/loading.gif) url(/images/icon/prev.png) url(/images/icon/next.png);
		display: none;
	}
	body.lb-disable-scrolling {
		overflow: hidden;
	}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
	min-width: 320px;
	/* 以下ㄧ行遮罩效果  */	
	/*filter: opacity(60%) brightness(1.2) contrast(0.9) grayscale(0.5);*/
	/* 以下兩行黑白效果  */	
	/*	
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	_filter: none; 
	*/
}

/* header
----------------------------------------------------------*/
/*HACK : header 表頭*/
header {
	padding-top: 120px; /*HACK: navi和slider圖之間的間距*/
	position: relative;
	z-index: 100;
}
/*HACK : header 屬性-顏色-高度 */
header .header-wrap {
	/*background: #9d0e35; /* 9d0e35 777777 by gray */
	background: -webkit-linear-gradient(left, #660a24, #9d0e35);
	background: -o-linear-gradient(right, #660a24, #9d0e35);
	background: -moz-linear-gradient(right, #660a24, #9d0e35);
	background: linear-gradient(to right, #660a24, #9d0e35);
	background: -webkit-linear-gradient(right, #ffffff, #ffffff);
	background: -o-linear-gradient(right, #ffffff, #ffffff);
	background: -moz-linear-gradient(right, #ffffff, #ffffff);
	background: linear-gradient(to right, #ffffff, #ffffff);
	width: 100%;
	z-index: 100;
	color: #ffffff;
	padding: 0px; /* 高度:原來 10px*/
	position: fixed;
	top: 0;
}

header.active .header-wrap {
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
		transition: .5s;
}

header .header-wrap {
		box-sizing: border-box;
}

	@media (max-width: 1024px) {
		header .header-wrap {
			padding-right: 0px;
		}
	}	

	@media (max-width: 991px) {

		header .header-wrap {
			padding-top: 0px;
		}
	}
	@media (max-width: 820px) {
		header {
			padding-top: 100px;
		}
	}
	@media (max-width: 768px) {
		header {
			padding-top: 60px;
		}
		header .header-wrap .right {
			display: none;
		}
	}

	@media (max-width: 360px) {

	}

p {
    margin-top: 0px;
    margin-bottom: 10px;
}

h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 160%;
    font-weight: normal;
    line-height: 150%;
}

h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 150%;
    font-weight: normal;
    line-height: 150%;	
}
h3 {
    font-size: 140%;
    line-height: 120%;	
    margin-top: 12px;
    margin-bottom: 12px;
}

h4{
	font-size: 120%;
} 
h5, h6 {
	font-size: 110%;
}

ul, li {
    list-style-type: none;
}
a {
	color: #262626;
	border-bottom: none;
	text-decoration: none;
}
	a:hover {
		color: #9d0e35;
		border-bottom: none;
		text-decoration: none;
	}

/* Inputs, textareas and selects 
 ----------------------------------------------------------*/
button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}
button {
	overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input {
	line-height: normal;
}

	input[type="checkbox"], input[type="radio"] {
		box-sizing: border-box;
		/* 1 */
		padding: 0;
		/* 2 */
	}

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

	input[type="search"] {
		-webkit-appearance: textfield;
		/* 1 */
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		/* 2 */
		box-sizing: content-box;
}

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

fieldset {
	padding: .35em .625em .75em;
	margin: 0 2px;
	border: 1px solid #c0c0c0;
}
input[type="text"], input[type="password"], textarea, div.styled, input[type="file"], input[type="submit"], input[type="button"].btn {
	line-height: 20px;
	font-family: "Microsoft JhengHei", "Lucida Sans Unicode", Helvetica, Arial, Verdana,MS Mincho, sans-serif;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #ccc;
}
input[type="text"], input[type="password"], textarea, div.styled, input[type="file"], input[type="submit"], input[type="button"].btn {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
input[type="text"], input[type="password"], textarea, div.styled, input[type="file"], input[type="submit"], input[type="button"].btn, ul.oe_menu > li > div {
	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
input[type="text"], input[type="password"], textarea, div.styled, input[type="file"], input[type="submit"], input[type="button"].btn, #infscr-loading {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}


input[type=text], input[type=password], textarea {
	width: 100%;
}

	input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		border: 1px solid #9d0e35; /* 9d0e35 777777 by gray */
	}

input[type="radio"] {
	margin: 0 10px;
}

input[type="submit"], input[type="button"], .btn {
	padding: 8px 30px;
	background: #9d0e35; /* 9d0e35 777777 by gray */
	color: #fff;
	margin: 0 10px;
}
	input[type="submit"]:hover, input[type="button"]:hover, .btn:hover {
			background: #660a24;
	}

input[type="button"] {
    background: #888;
}
	legend {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		font-size: 145%;
		line-height: inherit;
		color: #333;
		border: 0;
		border-bottom: 1px solid #e5e5e5;
	}

	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: bold;
	}

/* ---------------------------------------------------------- */
/* HACK: footer預設的底色 */
footer {
	height: auto;  /*.push must be the same height as .footer */
	width: 100%;
	/*position: relative;
	bottom: 0px;
	margin-top: -150px;*/
}

	footer,
	.color-bg {
		background: hsl(350,82%,22%);
		background: -webkit-linear-gradient(left, hsl(350,82%,22%) , hsl(350,82%,39%));
		background: -o-linear-gradient(right, hsl(350,82%,22%) , hsl(350,82%,39%));
		background: -moz-linear-gradient(right, hsl(350,82%,22%) , hsl(350,82%,39%));
		background: linear-gradient(to right, hsl(350,82%,22%) , hsl(350,82%,39%));
	}
	.color-bg-gray {
		background: #cccccc;
    background: -webkit-linear-gradient(left, #dadada , #dddddd);
		background: -o-linear-gradient(right, #dadada , #dddddd);
		background: -moz-linear-gradient(right, #dadada , #dddddd);
		background: linear-gradient(to right, #dadada , #fafafa);
	}
	footer a {
		color: #262626;
	}
	footer a:hover {
		color: #9d0e35;
		opacity: 0.7;
	}

/* image */
img {
	border: 0;
	max-width: 100%;
	height: auto;
}