/* CSS Document */

input,textarea{outline:none} /*消除chrome黃色框*/
textarea{resize:none} /*不要縮放*/
a,img{
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	border: 0;
	}
/* */a:link {
	
	text-decoration: none;
} 
a:visited {
	color: #ff004e;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;
}
a:active {
	color: #F60;
	text-decoration: none;
}

/* 框架 */
#in_boxes {
	position:relative;
	width: 900px;/*860*/
	margin: 0px auto;
	background-color:#ececec;
	border-radius:30px;
	padding:20px 0 25px 0;
	margin-top:-5px;
	
	/*overflow:auto;*/
	}
.tboxes {
	position:relative;
	width: 910px;
	height:33px;
	margin: 0px auto;
	z-index:1;
	}	
.kkb1{
	border: 7px solid #ff8800;
}
.kkb2{
	border: 7px solid #39bbbd;
}
.kkb3{
	border: 7px solid #39bbbd;
	/* border: 7px solid #574328; */
}
.kkb4{
	border: 7px solid #e11831;
}



.font02a {
	float:left;
	font-size: 16px;
	line-height: 30px;
	color: #F7F9D7;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	text-align: center;
	}
.font03a {
	font-size:16px;
	line-height:18px;
	color:#49382f;
	font-family: Arial,"微軟正黑體", Helvetica, sans-serif;
	text-align:center;
	}





#inbox2
	{
	margin: 0 auto;
	width: 730px;
	background-color:#e1e1e1;
	border-radius:10px;
	/*overflow:auto;*/
	}
#tin
	{
	position:relative;
	margin: 0px auto;
	width: 900px;
	height:40px;
	}
#tin > div {position:relative;width:74px;height:40px;background-image: url(../images/w.png);}
#ttba3{
	position: relative;
	margin:0 auto;
	width: 860px;
	height: 306px;
	background-image: url(../images/ttb.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 2px 0%;
}
.tg{
	position: absolute;
	width: 54px;
	height: 41px;
	right:5px;
	}
/* .tg1{
	width:54px;
	height:41px;
	display: block;
	background-image: url(../images/yb.png);
	background-position: 0px 0px;
	}
.tg1:hover{
	background-position: 0px 41px;
	} 
.tg2{
	width:54px;
	height:41px;
	display: block;
	background-image: url(../images/yb1.png);
	background-position: 0px 0px;
	}*/
/**/
.linebox {
	margin: 0px auto;
	width:850px;
	}	
.bonusbox {
	margin: 0px auto;
	width:410px;
	}

/* 帳號 */
.back1{width: 100px;height: 100px;background-color: red;}

.acc{width: 32%;font-size: 1.5em;
	line-height:31px;}

.accountbox {
	width:100%;
	margin:0px auto;
	padding-top:10px;
	text-align:center;
	overflow: hidden;
	}
.accountbox > div {
	display:inline-block;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	
	}
.accountbox > div > span{
	float: left;
	display: block;
	line-height:31px;/*23*/
	color: #5B4430;
	font-weight:600;
	}
.accountbox > div > select{
	float:left;
	width:170px;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size: 17px;
	line-height:23px;
	height:30px;
	color:#534532;
	background-color: #f1f1f1;
	border: 1px solid #cacaca;
	padding:1px;
	}
.s1 {
	width: 830px;
	height: 11px;
	margin: 0px auto;
	margin-top:5px;
	margin-bottom:5px;
	background-image: url(../images/s1.png);
	}
	
/* 項目 */
.itembox {
	width:750px;
	margin:0px auto;
	font-size:16px;
	color:#534532;
	line-height:35px;
	margin-bottom:5px;
	font-weight:600;
	}
.itembox > span { 
	font-size:22px;
	color:#ea8700;
	}
.goanother {
	position:relative;
	height:25px;
	display:inline-block;
	cursor:pointer;
	background-color:#ef4662;
	border-radius:5px;
	font-size:15px;
	line-height:25px;
	color:#fff;
	text-align:center;
	margin:0 5px 0 5px;
	padding:0 15px 2px 15px;
	transition:all .5s;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	}
