body {background-color:#000;}

a {text-decoration: none; cursor:pointer;}
a:hover {text-decoration: none; background-position:bottom;}

.wrapper {width:100%; min-width:1000px; height:auto; margin:0 auto; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:top center; overflow:hidden;}

/*字型顏色*/
.yellow {color:#FF0;}

/*MENU選單*/
#menuBG {width:100%; height:91px; background:url(../images/menu_bg.png) top center no-repeat; position:absolute; display:block; top:870px; left:0px; z-index:6;}
.menu {width:1000px; height:80px; margin:23px auto 0px auto; text-align:center;}
.menu ul {display: inline-block;}
.menu ul li {display:inline;}
.menu ul li a:hover { background-position:bottom;}
.menu ul li a#btn01 { width:294px; height:47px; background-image:url(../images/menu_01.png); display:block; float:left; margin:0px 15px;}
.menu ul li a#btn02 { width:295px; height:47px; background-image:url(../images/menu_02.png); display:block; float:left; margin:0px 15px;}
.menu ul li a#btn03 { width:294px; height:47px; background-image:url(../images/menu_03.png); display:block; float:left; margin:0px 15px;}


/*HEAD*/
#BG00 {width:100%; min-width:1000px; height:980px; position:relative; float:left; z-index:1;}
.head {width:1000px; height:980px; position:relative; margin:0 auto;}
#LOGO {width:461px; height:246px; background:url(../images/logo.png) top center no-repeat; top:55px; right:35px; position:absolute; z-index:6;}
.flash {width:1480px; height:835px; top:0px; left:-25px; display:block; position:absolute; z-index:2;}
.slogan {width:755px; height:228px; background:url(../images/slogan.png) top center no-repeat; bottom:170px; right:50px; display:block; position:absolute; z-index:3;}


/*APP下載*/
#APPDownload {width:100%; min-width:1000px; height:223px; position:relative; float:left; z-index:1;}
.APPbox {width:1000px; height:223px; margin:0px auto; background:url(../images/appdownload_bg.png) top center no-repeat; position:relative;}
.android {width: 284px;	height: 86px; background: url(../images/app_android.png) top center no-repeat; position: absolute; top: 95px; left: 65px; display: block;}
.ios {width: 284px; height: 86px; background: url(../images/app_ios.png) top center no-repeat; position: absolute; top: 95px; left: 375px; display: block;}


/*--------------------------------活動1 神將抽抽樂開始--------------------------------*/
#BG01 {width:100%; min-width:1000px; height:850px; position:relative; float:left; z-index:1;}
.event {width:1000px; height:850px; background:url(../images/event_bg.png) top center no-repeat; position:relative; margin:0px auto 0px auto;}
.title01 {width:545px; height:75px; background:url(../images/event_titile_01.png) top left no-repeat; top:-5px; left:50px; position:absolute;}

/*抽卡機會*/
.chance {width:auto; height:65px; line-height:65px; overflow:hidden; font-size:37px; color:#fff; font-family:"微軟正黑體"; font-weight:bold; top:100px; left:130px; display:block; position:absolute; z-index:5;}
.chanceNum {color:#0f6; font-size:75px;}

/*球員卡總覽*/
.cardListBTN {width:222px; height:186px; background:url(../images/card_list.png) top center no-repeat; top:85px; right:50px; display:block; position:absolute;}

/*球員卡最終型態*/
.cardInfo {width:850px; height:auto; overflow:hidden; margin:10px auto; font-size:20px; font-weight:bold; color:#fff; text-align:center;}

/*facebook登入抽卡按鈕*/
.BTNbox {width:430px; height:auto; top:280px; right:50px; position:absolute; z-index:6;}
.BTNbox ul{display: inline-block;}
.BTNbox ul li {display:block;}
.BTNbox ul li a:hover {position:relative; bottom:2px;}
.BTN {width:430px; height:100px; background:url(../images/btn_bg.png) top center no-repeat; line-height:100px; text-align:center; font-family:"微軟正黑體"; font-size:38px; font-weight:bold; color:#FFF; display:block; margin:10px auto;}
.enWord {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

/*卡片*/
#PEO01 {width:650px; height:650px; background:url(../images/peo_01.png) top center no-repeat; top:150px; left:-30px; position:absolute; z-index:1;}
.card {width:447px; height:447px; top:220px; left:60px; position:absolute; display:block; z-index:2;}

/* 動畫keyframes;  从0度旋轉到360度 */
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

#cardeff { /* 動畫效果 */
	background: url(../images/cards_light.png) 0 0 no-repeat; 
	position: absolute; 
	top: 220px; 
	left: 60px; 
	width: 444px; 
	height: 444px; 
	z-index:3;

	/* microsoft ie */
	animation-name: spin; 
	animation-duration: 20000ms; /* 20 seconds */
	animation-iteration-count: infinite; 
	animation-timing-function: linear;
}

/*領取序號按鈕*/
.BTNsn {width:315px; height:75px; bottom:80px; left:125px; background:url(../images/btnsn_bg.png) top center no-repeat; line-height:75px; text-align:center; font-family:"微軟正黑體"; font-size:23px; font-weight:bold; color:#FFF; display:block; position:absolute; z-index:5;}
.snTEXT {width:315px; height:75px; bottom:80px; left:125px; background:#fff; line-height:75px; text-align:center; font-family:"微軟正黑體"; font-size:18px; font-weight:bold; color:#333; display:block; position:absolute; z-index:5;}

/*--------------------------------活動1 神將抽抽樂結束--------------------------------*/



/*--------------------------------活動2 每日送金球開始--------------------------------*/
#BG02 {width:100%; min-width:1000px; height:850px; position:relative; float:left; z-index:1;}
.event {width:1000px; height:850px; background:url(../images/event_bg.png) top center no-repeat; position:relative; margin:0px auto 0px auto;}
.title02 {width:545px; height:75px; background:url(../images/event_titile_02.png) top left no-repeat; top:-5px; left:50px; position:absolute;}
#PEO02 {width:514px; height:605px; background:url(../images/peo_02.png) top center no-repeat; top:180px; left:80px; position:absolute; z-index:1;}


#PEO02Talk {width:378px; height:139px; background:url(../images/talk.png) top center no-repeat; top:260px; right:80px; display:block; position:absolute; z-index:1;}

/*金球序號列表*/
.shareSNList {width:430px; height:auto; overflow:hidden; top:100px; right:50px; position:absolute; z-index:6;}
.shareSNTitle {width:100%; float:left; background:#1c120d;}
.dateTitle {width:160px; height:35px; line-height:35px; text-indent:10px; font-size:22px; font-family:"微軟正黑體"; font-weight:bold; color:#fff; float:left;}
.goldSNTitle {width:250px; height:35px; line-height:35px; text-indent:10px; font-size:22px; font-family:"微軟正黑體"; font-weight:bold; color:#fff; float:left;}

.shareSNBox {width:430px; height:270px; overflow-y:scroll; float:left;}
.shareSNBox ul{display: inline-block;}
.shareSNBox ul li {display:block; line-height:30px; color:#FFF;}
.shareSNBox ul li .date {width:160px; height:35px; line-height:35px; text-indent:10px; font-size:15px; font-family:"微軟正黑體"; color:#fff; float:left;}
.shareSNBox ul li .goldSN {width:250px; height:35px; line-height:35px; text-indent:10px; font-size:15px; font-family:"微軟正黑體"; color:#fff; float:left;}

.shareBTN a:hover{position:relative; bottom:2px;}
.shareBTN {width:430px; height:100px; top:420px; right:50px; line-height:100px; text-align:center; font-family:"微軟正黑體"; font-size:38px; font-weight:bold; color:#FFF; display:block; position:absolute;}

/*--------------------------------活動2 每日送金球結束--------------------------------*/


/*email寄序號*/
#sendemail {width:100%; min-width:1000px; height:223px; position:relative; float:left; z-index:1;}
.emailbox {width:1000px; height:212px; margin:0px auto; background:url(../images/email_bg.png) top center no-repeat; position:relative;}
.emailText {width:300px; height:38px; top:100px; left:50px; position:absolute; display:block;}
.emailText input {width:450px; border: 1px solid #FFF; background:#3d322c; height: 38px; color:#fff; font-family:Verdana, Geneva, sans-serif; margin-left:15px; text-indent:2px;}
.emailBTN {width:165px; height:40px; background:url(../images/btn_email.png) top center no-repeat; top:100px; left:520px; line-height:40px; text-align:center; font-family:"微軟正黑體"; font-size:25px; font-weight:bold; color:#FFF; display:block; position:absolute; z-index:5;}



/*--------------------------------活動3 粉絲集氣讚開始--------------------------------*/
#BG03 {width:100%; min-width:1000px; height:850px; position:relative; float:left; z-index:1;}
.event {width:1000px; height:850px; background:url(../images/event_bg.png) top center no-repeat; position:relative; margin:0px auto 0px auto;}
.title03 {width:545px; height:75px; background:url(../images/event_titile_03.png) top left no-repeat; top:-5px; left:50px; position:absolute;}

.LikeBox {width:430px; height:100px; top:150px; left:285px; display:block; position:absolute;}
.LikeBox a:hover{position:relative; bottom:2px;}
.LikePic {width:116px; height:107px; background:url(../images/good_icon.png) top center no-repeat; top:-10px; right:-10px; display:block; position:absolute;}

.fbBox {width:auto; height:auto; overflow:hidden; display:block; top:180px; right:200px; position:absolute;}

/*集氣獎項*/
.present {width:933px; height:240px; background:url(../images/present.png) top center no-repeat; top:299px; left:34px; display:block; position:absolute; z-index:1;}
.LikeBarBG {width:800px; height:35px; border:2px solid #F30; top:453px; left:100px; display: block;	position:absolute; z-index:2;}

/*集氣人數Bar*/
.LikeBar {width:0px; height:35px; background:url(../images/likebar.png) top left repeat; top:455px; left:102px; display: block;	position:absolute; z-index:3;}

#PEO03 {width:404px; height:271px; background:url(../images/peo_03.png) top center no-repeat; top:530px; right:100px; display:block; position:absolute; z-index:7;}


/*--------------------------------活動3 粉絲集氣讚結束--------------------------------*/

/*規則*/
.ruleBox {width:430px; height:auto; top:550px; right:50px; position:absolute; z-index:6;}
.ruleBox ul{display: inline-block;}
.ruleBox ul li {display:block; line-height:30px; color:#FFF;}
.ruleBox ul li .ruletitle {width:430px; height:45px; line-height:45px; color:#FFF; font-family:"微軟正黑體"; font-weight:bold; background:#1c120d; text-indent:10px;}


/*規則*/
.ruleBox2 {width:700px; height:auto; top:580px; left:100px; position:absolute; z-index:6;}
.ruleBox2 ul{display: inline-block;}
.ruleBox2 ul li {display:block; line-height:30px; color:#FFF;}
.ruleBox2 ul li .ruletitle {width:700px; height:45px; line-height:45px; color:#FFF; font-family:"微軟正黑體"; font-weight:bold; background:#1c120d; text-indent:10px;}


/*球員卡總覽*/
.popup {width:982px; height:auto; overflow:hidden; display:none; z-index:999; margin-left: -491px; position: absolute; left: 50%; top: 50px;}
.popup .title {width:100%; height:93px; position:relative; float:left; background:url(../images/pop_title.png) top center no-repeat;}
.popup .box {width:100%; height:700px; float:left; background:url(../images/pop_bg.png) top center repeat; overflow-y:auto;}
.cardList {width:850px; height:auto; overflow:hidden; margin:0px auto;}
.cardList ul{display:inline-block;}
.cardList ul li {display:inline; margin:6px;}
.popup .foot {width:100%; height:19px; float:left; background:url(../images/pop_foot.png) top center no-repeat;}
.popclose {width:44px; height:44px; background-image:url(../images/close.png); position:absolute; display:block; top:20px; right:40px; cursor:pointer;}


/*黑色背景*/
#blackbg {width:100%; height:1001; overflow:hidden; display:block; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.8); z-index:900; display:none;}


/*版權*/
#footer {width:100%; min-width:1000px; height:80px; background-color:#150d0a; position:relative; float:left; z-index:1; text-align:center;}
#footer a:hover{position:relative; bottom:1px;}
#footer ul {width:auto; height:85px; display:inline-block; overflow:hidden;}
#footer ul li {width:auto; height:85px; display:inline; overflow:hidden;}
#footer ul li .cmlogo{width:214px; height:85px; background:url(../images/cmlogo.png) 0px 20px no-repeat; display:block; float:left; margin:0px 8px;}
#footer ul li .gtlogo{width:66px; height:85px; background:url(../images/gtlogo.png) 0px 17px no-repeat; display:block; float:left; margin:0px 8px;}
#footer ul li .moailogo{width:74px; height:85px; background:url(../images/moaicity_logo.png) 0px 18px no-repeat; display:block; float:left; margin:0px 8px;} 
#footer ul li .limit{width:376px; height:85px; background:url(../images/limit.png) 0px 17px no-repeat; float:left; margin:0px 8px;}

/*系統POPUP*/
/*
.sysPOPUP {width:662px; height:367px; background:url(../images/sys_pop_bg.png) top center no-repeat; display:none; z-index:999; margin-left: -331px; position:absolute; left: 50%; top: 100px;}
*/
.sysPOPUP {width:662px; height:367px; background:url(../images/sys_pop_bg.png) top center no-repeat; display:none; z-index:999; margin-left: -331px;}
.sysPOPUPtext {width:420px; height:140px; display:block; position:absolute; top:110px; left:20px; font-size:20px; font-family:"微軟正黑體"; font-weight:bold; color:#FFF;margin-left: -331px;}
.sysBTNbox {width:420px; height:40px; display:block; position:absolute; bottom:60px; left:20px;margin-left: -331px;}
.sysBtnbox ul li{display:inline;}
.sysBTN {width:165px; height:40px; background:url(../images/btn_email.png) top center no-repeat; line-height:40px; text-align:center; font-family:"微軟正黑體"; font-size:25px; font-weight:bold; color:#FFF; display:inline-block; float:left; margin-right:10px;}
.sysclose {width:44px; height:44px; background-image:url(../images/close.png); position:absolute; display:block; top:50px; cursor:pointer;left: -51%;}