/* Layout */ 
#wrap{min-width:930px}
#header{ margin:0 auto; width:930px; height:73px; position: relative; }
#container{margin:0 auto;width:100%;clear:both;overflow:hidden;}
#footer{margin:0 auto;width:100%;clear:both;border-top:4px solid #4570de;background-color:#282828}
/* Header */ 
.gnb_l dt{float:left;padding-right:60px;/*margin-top:23px*/}
.gnb_l dd{ float:left; margin-right:40px; margin-top:38px }
.gnb_r{ float:right; margin-top:9px; left: 826px; position: absolute; top: -2px; }




/* container */
#spot{width:100%;height:311px;background:url('//img.tygem.com/ty2011/brand_ty/index/bg_spot.gif')}
.spot_box{margin:0 auto;width:922px;height:303px;border:4px solid #123160; background-color:#FFF}
.brand_event{float:left;width:714px;height:303px;border-right:1px solid #3a4d92}
.aside{float:right; width:207px}
.aside .login_main{height:237px}
.login_main .login_before_main{width:183px; margin:0 9px 0 15px;*:margin:0 3px 0 15px}
.login_before_main .lob_top{padding-top:22px;overflow:hidden}
.login_before_main h4{float:left}
.login_before_main .sec_check{float:right; margin-right:2px}
.login_before_main .sec_check span{margin-right:4px}
.login_before_main .sec_check img{vertical-align:middle}
.login_before_main .lob_input{padding-top:9px;overflow:hidden}
.login_before_main .lob_input .lob_inl{float:left}
.login_before_main .lob_input .lob_inl span{margin-bottom:3px;*:margin-bottom:2px;_margin-bottom:1px; display:block}
.login_before_main .lob_input .lob_inl input{width:107px; height:20px;border:1px solid #9bacc7;padding:5px 0 0 5px;} 
.login_before_main .lob_input .lob_inr{float:right}
.login_before_main .lob_check{margin-top:5px;*:padding-top:4px;_padding-top:10px;overflow:hidden}
.login_before_main .lob_check li{ float:left; margin-right:5px; _margin-right:9px; text-align:left; width: 80px; }
.login_before_main .lob_check li input{margin:0;vertical-align:top; height:13px;width:13px}
.login_before_main .lob_check li img{}
.login_before_main .lob_check li label{display:inline-block;vertical-align:top;position:relative; padding-left:3px}
.login_before_main .lob_btn{clear:both;margin-top:10px;overflow:hidden}
.login_before_main .lob_btn span{margin:0;float:left}
.checkbox_applied{display:inline-block; overflow:hidden; vertical-align:middle}




.login_main .logout_main { position:relative; width:207px; background:#fff; overflow: hidden; }
.login_main .logout_maint p.myinfow {height:39px; background:url('//img.tygem.com/ty2011/game/tatago/bg_login.gif') repeat-x left top;}
.login_main .logout_main span.name {float:left; margin:14px 0 0 13px; font-weight:bold; color:#666666; text-align:left;}
.login_main .logout_main span.myinfo {float:right;margin:14px 10px 0 0;}
.login_main .logout_info_m {clear:both; overflow:hidden; padding:16px 10px 0 8px;}
.login_main .logout_info_m p {float:left; margin:0 6px 0 2px}
.login_main .logout_info_m p img {border:1px solid #cbcbcb}
.login_main .logout_info_m .avata {float:left; margin:0 6px 0 2px}
.login_main .logout_info_m .avata img {border:1px solid #cbcbcb}
.login_main .logout_info_m dl { overflow:hidden; padding:2px 0 0 0 ;}
.login_main .logout_info_m dt {float:left;width:37px; height:24px;_height:17px;color:#b4b4b4; line-height:18px;text-align:left}
.login_main .logout_info_m dd { float:right; width:42px; height:24px; ; color:#666666; line-height:18px; text-align:right }
.login_main .logout_info_m dd img {margin:0 0 1px 0}
.login_main .logout_info_m dd.coin {color:#fe1415; font-weight:bold}
.login_main .logout_info_m a.letter:link, .logout_info a.letter:hover, .logout_info a.letter:visited, .logout_info a.letter:active {text-decoration:underline; font-weight:bold}
.login_main .logout_info_m dl.access { overflow:hidden; }
.login_main .logout_info_m dt.access {float:left;width:84px; height:14px;x;color:#b4b4b4; line-height:15px;text-align:left}
.login_main .logout_info_m dd.access {float:left;width:84px; height:15px; ;color:#666666; line-height:15px; text-align:left; font-size:11px }
.login_main .logout_info_m dd.access1 {float:left;width:84px; height:25px; ;color:#666666; line-height:18px; text-align:right; }
.login_main .logout_main .lob_btn{clear:both;overflow:hidden; margin:10px 0 0 12px}
.login_main .logout_main .lob_btn span{margin:0;float:left}
.logout_info_m dl.access { overflow:hidden; }
.logout_info_m dt.access {float:left;width:85px; height:14px;x;color:#b4b4b4; line-height:15px;text-align:left}
.logout_info_m dd.access {float:left;width:85px; height:10px; ;color:#666666; line-height:15px; text-align:left; font-size:11px }
.logout_info_m dd.access1 {float:left;width:85px; height:20px; ;color:#666666; line-height:25px; text-align:right; }







#content{margin:0 auto;width:930px;padding:30px 0 55px 0;*:padding:30px 0 50px 0;overflow:hidden}
.content_l{float:left;width:719px}
.content_r{float:right;width:191px}
.gtit{ overflow:hidden}
.gtit h2{float:left}
.glist_info{float:right;margin-top:4px;}
.glist{border-top:2px solid #123160;overflow:hidden;height:100%; width:100%;margin-top:8px;*:margin-top:12px; }
.glist .category{float:left; width:144px}
.glist .category h3{ background:url('//img.tygem.com/ty2011/brand_ty/index/bg_glist_tit.gif') no-repeat scroll left top; height:28px;  text-align:center}
.glist .category h3 img{margin:7px 0 0 0;}
.glist .frist{width:143px}
.glist .frist h3{background:none;background-color:#2d73ba}
.glist .category ul{ border-left:1px solid #adcefb; display:block; background-color:#eaf2fc; }
.glist .frist ul{border-left:none}
.glist .category li{display: block;overflow: hidden; position:relative; vertical-align: top; width:100%;height:36px}
.glist .category li a img{float:left;display:block;margin:0; position:relative; top:3px; left:3px;vertical-align:middle}
.glist .category li a img.ico{ margin:10px 0 0 5px}
.glist .category li {border-bottom:1px solid #adcefb; }
.section{margin-top:40px}


.notice{clear:both; margin-top:25px;*:margin-top:17px}
.notice h2{border-bottom:2px solid #123160; padding-bottom:12px; *:padding-bottom:16px;}
.notice li{margin-bottom:6px}
.notice li span{margin-right: 8px; color:#8c8c8c}
.notice li a{background: url('//img.tygem.com/ty2011/brand_ty/index/bu_v1.gif') no-repeat scroll 0 0 transparent;padding-left:8px}
.notice .notice_p{margin-top:10px}

.store h2{ border-bottom:2px solid #123160; padding-bottom:12px; *:padding-bottom:16px;}
.store .pro_l{float:left; height:70px}
.store .pro_r{ float:left; margin-left:12px; width: 98px; }
.store li {line-height:20px;}

.product{ overflow:hidden}
.pro_r dt{font-weight:bold; margin-bottom:4px}
.pro_r dd{color:#9c9c9c; line-height:12px; margin-bottom:2px;}
.pro_r .btn{margin-top:8px}
.pro_r .btn span{margin-right:2px}
.store .pro_p{margin-top:10px}

.store .pro_dotline{background:url('//img.tygem.com/ty2011/brand_ty/index/dot_line.gif') repeat-x scroll transparent; width:100%; height:1px; margin:10px 0;_margin:8px 0 6px 0}
.bra_footer{margin:0 auto; width:930px; padding:20px 0;overflow:hidden}
.bra_footer .bra_logo{float:left; width:205px}
.bra_footer .bra_r{float: right; width:725px;margin-top:6px}
.bra_footer .policy{overflow:hidden}
.bra_footer .policy li{float:left;margin-right:32px}
.bra_footer .address{clear: both;padding-top:20px;_padding-top:10px}

/*clip*/
.clip-wrapper {position: relative;height: 38px;background: #5C9AD8;}
.clip {position: absolute;height: 38px;width: 100%;background: #EAF2FC;color: #fff;padding:0px;margin-top: 0px;cursor: pointer;}
.topgamebtn{background:#000000;width:143px;}

.loading {height: 30px; margin-bottom: 17px;}

/*�����ϱ�*/
.maingift{overflow:hidden;background:url("//img.tygem.com/ty2011/brand_ty/index/main_gift.jpg") no-repeat;width:207px;height:66px;}
.maingift dl.giftetc{padding:25px 0 0 20px;}
.maingift dl.giftetc dt{float:left;}
.maingift dl.giftetc dd{float:left;}
.maingift dl.giftetc dd.icon{padding-left:11px;}
.maingift dl.giftetc dd.text{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}
.maingift dl.giftetc dd.text a{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}

/*105�����ϱ�*/
.maingift02{overflow:hidden;background:url("//img.tygem.com/ty2011/service2012/menu/105/matgo2/main_gift.jpg") no-repeat;width:105px;height:59px;}
.maingift02 ul.gifttitle{padding:12px 0 0 15px;}
.maingift02 ul.gifttitle li{overflow:hidden;line-height:130%;}
.gift_icon{float:left;padding:3px 0 0 0;}
.gift_icon dd.icon{float:left;padding-left:11px;}
.gift_icon dd.text{float:left;padding-left:3px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}
.gift_icon dd.text a{float:left;padding-left:3px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}

/*195�����ϱ�*/
.maingift01{overflow:hidden;background:url("//img.tygem.com/ty2011/service2012/menu/195/matgo2/main_gift.jpg") no-repeat;width:195px;height:59px;}
.maingift01 dl.giftetc01{padding:25px 0 0 14px}
.maingift01 dl.giftetc01 dt{float:left;}
.maingift01 dl.giftetc01 dd{float:left;}
.maingift01 dl.giftetc01 dd.icon{padding-left:11px;}
.maingift01 dl.giftetc01 dd.text{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}
.maingift01 dl.giftetc01 dd.text a{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}

/*206�����ϱ�*/
.maingift03{overflow:hidden;background:url("//img.tygem.com/ty2011/service2012/menu/206/matgo2/main_gift.jpg") no-repeat;width:206px;height:59px;}
.maingift03 dl.giftetc01{padding:25px 0 0 20px}
.maingift03 dl.giftetc01 dt{float:left;}
.maingift03 dl.giftetc01 dd{float:left;}
.maingift03 dl.giftetc01 dd.icon{padding-left:11px;}
.maingift03 dl.giftetc01 dd.text{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}
.maingift03 dl.giftetc01 dd.text a{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}


/*211�����ϱ�*/
.maingift04{overflow:hidden;background:url("//img.tygem.com/ty2011/service2012/menu/211/matgo2/main_gift.jpg") no-repeat;width:211px;height:59px;}
.maingift04 dl.giftetc01{padding:25px 0 0 20px}
.maingift04 dl.giftetc01 dt{float:left;}
.maingift04 dl.giftetc01 dd{float:left;}
.maingift04 dl.giftetc01 dd.icon{padding-left:11px;}
.maingift04 dl.giftetc01 dd.text{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}
.maingift04 dl.giftetc01 dd.text a{padding-left:5px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}

/*170�����ϱ�*/
.maingift05{overflow:hidden;background:url("//img.tygem.com/ty2011/service2012/menu/170/matgo2/main_gift.jpg") no-repeat;width:170px;height:59px;}
.maingift05 dl.giftetc01{padding:25px 0 0 8px}
.maingift05 dl.giftetc01 dt{float:left;}
.maingift05 dl.giftetc01 dd{float:left;}
.maingift05 dl.giftetc01 dd.icon{padding-left:8px;}
.maingift05 dl.giftetc01 dd.text{padding-left:3px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}
.maingift05 dl.giftetc01 dd.text a{padding-left:3px;font-size:15px;font-weight:bold;color:#ff4848;text-decoration:underline;}