@charset "utf-8";
/* css reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:100%;}
address,caption,cite,code,dfn,em,th,var { font-weight:normal; font-style:normal;} 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
input,textarea,select{ font-family:Verdana, Arial, Helvetica, sans-serif;}
caption,th{ text-align:left;}
q:before, q:after{ content: '';}
ul,ol,dl{ list-style:none;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

html{-webkit-text-size-adjust:none;}

body{ background:url(../images/ver3/bg_body.png) repeat-x #F2F2F2; font:normal 12px/1.5 Tahoma, "Lucida Grande", Verdana, "新細明體", "Lucida Sans Unicode", sans-serif; color:#000;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#0C6DAF;}
#header{ position:absolute; z-index:9997; left:50%; margin-left:-480px; top:7px; width:960px; height:84px; background:url(../images/ver3/bg_header.png) no-repeat;}
.index #header{ background-image:url(../images/ver3/bg_header_home.png);}
.logo{ float:left; margin:10px 60px 0 20px;}
.pannel{ float:right; margin:9px 0; height:25px; font-size:11px; padding-right:22px;}
.nav{ float:left; width:740px; height:33px; background:url(../images/ver3/sprites_header.png) no-repeat 0 0;}
.nav li{ float:left; width:148px; text-align:center;}
.nav li a{ display:block; font-size:14px; font-weight:bold; color:#FFF; text-shadow:1px 1px 2px #333; line-height:34px; background:url(../images/ver3/sprites_header.png) no-repeat 0 -80px;}
.nav li a:hover{ color:#333; text-shadow:none;}
.nav li a:hover{ background-position:-148px -40px;}
.nav .first a:hover{ background-position:0 -40px;}
.nav .last a{ background-position:-999em;}
.nav .last a:hover{ background-position:-592px -40px;}
.timePannel{ float:left; line-height:25px; margin:0 2px;}
.timePannel img{ cursor:pointer;}
.loginPannel{ float:left;}
.loginPannel li{ float:left; margin-left:5px;}
.iggLogin{ float:left; height:25px; font-weight:bold; line-height:23px;}
.iggLogin a{ float:left; height:23px; padding:0 8px; background:url(../images/ver3/sprites_header.png) no-repeat; border:1px solid #333; border-radius:4px;}
.iggLogin .btnLogin a{ background-position:0 -150px;}
.iggLogin .btnSignUp a{ background-position:0 -120px;}
.openLogin{ float:left; height:25px;}
.openLogin a{ display:block; width:25px; height:25px; text-indent:-999em; overflow:hidden; background:url(../images/ver3/sprites_header.png) no-repeat;}
.openLogin .or{ background:url(../images/ver3/ico_or.png?v0225) no-repeat center center; line-height:25px; padding:0 3px; font-size:11px; text-align:center;}
.openLogin .iconFacebook a{ background-position:0 -180px;}
.openLogin .iconYahoo a{ background-position:-30px -180px;}
.openLogin .iconMsn a{ background-position:-60px -180px;}
.openLogin .iconGoogle a{ background-position:-90px -180px;}
.openLogin .iconTwitter a{ background-position:-120px -180px;}
.openLogin .iconLinkedin a{ background-position:-150px -180px;}
.memberInfo{ line-height:25px;}
.memberInfo a{ float:left; padding:0 5px; margin-top:4px; height:17px; line-height:17px; border:1px solid #C8CBCA; border-top:none; border-radius:3px; background:url(../images/ver3/sprites_header.png) no-repeat -540px -120px;}
.memberInfo .menu{ background-position:right -120px; padding-right:14px;}
.memberInfo .expanded{ position:relative; z-index:1;}
.memberInfo .expanded a{ border-radius:0;}
.memberInfoSub{ display:none; position:absolute; z-index:1; top:21px; left:0; background:#BABABA; border:1px solid #C8CBCA; border-top:none; padding:2px 5px;}
.memberInfo .expanded .memberInfoSub{ display:block;}
.memberInfoSub li{ float:none; clear:both; line-height:20px; margin:0;}
.memberInfoSub a{ float:none; background:none; border:none; margin:0; padding:0; white-space:nowrap;}
/*.countryPannel{ float:right; margin:0 22px 0 15px; position:relative; z-index:1; display:none;}
.countryPannel a{ float:left; height:23px; line-height:23px; background:url(../images/ver3/sprites_header.png) no-repeat right -150px; border:1px solid #999; border-radius:5px; padding:0 24px 0 8px;}
.countryPannel a img{ float:left; margin:5px 5px 0 0; border:1px solid #333;}*/
.popLayer{ position:fixed; z-index:99998; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.6; filter:alpha(opacity=60);}
.countryPannel{ float:right; margin:0 0 0 22px; position:relative; z-index:1;}
.countryPannel a{ float:left; height:23px; line-height:23px; background:url(../images/ver3/sprites_header.png) no-repeat right -150px; border:1px solid #999; border-radius:5px; padding:0 24px 0 8px;}
.countryPannel a img{ float:left; margin:5px 5px 0 0;}
.countrySwitch{ background:#A1A4A9; background:rgba(161, 164, 169, 0.6); border-radius:8px; padding:7px; width:892px; position:absolute; z-index:99999; top:125px; left:50%; margin-left:-453px;}
.countrySwitch .close{ display:block; position:absolute; top:9px; right:9px; width:19px; height:18px; text-indent:-999em; overflow:hidden; background:url(../images/ver3/sprites_header.png) no-repeat -721px -230px;}
.countryContainer{ width:850px; border:1px solid #888; background:#FFF; font-size:11px; padding:15px 20px;}
.countryContainer .country{ width:650px; padding-right:10px; margin-right:10px; border-right:1px dashed #999; min-height:180px;}
.countryContainer .language{ width:178px;}
.countryContainer dl{ float:left;}
.countryContainer dt{ font-weight:bold; border-bottom:1px solid #E9E9E9; padding-bottom:5px;}
.countryContainer dd{ padding:10px 8px 0 2px; line-height:16px;}
.countryContainer .country dd{ float:left; width:206px;}
.countryContainer dd a{ white-space:nowrap; padding-right:12px;}
.countryContainer dd img{ float:left; margin:2px 5px 0 0; border:1px solid #333;}
.countryContainer .language dd a{ clear:both; float:none;}
.countryContainer dd a.selected{ background:url(../images/ver3/icon_selected.png) no-repeat right center; font-weight:bold;}
.countryContainer .btnConfirm{ float:left; width:850px; margin-top:15px; border-top:1px solid #E9E9E9; text-align:center; padding-top:12px;}
.countryContainer .btnConfirm a{ display:inline-block; height:23px; line-height:23px; padding:0 10px; color:#CA6400; border:1px solid #DA8F0E; border-radius:4px; background:url(../images/ver3/sprites_header.png) no-repeat -540px -190px; font-weight:bold;}
.countryContainer .btnConfirm a:hover{ color:#F30; border-color:#F60;}

/*footer*/
#footer{ width:960px; margin:10px auto; background:url(../images/ver3/bg_footer.png) repeat-x #191919; color:#8C8C8C; border-radius:5px; padding:15px 0; text-align:center;}
.siteNav dl{ float:left; margin-left:15px; width:135px; text-align:left;}
.siteNav .s1,.siteNav .s2,.siteNav .s3{ width:155px;}
.siteNav dt{ color:#FFF; font-size:14px; background:url(../images/ver3/sprites_footer.png) no-repeat; padding-left:28px; line-height:24px; margin-bottom:5px;}
.siteNav .s1 dt{ background-position:0 0;}
.siteNav .s2 dt{ background-position:0 -24px;}
.siteNav .s3 dt{ background-position:0 -48px;}
.siteNav .s4 dt{ background-position:0 -72px;}
.siteNav .s5 dt{ background-position:0 -96px;}
.siteNav .s6 dt{ background-position:0 -120px;}
.siteNav dd{ padding:3px;}
.siteNav dd a{ color:#65BBF5;}
.siteNav dd a:hover{ color:#FFF;}
.copyright{display:inline-block; +display:inline; zoom:1; background:url(../images/ver3/sprites_footer2_double.png) no-repeat left top; line-height:38px; padding-left:150px; margin:25px 0 0 0;background-size:147px;}
.copyright:before{background:url(../images/ver3/sprites_footer.png) no-repeat 0 -144px;width:72px;float:left;content:"\20";height:38px;}
.copyright a{ color:#CCC; text-decoration:underline;}
.copyright a:hover{ color:#FFF;}

/*homepage*/
#gameSlider{ width:100%; overflow:hidden; position:relative; z-index:1;}
#gameSlider a{outline:none;}
.sliderContent{ height:590px; background-color:#000; margin:0 auto;}
.sliderContent li{ height:590px; background-position:center top; overflow:hidden;}
.sliderEntry{ width:960px; margin:0 auto;}
.sliderText{ padding:260px 115px 0 545px; height:110px; font-size:16px;line-height:1.2; color:#333; text-shadow:1px 1px 1px rgba(0,0,0,0.2); position:relative;}
.sliderText .shadow{ width:300px; margin:-1px 0 0 -1px; color:#FFF; position:absolute;}
.sliderBtn{ padding:0 115px 0 545px;}
.sliderBtn a{ display:block; width:197px; height:59px; margin:0 auto; background:url(../images/ver3/sprites_slider.png) no-repeat -140px 0; color:#333; font-size:20px; line-height:56px; text-align:center;}
.sliderBtn a:hover{ background-position:-140px -90px;}
.sliderFooter{ height:120px; position:relative; margin-top:-120px; z-index:2; background:url(../images/ver3/bg_slider_footer.png) no-repeat center 16px;}
.sliderCarousel{ width:960px; margin:0 auto; position:relative; z-index:2;}
.sliderCarousel a{ display:block; position:absolute; z-index:3; width:38px; height:79px; text-indent:-999em; overflow:hidden; background:url(../images/ver3/sprites_slider.png) no-repeat;}
.sliderCarousel a.prev{ background-position:0 0; top:-270px; left:0;}
.sliderCarousel a.prev:hover{ background-position:-60px 0;}
.sliderCarousel a.next{ background-position:0 -90px; top:-270px; right:0;}
.sliderCarousel a.next:hover{ background-position:-60px -90px;}
.sliderNav{ width:940px; margin:0 auto;}
.sliderNav li{ float:left;}
.sliderNav a{ display:block; height:107px; background:url(../images/ver3/sprites_slider_4.png) no-repeat; color:#000;}
.sliderNav a:hover img{ margin:31px 0 0 17px;}
.sliderNav .s1 a{ width:235px; background-position:0 -190px;}
.sliderNav .s1 a.current{ background-position:0 -300px;}
.sliderNav .s2 a{ width:235px; background-position:-235px -190px;}
.sliderNav .s2 a.current{ background-position:-235px -300px;}
.sliderNav .s3 a{ width:235px; background-position:-470px -190px;}
.sliderNav .s3 a.current{ background-position:-470px -300px;}
.sliderNav .s4 a{ width:235px; background-position:-705px -190px;}
.sliderNav .s4 a.current{ background-position:-705px -300px;}
.sliderNav img{ float:left; margin:30px 0 0 16px; width:70px; height:60px; border:1px solid #333;}
.sliderNav h3{ float:left; cursor:pointer; margin:50px 0 0 15px; /*width:200px;*/ font-weight:bold; font-family:"Times New Roman", Times, serif; line-height:1; font-size:13px; text-transform:uppercase;}
.sliderNav p{ float:left; cursor:pointer; margin:5px 0 0 15px; font-size:10px; visibility:hidden}
.sliderNav .number{ color:#2951FF;}
.sliderNav .current p { color:#FFF;}

#home{ background:url(../images/ver3/bg_index.png) repeat-x; padding-top:10px;}
#wrapper{ width:958px; margin:0 auto; border:1px solid #C2C2C2; box-shadow:0 0 4px rgba(0, 0, 0, 0.25); background:#FFF; border-radius:5px; min-height:500px;}

.homeGames{ float:left; width:585px; padding:13px 0 13px 13px;}
.homeGamesHead{ height:34px; background:url(../images/ver3/sprites_home.png) no-repeat 0 -100px;}
.homeGamesHead h3{ float:left; margin:5px 0 0 8px; height:24px; line-height:24px; background:url(../images/ver3/sprites_home.png) no-repeat; font-size:15px; padding-left:28px;}
.homeGamesHead h3.s1{ background-position:0 0;}
.homeGamesHead h3.s2{ background-position:0 -24px;}
.homeGamesHead h3.s3{ background-position:0 -48px;}
.homeMore{ float:right; margin:8px 10px 0 0; background:url(../images/ver3/sprites_home.png) no-repeat right 5px; font-size:10px; padding-right:12px; text-transform:uppercase;}
.homeGamesList{ background:url(../images/ver3/sprites_home.png) no-repeat 0 -134px; padding-bottom:17px;}
.homeGamesList dl{ float:left; margin:17px 0 0 14px; width:274px; height:auto; min-height:70px;}
.homeGamesList dt{ float:left; border:1px solid #333; font:0/0 Arial; margin:0 14px 25px 0;}
.homeGamesList .gameName{ font-size:14px; font-weight:bold; line-height:1;}
.homeGamesList .gameType{ padding:2px 0 4px 0; text-transform:uppercase; font-size:9px; color:#0185b6; font-family:'Monda', sans-serif;}
.homeGamesList .gameBtn a{ float:left; margin:0 10px 5px 0; height:14px; background:#575757; padding:0 5px; line-height:14px; border-radius:3px; font-size:10px; color:#FFF;}
.homeGamesList .gameBtn a:hover{ color:#A6DEDC;}
.gameArea{ color:#F60;}
.banner{ float:right; width:336px; margin:13px 12px 0 0;}
.homeNews{ float:right; width:336px; margin:10px 12px; background:url(../images/ver3/sprites_home.png) no-repeat -600px -100px; border-bottom:1px solid #E0DFDE;}
.homeNewsHead{ height:34px;}
.homeNewsHead h3{ float:left; margin:4px 0 0 32px; font-size:15px; line-height:24px;}
.homeNewsTitle{ display:block; height:31px; background:url(../images/ver3/sprites_home.png) no-repeat -600px -60px; line-height:30px; padding:0 55px 0 28px; position:relative; z-index:1; white-space:nowrap; overflow:hidden;}
.homeNewsTitleFull{ display:none; background:url(../images/ver3/sprites_home.png) no-repeat -948px -92px; margin:5px 10px; padding-left:18px; font-size:14px; line-height:1.4; font-weight:bold;}
.homeNews .date{ float:right; font-size:10px; padding-left:10px; cursor:pointer;}
.homeNewsTitle .date{ display:block; height:31px; position:absolute; top:0; right:0; padding-left:40px; width:50px; text-align:left; float:none; background:url(../images/ver3/overflow.png) no-repeat;}
.homeNewsTitleFull .date{ line-height:20px; font-weight:normal;}
.homeNewsEntry{ display:none; padding:0 10px 0 28px; font-size:11px;}
.homeNewsEntry img{ float:left; margin:5px 10px 0 0; border-radius:5px;}
.homeNewsEntry p{ padding:6px 0;}
.homeNews .expanded{ border-bottom:1px solid #CACBCF; padding-bottom:12px;}
.homeNews .expanded .homeNewsTitleFull,.homeNews .expanded .homeNewsEntry{ display:block; overflow:hidden;}
.homeNews .expanded .homeNewsTitle{ display:none;}
.readMore{ clear:left; float:left; margin-top:5px; background:url(../images/ver3/sprites_home.png) no-repeat -946px -60px; line-height:14px; padding-left:8px; color:#4F556F; padding-left:18px;}

/*subpage*/
#wrapper.subpage{ background:url(../images/ver3/bg_subpage.png) no-repeat center top #FFF; background-image:url(../images/ver3/bg_subpage_ie.png) \9; border-radius:12px 12px 5px 5px; margin-top:100px; border-top:none;}

#main{ float:left; width:590px; padding:12px 0 12px 10px;}
#sidebar{ float:right; width:336px; padding:12px 10px;}
#sidebar .banner{ margin:0; clear:both; float:none;}
.subHead{ width:590px; height:32px; background:url(../images/ver3/sprites_subpage.png) no-repeat;}
.subHead span{ float:left; margin:3px 0 0 10px; padding-left:20px; height:24px; line-height:24px; background:url(../images/ver3/sprites_subpage.png) no-repeat; font-size:14px;}
.subHead .titleNews{ background-position:-930px -45px;}
.newsList{ margin-top:2px;}
.newsList li{ background:url(../images/ver3/bg_news_list.png) repeat-x #FCFCFC; padding:8px 0 15px 0; border-bottom:1px solid #DBDCDF;}
.newsListTitle{ background:url(../images/ver3/sprites_home.png) no-repeat -948px -92px; margin:0 10px 5px 10px; padding-left:18px; font-size:14px; line-height:1.4; font-weight:bold;}
.newsList .date{ float:right; font-size:10px; padding-left:10px; line-height:20px; font-weight:normal;}
.newsListEntry{ padding:0 10px 0 28px; font-size:11px;}
.newsListEntry img{ float:left; margin:5px 10px 0 0; border-radius:5px;}
.newsListEntry p{ padding:6px 0;}
.newsListEntry .readMore{ float:right;}
.pageInfo{ text-align:center; padding:15px 0 10px 0;}
.pageInfo li{ display:inline-block; +display:inline; padding:0 5px;}
.artTitle{ text-align:center; font:bold 14px/1.5 Verdana; border-bottom:1px dashed #A7A7A5; padding:5px;}
.artInfo{ text-align:center; color:#666; margin-top:5px; font-size:11px;}
.artContent{ margin:10px 8px 5px 8px; overflow:hidden;}
.artContent p{ padding:8px 0;}
.artMore{ margin-top:20px; border-top:1px dashed #A7A7A5; padding:5px; text-align:right; color:#A7A7A5;}
.artMore .line{ padding:0 5px;}

.sideEvent{ margin-top:10px;}
.sideEventHead{ height:32px; font-size:14px; line-height:32px; padding-left:12px; background:url(../images/ver3/sprites_subpage.png) no-repeat -600px 0;}
.sideEventMain{ background:#EFEFEF; border:1px solid #D0D0CA; padding-bottom:12px;}
.sideEventMain dl{ padding:12px 12px 0 12px;}
.sideEventMain dt{ float:left; width:87px; margin-right:10px; _display:inline; text-align:center; font-weight:bold; color:#F97C01;}
.sideEventMain dt img{ display:block; border:1px solid #838383;}
.sideEventMain dd { float:left; width:200px; line-height:16px; font-size:11px;}
.sideEventMain dd .title{ display:block; font-weight:bold; color:#F97C01;}

/*games*/
.iconAndroid{ background:url(../images/ver3/icon_mobile.png?v0430) no-repeat 4px 1px #575757 !important; padding:0 5px 0 18px !important;}
.iconApple{ background:url(../images/ver3/icon_mobile.png?v0430) no-repeat 4px -28px #575757 !important; padding:0 5px 0 16px !important;}
.iconAmazon{ background:url(../images/ver3/icon_mobile.png?v0430) no-repeat 4px -59px #575757 !important; padding:0 5px 0 16px !important;}
.iconWindows{ background:url(../images/ver3/icon_mobile.png?v0430) no-repeat 4px -89px #575757 !important; padding:0 5px 0 16px !important;}

#wrapper.games{ margin-top:0; padding-top:35px;}
.gamesNav{ margin:100px auto 0 auto; width:920px;}
.gamesNav li{ float:left; margin:0 5px;}
.gamesNav a{ float:left; background:url(../images/ver3/sprites_subpage.png) no-repeat; padding-left:48px; font-size:14px;}
.gamesNav a.current{ margin-bottom:-1px; font-size:16px; color:#FFF;}
.gamesNav span{ float:left; height:26px; padding-top:10px; cursor:pointer; background:url(../images/ver3/sprites_subpage.png) no-repeat right -240px; line-height:26px; padding-right:24px;}
.gamesNav .current span{ background-position:right -200px; line-height:20px;}
.gamesNav .s1 a{ background-position:0 -50px;}
.gamesNav .s2 a{ background-position:0 -90px;}
.gamesNav .s3 a{ background-position:0 -130px;}
.gamesNav .s1 a.current{ background-position:0 -170px;}
.gamesNav .s2 a.current{ background-position:0 -210px;}
.gamesNav .s3 a.current{ background-position:0 -250px;}
.gameOverview{ width:880px; height:186px; overflow:hidden; margin:0 auto;}
.gameOverview dt{ float:left; width:430px; height:180px; font:0/0 Arial; border:3px solid #FF8B03; border-radius:3px;}
.gameOverview dd{ float:left; width:410px; margin-left:25px;}
.gameOverview .gameName{ font-size:16px; font-weight:bold;}
.gameOverview .gameType{ padding:0 0 4px 0; text-transform:uppercase; font-size:11px; color:#0185b6;}
.gameOverview .gameIntro{ font-size:14px;}
.gameOverview .gameBtn a{ float:left; margin:10px 6px 0 0; height:16px; background:#575757; padding:6px; line-height:16px; border-radius:3px; font-size:16px; color:#FFF;}
.gameOverview .gameBtn a.iconAndroid{ background-position:6px 6px !important; padding:5px 8px 5px 22px !important;}
.gameOverview .gameBtn a.iconApple{ background-position:6px -23px !important; padding:5px 8px 5px 20px !important;}
.gameOverview .gameBtn a.iconAmazon{ background-position:6px -53px !important; padding:5px 8px 5px 20px !important;}
.gameOverview .gameBtn a.iconWindows{ background-position:6px -84px !important; padding:5px 8px 5px 20px !important;}
.gameOverview .gameBtn a:hover{ color:#A6DEDC;}
.gameOverList{ width:880px; height:90px; margin:20px auto 10px auto; background:url(../images/ver3/bg_game_overview.png) no-repeat;}
.gameOverList li{ float:left; width:200px; margin:15px 0 0 20px;}
.gameOverList img{ float:left; border:1px solid #333;}
.gameOverList span{ float:left; margin-left:10px; width:116px;}
.gameOverList .gameName{ font-size:13px; font-weight:bold; line-height:1.2; margin-top:5px;}
.gameOverList .gameType{ margin-top:5px; text-transform:uppercase; font-size:11px; color:#0185b6;}
.gameOverList .selected img{ border:2px solid #FF8C05; border-radius:2px;}
.gameList{ width:880px; margin:0 auto; padding:15px 0 20px 0; border-top:3px solid #FF8A00;}
.gameList dl{ float:left; width:290px; height:140px; margin-top:10px;}
.gameList dt{ float:left; font:0/0 Arial;}
.gameList dt img{ border:3px solid #CDCCCC; border-radius:5px;}
.gameList dd{ float:left; margin-left:15px; width:150px;}
.gameList .gameName{ font-size:14px; font-weight:bold; line-height:1.2; margin-top:5px;}
.gameList .gameType{ padding:2px 0; text-transform:uppercase; font-size:11px; color:#0185b6;}
.gameList .gameBtn a{ float:left; white-space:nowrap; margin:5px 10px 0 0; height:14px; background:#575757; padding:0 5px; line-height:14px; border-radius:3px; font-size:10px; color:#FFF;}
.gameList .gameBtn a:hover{ color:#A6DEDC;}

.content{ padding:10px; font-size:11px; background:url(../images/ver3/bg_news_list.png) repeat-x #FCFCFC;}
.content p{ padding:8px 0;}
.content .title{ color:#F47301; font-weight:bold; font-size:14px;}
.history{ padding-top:5px;}
.history dt{ float:left; margin-top:5px; width:60px; height:22px; background:#92918C; color:#FFF; text-align:center; font:bold 12px/22px Verdana;}
.history dd{ float:right; width:500px; line-height:1.5;}
.history dd p{ margin-top:5px; padding:0 0 4px 0; border-bottom:1px dotted #999;}
.partners{width:620px; padding-bottom:10px;}
.partners dt{ clear:both; border-bottom:1px solid #C1C1C1; padding:5px;}
.partners dd{ float:left; margin:15px 8px 0 8px; -display:inline; font:0/0 Arial;}

.ch{background:#666; color:#FFF; cursor:pointer;}

/*select game*/
.gameSelector{ position:absolute; z-index:999; width:360px; padding:10px; border:2px solid #F4A249; border-radius:5px; bottom:20px; left:-162px; background:#FFF; min-height:60px; box-shadow:1px 1px 1px rgba(0,0,0,0.2); font-family:Tahoma, Geneva, sans-serif; display:none;}
.gameSelector a.close,.gameSelectorPop a.close{ display:block; width:21px; height:20px; position:absolute; top:8px; right:10px; text-indent:-999em; overflow:hidden; background:url(../images/ver3/bg_select_pop.png) no-repeat right top; float:none; margin:0; padding:0;}
.gameSelector i{ width:15px; height:8px; overflow:hidden; position:absolute; display:block; bottom:-8px; left:50%; margin-left:-8px; background:url(../images/ver3/bg_select_pop.png) no-repeat;}
.gameSelectorTitle{ color:#FF9700; font-size:20px; line-height:1; text-indent:5px;}
.gameSelectorHeader{ background:url(../images/ver3/bg_select_pop.png) repeat-x 0 -30px; height:26px; border-bottom:1px solid #CCC; color:#555; margin:8px 0;}
.gameSelectorHeader li{ float:left; line-height:26px; font-size:14px; padding-left:10px;}
.gameSelectorHeader .s1{ width:133px;}
.gameSelectorList{ height:21px; margin-bottom:4px; line-height:20px; color:#555;}
.gameSelectorList span{ float:left; padding-left:10px; width:120px; height:20px;}
.gameSelectorList .s1{ width:133px;}
.gameSelectorList .btn{ float:left; padding-left:2px; width:85px;}
.gameSelectorList:hover .s1,.gameSelectorList:hover .s2{ background:#FFCC94;}
.gameSelectorList .btn a{ display:block; float:none; height:20px; text-align:center; border-radius:3px; background:#FE9829; color:#FFF; font-size:12px; line-height:20px; margin:0;}
.gameSelectorList .btn a:hover{ color:#FFF;}
.gameSelectorList .btn .iconAndroid{ background:url(../images/ver3/icon_mobile_pop.png?v0430) no-repeat 0 center #FE9829; padding:0 0 0 22px; text-align:left;}
.gameSelectorList .btn .iconApple{ background:url(../images/ver3/icon_mobile_pop.png?v0430) no-repeat -200px center #FE9829; padding:0 0 0 22px; text-align:left;}
.gameSelectorList .btn .iconAmazon{ background:url(../images/ver3/icon_mobile_pop.png?v0430) no-repeat -400px center #FE9829; padding:0 0 0 22px; text-align:left;}
.gameBtn:hover{ position:relative; min-width:150px; min-height:14px;}
.gameBtn:hover .gameSelector{ display:block;}
.homeGamesList .gameSelector{ left:-88px;}

.gameSelectorPop{ position:fixed; z-index:99999; width:382px; border-radius:5px; top:50%; left:50%; margin:-50px 0 0 -199px; border:7px solid #888; border:7px solid rgba(100,100,100,0.6); min-height:60px; font-family:Tahoma, Geneva, sans-serif;}
.gameSelectorPop .gameSelectorMain{ border:1px solid #888; background:#FFF; width:360px; padding:10px;}

/* mobile support */
.mobileSupport{font:normal 12px/1.5 Tahoma, "Lucida Grande", Verdana, "新細明體", "Lucida Sans Unicode", sans-serif; color:#000; max-width:580px; margin:10px auto;}
.mobileSupport h5{ border-radius:5px; background:#f2f2f2; border:1px solid #c9c9c9; color:#000; font-size:14px; font-weight:bold; height:35px; line-height:35px; margin-bottom:5px;}
.mobileSupport h5 span.headTitle{ display:block; padding:0 10px; color:#000; cursor:pointer;}
.mobileSupport h5 span.icon{ background:url(../images/ver3/set.png?v0430) no-repeat 0 0; width:10px; height:10px; float:right; font-size:18px; margin-top:12px;}
.mobileSupport h5 span.packUp{background:url(../images/ver3/set.png?v0430) no-repeat 0 -10px; }
.mobileSupport ul{ border-bottom:1px dotted #c9c9c9; color:#1d2730; text-align:center;height:30px; line-height:30px;}
.mobileSupport li:first-child{ width:35%; text-align:center; float:left;}
.mobileSupport li:last-child{ width:65%; text-align:center; float:left;}
.mobileSupport .title{color:#f77c0f; font-weight:bold; text-align:center; font-size:14px; }
.mobileSupport .email{ margin-bottom:10px; display:none; }
.mobileSupport .email ul:last-child{ border-bottom:none;}