@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;}
.share-bar {width:99%;background-color: #FFFFFF;}
/*登入顯示*/
.loginArea{display:none;}
.loginArea1{display:block;}
.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;}
.head-fbinfo {display:none;}
}
@media screen and (max-width: 360px) and (min-width: 321px)  {
.wrap{width:100%;}
#swiffycontainer{height:397px;display:block;}
.logoBtn{width:80px;height:40px;}
.head-fbinfo {display:none;}
}

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

@media screen and (max-width:569px) and (min-width: 481px) {
.wrap{width:100%;}
#swiffycontainer{height:627px;display:block;}
.logoBtn{width:110px;height:50px;}
.head-fbinfo {display:none;}
}
@media screen and (max-width:598px) and (min-width: 570px) {
.wrap{width:100%;}
#swiffycontainer{height:659px;display:block;}
.logoBtn{width:110px;height:50px;}
.head-fbinfo {display:none;}
}
@media screen and (max-width:680px) and (min-width: 599px) {
.wrap{width:100%;}
#swiffycontainer{height:706px;display:block;}
.logoBtn{width:120px;height:60px;}
.head-fbinfo {display:none;}
}
@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;}
}