body {text-align:left;background-color:white;font:normal 12px/1.6em '微软雅黑',simsun,Verdana, Lucida, Arial, Helvetica, sans-serif;/*overflow-x:hidden;*/padding:0;margin:0;}
p,ul,li,input,textarea,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,a,div{font-size:12px;font:normal 12px/1.6em '微软雅黑', verdana,simsun; margin:0px; padding:0px;}
dl, ul, li { list-style:none;}
img { border:none;}
a{ text-decoration:none; color:#3381BF;}
a:hover{ text-decoration:underline;}

.i_phl, .g_ph{width:56px;height:56px;overflow:hidden;background:url(http://img1.ido360.com/img/app/headback.png) no-repeat 0 0;}
.i_phl img, .g_ph img{width:50px;height:50px;margin:3px;}
.i_ph{margin:0 auto;}

/*container*/
#Container{position:relative;width:990px;}
/*MainCont flash和聊天层*/
#MainCont{position:absolute;top:0px;left:0px;width:990px;height:567px;z-index:1;float:left;overflow:hidden;}

/*GameCont 游戏所在层*/
#GameCont{position:absolute;top:45px;left:1px;width:768px;height:452px;z-index:2;display:none;overflow:auto;/*for ff over shockwave*/}

/*GameUseCont 为游戏提供的网页层，包括显示游戏内信息，如缘分信息等；还包括加载游戏素材时用的页面：rsl.htm*/
#GameUseCont{position:absolute;top:45px;left:1px;width:768px;height:452px;z-index:4;display:none;}

/*WebCont 网页层*/
#WebCont{z-index:3;width:768px;position:absolute;height:452px;left:1px;top:45px;}

#TabHead{background:url(http://img1.ido360.com/img/main/tab1.png) no-repeat -150px -25px;overflow:hidden;clear:both;width:768px;font-weight:bold;font-size:12px;color:#FFFFFF;line-height:25px;height:24px;  text-align:left;border-bottom:1px solid #7C7C7C;}
#TabHeadCont {float:left;width:530px;overflow:hidden;}
#TabHead .open{float:left;width:auto;height:25px;color:#ffffff;}
#TabHead .close{float:left;width:auto;height:25px;color:#ffffff;}
#TabHead .bg{background-image:url(http://img1.ido360.com/img/main/tab1.png);background-repeat:no-repeat;overflow:hidden;height:25px;cursor:default;}
#TabHead .open .l1{float:left;width:5px;background-position:0 0;}
#TabHead .close .l1{float:left;width:5px;background-position:0 -25px;}
#TabHead .open .t{float:left;width:80px;height:25px;line-height:25px;background-position:-1px 0;}
#TabHead .close .t{float:left;width:80px;height:25px;line-height:25px;background-position:-1px -25px;}
#TabHead .open .r1{float:left;width:3px;background-position:-1px 0;}
#TabHead .close .r1{float:left;width:3px;background-position:-1px -25px;}
#TabHead .open .dover{float:left;width:13px;background-position:-132px 0;}
#TabHead .close .dover{float:left;width:13px;background-position:-132px -25px;}
#TabHead .open .d{float:left;width:13px;background-position:-119px 0;}
#TabHead .close .d{float:left;width:13px;background-position:-119px -25px;}
#TabHead .open .r3{float:left;width:5px;background-position:-145px 0;}
#TabHead .close .r3{float:left;width:5px;background-position:-145px -25px;}
#TabHead .loading{/*color:#33FF00;*/line-height:25px;}
#TabHead .leftarr{float:left;width:40px;background-position:-150px 0;}
#TabHead .rightarr{float:left;width:40px;background-position:-230px 0;}
#TabHead .leftarrd{float:left;width:40px;background-position:-190px 0;} /*灰*/
#TabHead .rightarrd{float:left;width:40px;background-position:-270px 0;} /*灰*/
#TabHead .leftspace{float:left;width:10px;background-position:-592px 0;}
#TabHead .rightspace{float:left;width:10px;background-position:-600px 0;}
#TabHead .zoneimg{float:left;width:28px;background-position:-600px 0;text-align:right;padding-top:5px;}
#TabHead .zone{float:left;width:62px;background-position:-600px 0;text-align:left;padding-top:4px;}
#TabHead .login{float:left;width:48px;background-position:-600px 0;text-align:center;padding-top:4px;}
#TabHead .zone a, #TabHead .login a{color:#FFF;}


#TabBody, #GameUseCont .cont{width:768px;color:#000000; height:426px;}
#TabBody .frame{width:768px;height:100%;border:0px;}

.m_main{width:990px;margin:0 auto;text-align:left;_position:relative;}
.m_main .top{width:990px;height:45px;background:url(http://img1.ido360.com/img/main/tb2.png) no-repeat;}
.m_main .middle{/*height:513px;*/height:auto;border-left:1px solid #9A9A9A;border-right:1px solid #9A9A9A;overflow:hidden;}
.m_main .bottom{height:14px;background:url(http://img1.ido360.com/img/main/tb2.png) no-repeat 0 -45px;overflow:hidden;}
.m_main .mleft{width:768px;height:528px;float:left;background-color:#FFF;}
.m_main .mleft .m1{height:430px;}

.m_main .mright{width:220px;float:left;text-align:center;background-color:#edf2f6;color:#666;_position:relative;}
.m_main .mright .tb1{height:24px;background:url(http://img1.ido360.com/img/main/tab1.png) no-repeat -150px -25px;border-bottom:1px solid #7C7C7C;}
.m_main .mright .ido2010{width:220px;height:124px;overflow:hidden;}
.m_main .mright .box{margin:31px 0 0 15px;height:300px;}
.m_main .mright .login{position:relative;height:220px;display:block;}
.m_main .mright .login .w{background:url(http://img1.ido360.com/img/main/w.png) no-repeat;}
.m_main .mright .login .w_1{position:absolute;left:0px;top:0px;height:23px;width:30px;background-position:0 0;}
.m_main .mright .login .w_2{position:absolute;left:0px;top:32px;height:23px;width:30px;background-position:0 -30px;}
.m_main .mright .login .login1{position:absolute;left:32px;top:94px;}
.m_main .mright .txt_cont{width:162px;height:23px;position:absolute;background:url(http://img1.ido360.com/img/main/input1.gif) no-repeat;overflow:hidden;}
.m_main .mright .login .txt{overflow:hidden;background:none;border:0;padding:0;margin:0;width:152px;height:23px;line-height:23px;margin-left:3px;font-size:12px;font-weight:bold;}
.m_main .mright .login .txtname{left:32px;top:0px;}
.m_main .mright .login .txtempty{color:#C8C8C8;}
.m_main .mright .login .txtpass{left:32px;top:32px;}
.m_main .mright .login .rem{position:absolute;left:32px;top:65px;}
.m_main .mright .login .rem input{margin:0px;padding:0px;*vertical-align:bottom;height:15px;}
.m_main .mright .login .rem label{margin:0px;padding:0px;height:15px;background-position:0 -60px;width:60px;display:inline-block;*zoom:1;overflow:hidden;}
.m_main .mright .login .acc{position:absolute;height:44px;text-align:left;left:39px;top:141px;}
.m_main .mright .login .acc a{color:#1355b7;}
.m_main .mright .login .acc img{vertical-align:middle;}
.m_main .mright .login .alert{position:absolute;left:40px;top:-25px;color:#CC3333;}
.m_main .clear{clear:both;height:0px;overflow:hidden;}

.c_main {width:990px;margin:0 auto;text-align:left;_position:relative;}
.c_main .top{width:990px;height:45px;background-repeat:no-repeat;background-position:0 -30px;overflow:hidden;position:relative;}
.c_main .mmiddle{width:990px;/*height:499px;*/height:auto;overflow:hidden;}
.c_main .mleft{width:768px;height:499px;float:left;overflow:hidden;}
.c_main .mright{width:220px;height:499px;float:right;overflow:auto;/*for ff over flash*/}

.c_main .mbottom{width:990px;height:29px;background-repeat:no-repeat;background-position:0 0;overflow:hidden;}
.c_main .mbottom .info{float:right;width:220px;}
.c_main .mbottom .info .infohead{float:left;padding-top:7px;}
.c_main .mbottom .info .infonick{float:left;padding-top:6px;}
.c_main .mbottom .info .infonick a{text-decoration:underline;}
.c_main .mbottom .mtask{float:left;width:600px;height:29px;overflow:hidden;margin-left:10px;}
.c_main .mbottom .mtask .headbox{float:left;margin:1px 1px 0 1px;width:28px;height:28px;cursor:pointer;}
.c_main .mbottom .mtask .headbox img{border:1px solid #AAAAAA;margin-top:3px;width:20px;height:20px;margin-left:3px;}
.c_main .mbottom .mtask .mtasktips{line-height:29px;height:29px;margin-left:20px;line-height:29px;}
.c_main .mbottom .bug{float:left;width:100px;text-align:center;line-height:29px;}

.c_main .top .search{position:absolute;top:9px;left:811px;width:158px;height:28px;}
.c_main .top .search .btn{float:left;width:14px;height:28px;}
.c_main .top .search .i{float:right;width:142px;height:28px;}
.c_main .top .search .i input{width:142px;height:28px;line-height:28px;padding:0;border:0;font-size:14px;background:none;font-weight:bold;}
.c_main .top .search .i .notice{color:#8C8C8C;}
.c_main .top .music{position:absolute;top:0;left:0;width:340px;height:45px;}
.c_main .top .tab{position:absolute;top:12px;left:668px;width:102px;height:23px;cursor:hand;cursor:pointer;}
.c_main .top .tab .game{float:left;width:49px;height:23px;background-position:-551px -88px;}
.c_main .top .tab .web{float:right;width:49px;height:23px;background-position:-604px -88px;}
.c_main .top .tab .gamesel{float:left;width:49px;height:23px;background-position:-668px -88px;}
.c_main .top .tab .websel{float:right;width:49px;height:23px;background-position:-721px -88px;}
.clear{clear:both;height:0;line-height:0;overflow:hidden;}



#MainBottom{position:absolute;top:572px;left:0px;width:940px;height:15px;color:#666666;text-align:right;}
#MainBottom a{color:#666666;text-decoration:none;}
#MainBottom a:hover{text-decoration:underline;}

#ChatDivSendKeyFrame{position:absolute;width:1px;height:1px;z-index:2000000}
#ChatDivSendKey{z-index:2000001;position:absolute;background:#FFF;border:1px solid #3399FF;cursor:pointer;}
#ChatDivSendKey li{padding:2px 10px 2px 10px;}
#ChatDivSendKey .hover{background:#C9E8FE;}
#ChatDivSendKey .sel{background:#7CB1FA;}
#ChatDivSendKey iframe{}

#ChatDivTopMenu{z-index:2000001;position:absolute;background:#FFF;border:1px solid #3399FF;cursor:pointer;}
#ChatDivTopMenu li{padding:2px 10px 2px 10px;}
#ChatDivTopMenu .hover{background:#C9E8FE;}

#ClientDivUserInfo{z-index:1999999;position:absolute;background:#FFF;border:1px solid #3399FF;width:250px;height:auto;}
#ClientDivUserInfoFrame{z-index:1999998;position:absolute;background:#FFF;width:252px;height:80px;}
#ClientDivUserInfo .imgbox{float:left;width:130px;text-align:center;display:inline;}
#ClientDivUserInfo .infobox{float:right;width:115px;padding-top:4px;display:inline;}
#ClientDivUserInfo .sign{color:#999;line-height:14px;margin-top:4px;word-wrap:break-word; overflow:hidden;}
#ClientDivUserInfo .btns_back{height:26px;}
#ClientDivUserInfo .btns{float:left;display:block;background-image:url(http://img1.ido360.com/img/chat/userinfo.png);background-repeat:no-repeate;width:16px;height:16px;overflow:hidden;margin:5px 0 0 7px;}
#ClientDivUserInfo .online{color:#DE5705;}
#ClientDivUserInfo .offline{color:#666;}

.m{background:url(http://img1.ido360.com/img/chat/m.iv1.gif);background-repeat:no-repeat;}
.ChatFrame{display:block;width:322px;height:352px;position:absolute;z-index:100;overflow:hidden;}
.MainFrame{display:block;width:100%;height:100%;position:absolute;z-index:100;overflow:hidden;}
.Main{overflow:hidden;width:320px;height:350px;position:absolute;z-index:100;overflow:hidden;}
.Main .HeadImgCont{height:30px;width:30px;float:left;cursor:pointer;}
.Main .HeadImg{height:30px;width:30px;}
.Main .Head{height:30px;/*height:50px\9;*/padding:4px;}
.Main .HeadInfo{height:30px;width:160px;margin-left:4px;float:left;}
.Main .InfoNick a{}

.Main .HeadBtn{position:absolute;top:2px;right:8px;/*width:84px;*/height:16px;overflow:hidden;}
.Main .HeadBtn .menu{background-position:-188px -46px;width:27px;height:15px;float:left;margin-right:15px;display:inline;}
.Main .HeadBtn .min{background-position:-188px 0;width:27px;height:16px;float:left;}
.Main .HeadBtn .max{background-position:-215px 0;width:26px;height:16px;float:left;display:none;}
.Main .HeadBtn .close{background-position:-241px 0;width:31px;height:16px;float:left;}
.Main .HeadBtn .menuhover{background-position:-188px -67px;width:27px;height:15px;float:left;margin-right:15px;display:inline;}
.Main .HeadBtn .minhover{background-position:-188px -17px;width:27px;height:16px;float:left;}
.Main .HeadBtn .maxhover{background-position:-215px -17px;width:26px;height:16px;float:left;display:none;}
.Main .HeadBtn .closehover{background-position:-241px -17px;width:31px;height:16px;float:left;}
.Main .InfoNick{line-height:15px;height:15px;font-weight:bold;overflow:hidden;word-break:break-all;}
.Main .InfoSign{line-height:15px;height:15px;-moz-user-select:none;cursor:default;overflow:hidden;word-break:break-all;}
.Main .InfoSign .gpzone{width:15px;height:15px;background-position:-40px -90px;display:block;float:left;}
.Main .InfoSign .gphome{width:15px;height:15px;background-position:-60px -90px;margin-left:3px;margin-right:3px;display:block;float:left;}
.Main .Body{padding:0 4px 0 4px;}
.Main .FuncBtns{height:16px;padding:4px 0 4px 4px;*padding-bottom:3px;_padding-bottom:2px;/*margin:4px 0 4px 4px;*margin-bottom:3px;_margin-bottom:2px;*/}
.Main .FuncBtns .face{background-position:0 0;width:15px;height:15px;float:left;}
.Main .FuncBtns .record{background-position:-17px 0;width:16px;height:16px;float:left;margin-left:8px;display:inline;display:none;}
.Main .FuncBtns .leaveNotice{float:left;margin-left:20px;display:inline;display:none;}
.Main .TxtInCont{height:auto;}
.Main .TxtIn{height:38px;background-color:#FFF;width:304px;padding:2px;}
.Main .SendBtns{margin-top:4px;}
.Main .SendBtns .send{}
.Main .SendBtns .arrow{float:right;margin-top:2px;width:20px;background-position:-168px 0;height:19px;overflow:hidden;cursor:pointer;}
.Main .SendBtns .close{}
.Main .SendBtns .btn{background-position:0 -61px;width:88px;height:21px;float:right;text-align:center;line-height:21px;color:#000;margin-left:8px;cursor:default;-moz-user-select:none;}
.Main .SendBtns ._line{text-decoration:underline;}

.Main .TxtOut{height:212px;background-color:#FFF;overflow:auto;}
.Main .TxtOut a{color:#3399FF;text-decoration:underline;}
.Main .TxtOut a:hover{color:#3366FF}
.Main .TxtOut .cont{color:#444;padding:5px;}
.Main .TxtOut .me{color:#008040;line-height:18px;}
.Main .TxtOut .ta{color:#00f;line-height:18px;}
.Main .TxtOut .sys{color:#FF3300;line-height:18px;}
.Main .TxtOut .con{padding-left:12px;word-wrap:break-word;word-break:break-all;line-height:18px;}
.Main .BodyMainPanel{float:left;/*width:auto;*/width:310px;}
.Main .GroupPanel{float:left;width:115px;margin-left:5px;display:inline;}
.Main .GroupNotice{height:75px;line-height:15px;overflow:auto;word-break:break-all;background-color:#FFF;padding:2px;}
.Main .GroupTitle{height:18px;line-height:18px;padding-left:5px;}
.Main .GroupList{height:255px;overflow:auto;word-break:break-all;background-color:#FFF;}
.Main .GroupList .item{height:16px;overflow:hidden;margin:3px 3px 3px 3px;}
.Main .GroupList .item .img{height:16px;float:left;margin:0 0 0 2px;width:16px;}
.Main .GroupList .item .title{height:16px;line-height:16px;float:left;width:auto;overflow:hidden;}
.Main .GroupList .item .admin0{float:left;width:11px;height:16px;overflow:hidden;background:none;}
.Main .GroupList .item .admin1{float:left;width:11px;height:16px;overflow:hidden;background-position:-20px -90px;}
.Main .GroupList .item .admin2{float:left;width:11px;height:16px;overflow:hidden;background-position:0 -90px;}



.FaceCont {position:absolute;top:0px;left:0px;width:300px;height:180px;background-color:#FFF;border:1px solid #A0A0A0;z-index:100;}
.FaceCont img{margin:3px;cursor:pointer;}

.w_sm .pic{width:66px;height:51px;float:left;}
.w_sm .info{width:210px;height:auto;float:left;}

.w_sm .con{line-height:20px;margin-top:8px;word-wrap:break-word; overflow:hidden;}
.w_sm .time{color:#a6a6a6;}
.w_sm .txt{width:100%;*width:280px;height:70px;margin-top:10px;}