@charset "utf-8";
/* CSS Document */
body{margin:0 auto;padding:0;}
.wrap{margin:0 auto;padding:0;}
.eventFoot,.eventFoot_mobile{margin:0 auto;text-align:center;}
.eventFoot{display:none;}
.eventFoot_mobile{display:block;margin:0 auto;}

/*管遊戲顯示*/
#forIe{display:none;}
#swiffycontainer{display:block;margin:0 auto;padding:0;}

/*登入顯示*/
.loginArea{display:none;}
.loginArea1{display:block;}
/*.loginArea{display: block;}
.loginArea1{display: none;}*/
.loginTopicBox{
	margin:0 auto;
	padding:0;
	position:relative;
}
.loginTopicBox img{
	display:block;
	border:0;
	width:100%;
}
.logoBtn{
	display:block;
	background:url(imags/logoBg.gif) left top repeat;
	position:absolute;z-index:2;
	left:0;top:0;
}
/*說明顯示*/
.infoArea{display:none;}
.infoArea1{display:block;}

@media screen and (max-width: 320px) and (min-width: 5px)  {
.wrap{width:100%;}
#swiffycontainer{height:353px;display:block;}
.logoBtn{width:80px;height:40px;}

}
@media screen and (max-width: 360px) and (min-width: 321px)  {
.wrap{width:100%;}
#swiffycontainer{height:397px;display:block;}
.logoBtn{width:80px;height:40px;}
}

@media screen and (max-width: 460px) and (min-width: 361px)  {
.wrap{width:100%;}
#swiffycontainer{height:507px;display:block;}
.logoBtn{width:90px;height:40px;}
}
@media screen and (max-width: 480px) and (min-width: 461px)  {
.wrap{width:100%;}
#swiffycontainer{height:529px;display:block;}
.logoBtn{width:90px;height:40px;}
}

@media screen and (max-width:569px) and (min-width: 481px) {
.wrap{width:100%;}
#swiffycontainer{height:627px;display:block;}
.logoBtn{width:110px;height:50px;}
}
@media screen and (max-width:598px) and (min-width: 570px) {
.wrap{width:100%;}
#swiffycontainer{height:659px;display:block;}
.logoBtn{width:110px;height:50px;}
}
@media screen and (max-width:640px) and (min-width: 599px) {
.wrap{width:100%;}
#swiffycontainer{height:706px;display:block;}
.logoBtn{width:120px;height:60px;}
}
@media screen and (max-width:1920px) and (min-width:768px) {
.wrap{width:950px;}
#swiffycontainer{width: 950px;height: 600px;}
#forIe{display:block;}
#swiffycontainer{display:none;}
.eventFoot{display:block;}
.eventFoot_mobile{display:none;}
.loginArea{display:block;}
.loginArea1{display:none;}
.infoArea{display:block;}
.infoArea1{display:none;}
}


/*管內容顯示*/
/*
#dataTopic{display:block;margin:0 auto -1px;position:relative;}
#dataTopic img{width:100%;display:block;}
#dataTopic a{display:block;position:absolute;z-index:2;}

.homeBtn{
	width:90px;height:90px;
	right:0;bottom:0;
}
.dataContent{
	margin:0 auto;
	padding:10px 0 0;
	background:url(../images/dataContentBg.jpg) left top repeat-y;
	text-align:center;
	background-size:100%;
}
.data_box1{
margin:0 auto;
padding:0;
width:86%;
background:url(../images/info3_23.jpg) center top no-repeat;
background-size:100%;
}

.data_main{
list-style-type:none;
display:block;
padding:2% 10px 1%;
margin:0 auto 6px;
overflow:hidden;
}

.data_main li{
float:left;
width:29%;
padding:0 0.5%;
text-align:center;
font-size:100%;
}
.data_main li img{
displat:block;
width:100%;
}
.data_main li:first-child{
width:9%;
padding:20px 0.5% 0;
text-align:center;
}
.data_day_d1 {
font:700 180%/1.2 Verdana, Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:-1px;
text-align:center;
display:block;}

.data_day_d1 i{
font:700 20px/1.2 Verdana, Arial, Helvetica, sans-serif;
}
.data_day_d2 {
font:700 260%/1.2 Verdana, Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:-1px;
text-align:center;
display:block;}

.noteImg{
	display:block;
	margin:0 auto 10px;
	padding-top:8px;
}

.noteImg img{display:block;}

.otherLinkBox{
	margin:0 auto;
	padding:0;
	text-align:center;
}
.otherLinkBox a{
	display:inline-block;
}

.otherLinkBox a img{
	display:block;
	width:100%;
}

.dataTail{
	margin:-1px auto 0;
	padding:0;
	display:block;
}

.dataTail img{
	display:block;
	width:100%;
}*/
/*info 步驟說明*/
/*
.stepImg{
	display:block;
	margin:0 auto 8px;
	text-align:center;
}
.stepImg img{
	display:block;	
	margin:0 auto;
	width:100%;
}

.contentBox{
width:90%;
margin:0 auto;padding:0;
text-align:left;
font:normal 100%/1.4 Arial, Helvetica, sans-serif;
color:#333;}

.titale {
font:900 120%/1.4 Arial;
color:#FFFF66;
background-color: #FF6666;
display:inline;
padding:3px;}

.textp{
color:#ff0000;
margin:0 auto 8px;
width:96%;
display:block;}
*/
/*list用*/
/*
.iceCreamBox{
margin:0 auto;display:block;
width:48%;padding:0 0 0 41%;
position:relative;
}

.x2{background:none;}
.x3{background:none;}

.colorBox{
padding:20px 10px;
margin:0 auto 18px;
text-align:left;
display:block;
}

.list_box1{background-color:#ff58b3;border-radius:15px;}
.list_box2{background-color:#5c9234;border-radius:15px;}
.list_box3{background-color:#765bff;border-radius:15px;margin-bottom:55px;}

.x2 .list_box1{display:none;}

.colorBox h3{
margin:0 auto;
padding:0 0 5px;
font:900 16px/1.1 "微軟正黑體","Microsoft JhengHei","PMingLiU", Arial, Verdana Sans-serif;
color:#FFFF00;
}
.colorBox h3 span,.colorBox h4 span{
padding:2px;
font:900 14px/1.1  "微軟正黑體","Microsoft JhengHei","PMingLiU", Arial, Verdana Sans-serif;
color:#fff;
}
.colorBox h4{
margin:0 auto;
padding:0 0 5px;
font:900 16px/1.1 "微軟正黑體","Microsoft JhengHei","PMingLiU", Arial, Verdana Sans-serif;
color: #fff;
}
.colorBox b{
margin:0;
padding:2px 5px;
font:normal 14px/1.1 "微軟正黑體","Microsoft JhengHei","PMingLiU", Arial, Verdana Sans-serif;
color: #fff;
background-color:#000;}

.colorBox p{
margin:0 auto;
padding:5px 1%;
font:normal 12px/1.2 "微軟正黑體","Microsoft JhengHei","PMingLiU", Arial, Verdana Sans-serif;
color: #fff;}

.colorBox p a{
margin:0;
font-family:"新細明體";
text-align:right;
color: #FFFF00;
padding-left:5px;
}

.submenuBox{
	margin-bottom:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.submenuBox a{
	display:inline-block;
	width:144px;
	text-align:center;
}
.submenuBox a img{
	display:block;
	width:100%;
}
.noteBox{
	display:block;
	font:bold 13px/1.4 Arial, Helvetica, sans-serif;
	color:#ff0000;
}*/