@charset "UTF-8";
html, body {
	height: auto;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
	display: block;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	list-style-type: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
a {
	outline: none;
  /* for Firefox */
  hlbr: expression(this.onFocus=this.blur());
	/* for IE */
	cursor: pointer;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
input {
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
	height: 100%;
}
body {
	font-family: '微軟正黑體', Arial, Helvetica, sans-serif, 'STHeiti Light', '儷黑 Pro', 'LiHei Pro', 新細明體;
	font-size: 3em;
	font-size: 100%;
	color: #555;
	height: 100%;
}
input, textarea, select {
	font-family: '微軟正黑體', Arial, Helvetica, sans-serif, 'STHeiti Light', '儷黑 Pro', 'LiHei Pro', 新細明體;
	color: #555;
}
html, body {
	/* 設定body高度為100% 拉到視窗可視的大小 */
	height: 100%;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #878787;
}
.bordertop {
	border-top: 0px solid #878787;
}
.fontsize2 {
	font-size: 1.5em;
}
.wrapper {
	/* 位置設為relative, 作為footer區塊位置的參考 
	position: relative;*/
	background-image: url(../img/bg.jpg);
	background-size: 100%;
	/* 設定高度最小為100%, 如果內容區塊很多, 可以長大 */
	min-height: 100%;
 *display: table; /* For IE7 Hack */
 *height: 100%; /* For IE7 Hack */
}

.footer{
	font-size: 90%;
	box-sizing: border-box;
	clear: both;
	bottom: 0px;
	width: 1200px;
	margin: auto;
}

.h3em{
min-height:18em;}

.floatleft {
	float: left;
}
.btn {
	font-family: '微軟正黑體', Arial, Helvetica, sans-serif, 'STHeiti Light', '儷黑 Pro', 'LiHei Pro', 新細明體;
	color: #eee;
	background: #ff7800;
	border-radius: 0;
	padding: 6px 13px;
	display: inline-block;
	border: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: background .3s;
	vertical-align: middle;
}
.btn:hover {
	background: #9B4A07;
}
.btn-canel {
	font-family: '微軟正黑體', Arial, Helvetica, sans-serif, 'STHeiti Light', '儷黑 Pro', 'LiHei Pro', 新細明體;
	color: #555;
	background: #ccc;
	border-radius: 0;
	padding: 6px 13px;
	display: inline-block;
	border: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: background .3s;
	vertical-align: middle;
}
.btn-canel:hover {
	background: #bcbcbc;
}
.banner-wrap {
	background: url(../img/banner_bg.jpg) center left;
	background-size: contain;
	box-sizing: border-box;
}
.banner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.banner img {
	width: 100%;
}
.banner {
	box-sizing: border-box;
}
.banner a {
	width: 9.5%;
	height: 29%;
	position: absolute;
	top: 21.7%;
	left: 5.4%;
	opacity: 0;
}
.cont-header {
	background-color: #FFAC24;
}
.cont-header img {
	display: block;
	margin: auto;
	text-align: center;
	padding: 10px;
}
.banner h2 {
	font-size: 0;
}
.cont-wrap {
}
.cont {
	max-width: 1200px;
	padding: 0 1.5% 1.5%;
	margin: 0 auto;
	box-sizing: border-box;
	/* [disabled]min-height: 35em; */
}
.cont h3 {
	padding: 10px;
}
.footer-wrap {
	background: #937054;
}
.gray-bg {
	background: #efefef;
}
.patting10 {
	padding: 10px;
}
.footerplf {
	padding-left: 20px;
}
.footerp {
	border-right: solid 1px #A4A4A4;
}
.naver {
	margin-top: 1.5em;
	margin-bottom: 3em;
	text-align: center;
}
.naver img {
	max-width:95%;
	margin: 0 auto;
}
.textalcen {
	text-align: center;
	margin: 0 auto;
}
.naver ul {
}
.righter {
	right: 0px;
}
h2 {
	font-size: 3em;
}
h2 b {
	color: #e4007f;
}
p b {
	color: #e4007f;
}
.fontcor {
	font-size: 0.5em;
}
@media screen and (max-width: 1200px) {
.footer img{
	width: 100%;
}
.footer {
	max-width: 100%;
}
}
@media screen and (max-width: 1023px) {
 .footerp {
 border-right:0;
}
.footer img{
	width: initial;
}
 @media screen and (max-width: 767px) {

 .textalcen{
 	width: 100%;
 }
 .cont {
 padding: 0.5% 0;
}
 .pic-wrap {
 padding: 1.5%;
}
 h2 b {
 color: #e4007f;
}
 .cont-header img {
 width: 90%;
 display:block;
margin:auto;
 text-align:center;
 padding: 10px;
}
}
}
.form-control {
	font-size: 0.8em;
	height: 3em;
}
.ehong-idcode-val0 {
	border: solid 1px #A4CDED;
	background-color: #ECFAFB;
}
/*抽獎*/
.demo {
	width: 300px;
	margin: 60px auto;
	text-align: center;
}
#roll {
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	color: #f30;
}

#stop {
	display: none;
}
#result {
	margin-top: 20px;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
}

.boxfm{
	border:1px solid #888888;
}

/* @media screen and (max-width: 1050px) {
.banner img {
    width: 85%;
    margin: 0 auto;
}
	
}*/