@charset "utf-8";

/*div,img{height:100%;}*/
*{
	font-family: "微軟正黑體";
	box-sizing: border-box;
}
html,body{
	box-sizing: border-box;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* background:#cc2424; */
	background-image: url('../image/bg-2.jpg');
	background-repeat: repeat;
	/*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%;
	max-width: 1200px;
	/*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 {
	background-color: #f5f5f5;
	border: 1px solid #CCC;
	font-size: 12pt;
}
.button_text {
	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-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-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;*/
}
.menu{
	width:calc(100% / 4);
	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%;
	height:98px;
	background:#cc2424;
	position:fixed;
	top:0;
	left:0;
	z-index: 9999px;
}
.header{
	width:1200px;
	height:100%;
	margin:0 auto;
}
.top img{
	width:100%;
}
.contentwrapper{
	width:100%;
	min-width:1280px;
	/*background:#6cbc65;*/
	padding:30px 0 20px 0;
}
.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;
}
.notice-red{
	color:red;
}
.content-wrapper{
	padding: 1rem;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	color:#000;
}
.citi > .content{
	background-color: #fff;
}
.content{
	border-radius: 18px;
	padding: 2rem 2rem 2rem 3rem;;
}
.content-notice-title{
	margin-bottom: 1rem;
}
ol > li{
	line-height: 1.75rem;
	list-style-type:decimal;
	font-size: 1rem;
}
h3{
	font-size: 1.75rem;
}
.content-notice-sologn{
	color:#000;
	font-weight: bold;
	font-size: 2.15rem;
	text-align: right;
}
.topimgwrapper{
	width: 100%;
	margin-top: 8rem;
}
@media screen and (max-width:1200px){
	html{
		font-size: 12px;
	}
	.headerwrapper{
		width: 100%;
	}
	.content-wrapper{
		min-width: 0;
	}
	.topimgwrapper{
		width: 100%;
		min-width: 0;
	}
	.header{
		width: 100%;
	}
}
@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{
		margin-top: 2rem;
	}
	.top{
		width:100%;
		min-width:320px;
		margin:0 auto;
	}
	.top img{
		width:100%;
	}
	.contentwrapper{
		width:100%;
		min-width:320px;
		padding:30px 0 20px 0;
		margin-top: 1rem;
	}
	.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;
	}
}