@charset utf-8;
/* CSS Document */
body{margin:0;padding:0;font-size:13px;line-height:1.4em;font-family:'Segoe UI', Arial, verdana, Tahoma, Helvetica, sans-serif;height:100%;width:100%;color:#555;}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,img{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{-webkit-text-size-adjust:none;}
ul,ul li,dl,dt,dd{list-style:none;}
ol{list-style-type:decimal;list-style-position:outside;}
input,select,option{font-family:'Segoe UI',verdana, Arial, Tahoma, Helvetica, sans-serif;font-size:13px;margin:0;}
img{border:0;vertical-align:middle;}
a,a:link{color:#555;text-decoration:none;}
a:hover{color:#F30;text-decoration:underline;}
a,area{blr:expression(this.onFocus=this.blur());}
/* for IE */:focus{-moz-outline-style:none;}
body{background:#e5ecd7;}
input,textarea,select{ font-family:'Segoe UI',Arial,Helvetica,sans-serif; outline:none;}
input[type='checkbox']{ vertical-align:text-top;}
/*==== Share ====*/
.clr, .clear, .clearer{ clear:both; height:0; overflow:hidden;}
.clearFix{clear:both;font-size:0;height:0;line-height:0;}
.fl{float:left;}
.fr{float:right;}
.ar{text-align:right}
.ac{text-align:center;}
.wrap{width:1000px;margin:0 auto;}
.mt5{margin-top:5px;}
.mt20{margin-top:20px;}
.mt52{margin-top:52px;}

/*==== header ====*/
#header{background:url(images/header_bg.gif) repeat-x;}
#header .banner{background:url(images/banner.jpg) no-repeat center 0;height:385px;}
#header .banner .logo{width:224px;height:20px;padding:20px;}
#header .banner .logo a{display:block;background:url(images/logo.png) no-repeat;width:224px;height:20px;text-indent:-9999px;}

/*==== main ====*/
#main{width:1000px;margin:0 auto;}
#main .leftbox{float:left;width:490px;}
#main .rightbox{float:right;width:470px;}

.top_title{font-size:24px;padding:10px 0 0 0;line-height:24px;color:#333;}
.top_title span{display:block;font-size:16px;font-weight:normal;}

.tab{margin:25px 0 0 0;}
.tab .tabcon{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fafef5;height:820px;}
.tab .con{padding:30px 0;}
.tab .nav{height:46px;background:url(images/leftbox_top_line.gif) repeat-x 0 bottom;}
.tab .nav li{display:block;float:left;background:url(images/tab_nav.gif) no-repeat;width:178px;height:46px;font-size:16px;color:#333;line-height:46px;cursor:pointer;margin:0 5px 0 0;padding:0 0 0 20px;}
.tab .nav li.curr{background-position:0 -46px;font-weight:bold;}

.probox{width:223px;border-right:1px solid #e9eef0;padding:0 10px;}
.probox .item{ height:215px;}
.probox .pic{text-align:center;}
.probox h3{font-size:14px;padding:10px 0 5px 0;}
.probox h3 a{font-weight:normal;}
.probox .price{padding:0 0 5px 0;text-align:center;}
.probox .btn{width:130px;margin:0 auto;}
.probox .btn a.buy,.probox .btn a.buyMac{display:block;background:url(images/btn.gif) no-repeat;width:130px;height:39px;text-indent:-9999px;}
.probox .btn a:hover.buy{background-position:0 -39px;}
.probox .btn a.buyMac{ background-position:0 -78px;}
.probox .btn a.buyMac:hover{ background-position:0 -117px;}
.probox .note{ font-size:11px; margin-top:5px;}
.probox .note a{ text-decoration:underline;}

.gamebox{border:1px solid #e9e9e9;background:#fff;margin:22px 0 0 0;height:820px;}
.gamebox .game{margin:9px; width:450px; height:380px; position:relative;}
.gamebox #finishPopup{ position:absolute; z-index:2; width:318px; padding:30px 18px; background:url(images/popup-bg_03.png) repeat-x; border-radius:10px; top:53px; left:49px; overflow:hidden; font-size:14px;}
.gamebox #finishPopup .price{ color:#f45a00; font-weight:bold;}
.gamebox #finishPopup .code{ font-size:24px; font-weight:bold; margin:15px 0 25px; color:#777;}
.gamebox #finishPopup .copyBtn,.gamebox #finishPopup .againBtn,.gamebox #finishPopup .sendBtn{ display:block; background:url(images/btn-game.png) no-repeat; width:130px; height:39px; float:left; margin-bottom:20px;}
.gamebox #finishPopup .copyBtn:hover{ background-position:0 -40px;}
.gamebox #finishPopup .againBtn{ background-position:-130px 0;} 
.gamebox #finishPopup .againBtn:hover{ background-position:-130px -40px;}
.gamebox #finishPopup .sendBtn{ background-position:-273px 0; height:39px; width:78px;}
.gamebox #finishPopup .sendBtn:hover{ background-position:-273px -40px;}
.gamebox #finishPopup input[type='text']{ width:200px; height:34px; line-height:34px; color:#777; padding:0 13px; float:left; border:1px solid #d4d4d4; margin-right:3px;}


.gamebox .arrow{background:url(images/arrow.gif) no-repeat center 0;border-top:1px solid #eaeaea;height:29px;}
.gamebox .txtbox1{float:left;width:204px;padding:15px 0 0 20px;}
.gamebox .txtbox1 dt{font-weight:bold;padding:10px 0;}
.gamebox .txtbox1 dd{padding:0 0 5px 0;}
.gamebox h3{font-size:16px;color:#333;}
.gamebox .txtbox2{float:right;width:204px;padding:15px 20px 0 0;}
.gamebox .txtbox2 .txt{background:#fdfff9;border:1px solid #dfdfdf;color:#666;padding:15px;}
.gamebox .txtbox2 a.facebook{display:block;background:url(images/btn_share.gif) no-repeat;width:182px;height:42px;text-indent:-9999px;}
.gamebox .txtbox2 a.twitter{display:block;background:url(images/btn_share.gif) no-repeat 0 -42px;width:182px;height:42px;text-indent:-9999px;}

/*==== footer ====*/
#footer{background:url(images/footer_bg.gif) repeat-x 0 bottom;margin-top:30px;}
#footer .wrap{background:url(images/footer_bg2.gif) no-repeat;height:80px;color:#fff;text-align:center;padding:70px 0 0 0;line-height:22px;}
#footer .wrap a{color:#fff;}