.goanother:link {color:#fff;text-decoration:none;}
.goanother:visited{color:#fff;text-decoration:none;}
.goanother:hover{color:#fff;background-color:#ac1d1d;}
.goanother:active{color:#fff;background-color:#ac1d1d;}
.goanother2 {
	position:relative;
	height:40px;
	display:inline-block;
	cursor:pointer;
	background-color:#00A3FF;
	border-radius:5px;
	font-size:15px;
	line-height:40px;
	color:#fff;
	text-align:center;
	margin:0 0 0 10px;
	padding:0 15px 2px 15px;
	transition:all .5s;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	}
.goanother2:link {color:#fff;text-decoration:none;}
.goanother2:visited{color:#fff;text-decoration:none;}
.goanother2:hover{color:#fff;background-color:#ff7e00;}
.goanother2:active{color:#fff;background-color:#ff7e00;}
	
/* 注意事項 */
.txbox{padding: 15px;}
.notex{background-image: url(../images/bbb.png);width: 95%;margin: 0 auto; border:  1px solid #AA916D;text-align: center;padding: 10px;font-family: "微軟正黑體";font-size: 1.2em;color: #423B2E;}

.notexbx{font-family: "微軟正黑體";font-size: 1em;color: #423B2E;}
.notexbxr{font-weight: 800;font-family: "微軟正黑體";font-size: 1.3em;color: #FF3000;}

.notect{text-align: center; font-weight: 800;font-family: "微軟正黑體";font-size: 1.3em;color: #423B2E;width: 90%;margin: 0px auto;}
.notects{text-align: center; font-weight: 800;font-family: "微軟正黑體";font-size: 1.3em;color: #FF3500;width: 90%;margin: 0px auto;}

.note{
	width:90%;/*800*/
	margin: 10px auto;
	font-size: 15px;
	line-height: 23px;
	color:#534532;
	
	}
.notetl{
	width:90%;/*800*/
	margin: 0px auto;
	font-size: 15px;
	line-height: 23px;
	color:#534532;
	
	}
.red{color:#F30;}

/* Button */
.lotterybox {
	position:relative;
	width:850px;
	height:80px;
	margin: 0px auto;
	padding:10px 0 0 0;
	text-align:center;
	}
.lotterybox a{
	position:relative;
	width:233px;
	height:76px;
	display:inline-block;
	background-position: 0 0;
	margin:0 8px 0 8px;
	}
.lotterybox a:hover{background-position: 0px 76px;}
.go{background-image: url(../images/go.png);}
.go > div {
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size: 26px;
	line-height: 70px;
	text-shadow: 2px 1px 3px rgba(72,37,106,0.7);
	font-weight: 600;
	color:#f9f8df;
	}
.go > div > .gg0{
	position:relative;
	font-family:Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size:38px;
	line-height:70px;
	font-weight:800;
	top:1px;
	}
.go > div > .gg{
	position:relative;
	font-family:Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size:40px;
	line-height:70px;
	font-weight:600;
	top:1px;
	}
.go > div > .gg2{
	position:relative;
	font-size:20px;
	line-height:70px;
	}
.go1{background-image: url(../images/go1.png);}
.go2{background-image: url(../images/go2.png);}
.go3{background-image: url(../images/go3.png);}
.go1a{background-image: url(../images/go1a.png);}
.go2a{background-image: url(../images/go2a.png);}
.go3a{background-image: url(../images/go3a.png);}
.extra{
	position:absolute;
	width:268px;
	height:60px;
	background-image: url(../images/extra.png);
	top:-45px;
	left:-22px;
	animation: pb2 2.8s infinite;
	-webkit-animation: pb2 .8s infinite;
	-moz-animation: pb2 .8s infinite;
	-o-animation: pb2 .8s infinite;
	}
	@keyframes pb2 {
		0% {top:-50px;}
		50% {top:-45px;}
		100% {top:-50px;}
	}
	@-webkit-keyframes pb2 {
		0% {top:-50px;}
		50% {top:-45px;}
		100% {top:-50px;}
	}
	@-moz-keyframes pb2 {
		0% {top:-50px;}
		50% {top:-45px;}
		100% {top:-50px;}
	}
	@-o-keyframes pb2 {
		0% {top:-45px;}
		50% {top:-40px;}
		100% {top:-45px;}
	}


/* 序號查詢 */
#tb5{
	width:820px;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
	}
#tb5 div{
	display:inline-block;
	background-color:#ffa800;
	padding:1px 0 1px 0;
	text-align:center;
	color:#fff;
	margin:-4px;
	line-height:30px;
	height:30px;
	}
#tb5 .th1{width:217px;margin-right:2px;border-radius:5px;}	
#tb5 .th2{width:201px;margin-right:2px;border-radius:5px;}	
#tb5 .th3{width:201px;margin-right:2px;border-radius:5px;}	
#tb5 .th4{
	width:179px;
	border-radius:5px;
	}
#tb6{
	width:802px;
	padding:0 8px 15px 8px;
	list-style-type:none;
	margin:0 auto;
	color:#534532;
	}
#tb6 li{
	padding:2px 0px 2px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#bdb8a4;
	overflow:hidden;
	text-align:center;
}
#tb6 li div{
	display:inline-block;
	padding:1px 0 1px 0;
	text-align:center;
	margin:-4px;
	font-size:15px;
	line-height:30px;
	}
#tb6 .th1{width:217px;margin-right:2px;}
#tb6 .th2{width:201px;margin-right:2px;}	
#tb6 .th3{width:201px;margin-right:2px;}	
#tb6 .th4{width:179px; }
.th6bg{ background-color:#ffdaa6;}
.thbg{background-color:#E8D6B3;}
/* 匯出所有虛寶序號 */
.gt{
	position:relative;
	width:200px;
	height:40px;
	display:block;
	background-image: url(../images/gt.png);
	background-position: 0 0;
	cursor: pointer;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:15px;
	}
.gt:hover{background-position: 0 40px;}	

/* 得獎 */
.gamebox3 {
	margin: 0px auto;
	padding-bottom:5px;
	width:100%;
	font-size: 15px;
	line-height: 23px;
	}
.fn1 {
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size:2.5em;
	line-height:50px;
	color:#49382f;/*795397*/
	text-align:center;
	font-weight: 700;
	padding-top:13px;
	letter-spacing: 5px;
	width: 95%;
	}
	.fn2 {
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size:1em;
	line-height:30px;
	color:#49382f;/*795397*/
	text-align:center;
	font-weight: 700;
	padding-top:0px;
	letter-spacing: 5px;
	}
.s2 {
	width: 100%;
	margin: 0px auto;
	height: 11px;
	margin-top:5px;
	margin-bottom:5px;
	background-image: url(../images/s1.png);
	}




.tc{font-size:15px;line-height:30px; padding-bottom:30px;}
.tc0 {
	width:99.7%;
	display:inline-block;
	background-color:#ffa800;/*795397*/
	padding:1px 0 1px 0;
	text-align:center;
	color:#fff;
	line-height:30px;
	height:30px;
	border-radius:5px;
	}
.tc1 { 
	width: 100%;
	font-size:1.5em;
	color:#534532;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;

	}
.tc2 { 
	width: 100%;
	font-size:16px;
	color:#534532;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	}
.tc1 strong{ font-size:21px;  display:inline-block;}

.mttl{width: 90%;color:#534532;margin: 0px auto;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif; font-size:21px;  display:inline-block;}
.tc2 { 
	width:99%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#bfb29a;/*ae9abf*/
	text-align:center;
	float:left;
	color:#534532;
	}	
/* 匯出所有虛寶序號 */
.cub{
	position:relative;
	width:147px;
	height:36px;
	display:block;
	background-image: url(../images/cbuo.png);
	background-position: 0 0;
	cursor: pointer;
	margin:0 auto;
	/*margin-top:5px;
	margin-bottom:15px;*/
	}
.cub:hover{background-position: 0 36px;}	
	
@media only screen and (max-width:550px){
	.notex{width: 90%;}
	.fn1 {
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	font-size:1.8em;
	line-height:50px;
	color:#49382f;/*795397*/
	text-align:center;
	font-weight: 700;
	padding-top:13px;
	letter-spacing: 5px;
	width: 95%;
	}
}