@charset "big5";

/*div,img{height:100%;}*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "微軟正黑體";
	background:#cc2424;
	/*overflow-y: scroll;*/
	position:relative;	
}
h1{margin:0;text-align:center;color:#FF6;}
h2{text-align:center;color:#FF6;line-height:40px;}
ul li{list-style:none;color:#fff;}
input{border:2px #005982 solid;}
img{border:0;}
.top {
	width: 100%;
	/*min-width: 1280px;*/
	/*height:100%;*/
	overflow: hidden;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.button_area {
	width: 820px;
	border:0;
	/*background-color: #e4f8b2;*/
	margin: 0 auto;
	/*padding-top: 1px;
	padding-bottom: 1px;*/
	/*float: left;*/
}
.button {
	width: 205px;
	height: 41px;
	float:left;
	text-align: center;
	line-height: 40px;
	color: #fff;
	/*background-color: #59493f;*/
	background-image:url(../image/buttom.jpg);
	/*border: 1px solid #996c33;*/
	font-size: 13pt;
	text-decoration: none;
	cursor: pointer;
	border:0;
}
.button:hover {
	/*background-color: #996c33;*/
	background-image:url(../image/buttom2.jpg);
	color: #FFF;
}
.button:active {
	/*background-color: #996c33;*/
	background-image:url(../image/buttom2.jpg);
	color: #FFF;
}
.maincontain {
	width: 100%;
	height: auto;
	/*background-color: #503216;*/
	float: left;
}
.fxbtn{
	position: absolute;
	bottom:60px;
	left:57%;
	z-index: 1;
	padding:12px;
	color:#fff;
	font-size:25px;
	text-align: center;
	background:#f06;
	border-radius: 5px;
}
.fxbtn:hover{
	background:#e30450;
}
.contain {
	width: 760px;
	height: auto;
	/*border: 1px solid #F60;*/
	/*background-color: #f2e1d1;*/
	background:#F7E9DA;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.contain1 {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	
}
.contain1_title1 {
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 30px;
	color: #F00;
	padding-top: 10px;
}
.contain1_title2 {
	text-align: center;
	font-size: 14pt;
	padding-bottom: 10px;
	line-height: 30px;
	color: #009;
	font-weight: bold;
	padding-top: 10px;
}
.contain1_title3 {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	padding-top: 10px;
}
.contain2 {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	font-size: 20px;
	color: #ff6;
	font-weight: bold;
}
.closetitle {
	font-size: 30px;
	color:#ff6;
	margin:100px 0 0 0;	
}

.datainter {
	width: 100%;
	font-size: 30px;
	color:#fff;
	/*background:#ccc0d6;*/
	padding:100px 0 0 0;
}
.datainter ul{
	margin:0 0 0 200px ;
}
.datainter li{
	margin:0 0 20px 0;
}
.datainter input{
	height:30px;
	
}
.datainter select{
	height:30px;
	;
}
.datainter tr td{
	color:#fff;
	font-size:25px;
}

.dataselect {
	width: 100%;
	font-size: 30px;
	color:#333;
	padding:100px 0 0 0;
}
.dataselect ul{
	margin:0 0 0 200px;
}
.dataselect li{
	margin:0 0 20px 0;
}
.dataselect input{
	height:30px;
}
.dataselect select{
	height:30px;
}
.dataselect tr td{
	color:#fff;
	font-size:25px;
}


.contain4 {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 11pt;
	text-align: center;
}
.font_red {
	font-weight: bold;
	color:#ff6;
	font-size:25px;
}
.font_red2 {
	color:#FF6;
	font-size: 20px;
}
.from_text {
	font-family: "微軟正黑體";
	background-color: #f5f5f5;
	border: 1px solid #CCC;
	font-size: 12pt;
}
.button_text {
	font-family: "微軟正黑體";
	font-size: 25px;
	color:#FF6;
	width:120px;
	height:55px !important;
	border:2px #FF6 solid;
	background:none;
	margin:30px 0 0 0;
}
.button_text:hover{
	color:#333;
	background:#FF6;
	font-weight:bold;
}
.button_text2 {
	font-family: "微軟正黑體";
	font-size: 25px;
	color:#FF6;
	width:100px;
	height:55px !important;
	border:2px #FF6 solid;
	background:none;
	margin:30px 0 0 0;
}
.button_text2:hover{
	color:#333;
	background:#FF6;
	font-weight:bold;
}
.button_text3 {
	font-family: "微軟正黑體";
	font-size: 25px;
	color:#FF6;
	width:250px;
	height:55px !important;
	border:2px #FF6 solid;
	background:none;
	margin:0 0 0 0;
}
.button_text3:hover{
	color:#333;
	background:#FF6;
	font-weight:bold;
}
#bgimg{
	width:100%;
	/*height:560px*/;
	/*height:979px;*/
	/*background:url(../image/bgimg.png) center;*/
	position:absolute;
	top:0;
	z-index:-1;
	/*background:url(../image/bg.jpg) repeat-x center;*/
}
ol li{color:#fff;font-size:20px;margin-bottom:12px;}

.menu{width:320px;height:100%;float:left;color:#fff;margin:0;text-align:center;font-size:25px;line-height:98px;}
.menu:hover{background:#be2323;}
.pointword{color:#FFFF66;}
.winner{color:#fff;font-size:30px;margin:12px 0 0 0;text-align:center;}
.filedownload{
	width:180px;
	height:40px;
	border:2px #FF6 solid;
	text-align:center;
	line-height:40px;
	font-size:20px;
	color:#FF6;
	margin:0 auto;
	cursor:pointer;
	float:right;	
}
.filedownload:hover{
	background:#FF6;
	color:#333;
	font-weight:bold;
}

/*new css*/

#TOP-MENU{
	display:none;
}
#NAV{
	display:none;  
}
.headerwrapper{
	width:100%;
	min-width:1280px;
	height:98px;
	background:#cc2424;
	position:fixed;
	top:0;
	left:0;
	z-index: 9999px;
}
.header{
	width:1280px;
	min-width:1280px;
	height:100%;
	margin:0 auto;
}
.topimgwrapper{
	width:100%;
	min-width:1280px;
	max-width: 2000px;
}
.top img{
	width:100%;
}
.contentwrapper{
	width:100%;
	min-width:1280px;
	/*background:#6cbc65;*/
	padding:30px 0 20px 0;
}
.content{
	width:1280px;
	margin:0 auto;
}
.content h1{
	margin:0 0 30px 0;
	font-size:25px;
}
.address input{
	width:300px;
}
.winnerlist{
	width:1280px;
	padding:100px 0 0 0;
	box-sizing: border-box;
}

@media screen and (max-width: 736px){

body{
	width:100%;
	height:100%;
}
#top_menu{
	display:block;
	width:100%;
	min-width: 320px;
	height:60px;
	position:relative; 
	background:#cc2424;
}
	
#top_menu #btn{  
	display:block;
	width:60px;
	height:40px;
	background-image:url(../image/btn.png);
	position:absolute;  
	right:5px;
	top:10px;
	text-indent:-9999px;
}

#nav{
	width:100%;
	min-width: 320px;
	height:auto; 
	/*background:#F30;*/
	display:none;  
}

#nav ul{
	width:100%;
	min-width: 320px;
	height:auto;
	margin:0;
	padding:0; 
}

#nav li{
	width:100%;
	min-width: 320px;
	float:none;
	/*margin:0;*/ 
}

#nav li a{
	display:block;
	width:100%;
	min-width: 320px;
	height:50px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	background:#cc2424;
	border:1px dotted #FFF;
	border-left:0;
	border-right:0;
	border-bottom:0;
	color:#fff;
	font-size:20px;
	margin:0;
}

#nav li a:hover{
	background-color:#be2323;
	border:0;
}
.headerwrapper{
	display:none;
}
.header{
	display:none;
}
.topimgwrapper{
	width:100%;
	min-width:320px;
}
.top{
	width:100%;
	min-width:320px;
	margin:0 auto;
}
.top img{
	width:100%;
}
.contentwrapper{
	width:100%;
	min-width:320px;
	padding:30px 0 20px 0;
}
.content{
	width:95%;
	margin:0 auto;
	padding:0 0 0 0;
	text-align: justify;
}
.datainter {
	width: 100%;
	font-size: 16px;
	color:#fff;
	margin:0 auto;
	padding:0;	
}
.datainter ul{
	margin:0 auto;
	padding:0;
}
.datainter li{
	margin:0 auto 20px auto;
}
.datainter input{
	/*width:60%;*/
	height:30px;
	margin:0;
}
.datainter select{
	width:20%;
	height:30px;
	margin:0;
}
.font_red2 {
	color:#ff6;
	font-size: 16px;
}
.button_text {
	width:40%;
	margin:30px auto 0 auto;
}
.button_text2 {
	width:30%;
	margin:30px auto 0 auto;
}
.invoice input{
	width:70%;
}
.cellphone input{
	width:70%;
}
.sex input{
	width:10%;
}
.address select{
	width:35%;
	margin:0 0 5px 0;
}
.address input{
	width:100%;
}
/*.sendbtn input{
	width:40%;
	text-align: center;
	margin:0 auto;
}*/
.dataselect {
	width: 100%;
	font-size: 16px;
	color:#fff;
	padding:0;	
}
.dataselect ul{
	margin:0 auto 0 auto;
	padding:0;
}
.dataselect li{
	margin:0 0 20px 0;
}
.dataselect input{
	/*width:40%;*/
	height:30px;
}
.dataselect select{
	height:30px;
}
.invoicechk input{
	width:42%;
}
.idnum input{
	width:32%;
}
.winnerlist{
	width:100%;
	padding:0 0 0 0;
}
}