﻿body { margin: 0;padding: 0; overflow:hidden; font-size:16px; color: #333; background: url(images/bg2.jpg) no-repeat center center; font-family:"微軟正黑體 Light", "新細明體-ExtB", "Arial Unicode MS"; color:rgba(61,61,61,1.00); }
div { margin:0;padding:0;}
form { margin: 0;margin-top: 10px; }
h1 { font-size:18px; }
a { text-decoration: none; color: #49e; }
a:hover { position:relative; top:1px;left:1px;}
a img { border: 0;}
.sending{ color: #ddd; }
#header{ height: 120px; overflow: hidden; background-color: rgba(176,229,232,1.00); border-bottom:1px solid rgba(240,240,240,1.00); color:rgba(126,0,2,1.00);  }
#header_content {height: 120px; overflow: hidden; width:auto; margin:0 auto; display:table;  }
.logo{ width:210px; height:120px; display:block; float:left;}
.googleAD{ width: 728px;
    height: 90px;
    display: block;
    float: left;
    /* background: #E8E8E8; */
    margin: 0px 15px 0;}
.online{ line-height:120px; width:auto; height:auto; display:block; float:left; }

.myadslot {
  width: 250px;
  height: 250px;
}

#main {  width:100%; height:auto; }
.msg { display:none; overflow:hidden;height:40px;}
#description {   padding: 10px;   /* border:1px solid #ccc; */ background:rgba(255,255,255,0.5);
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width:80%;
margin:4% auto;

}
#announcement{ clear:both; text-align:center;font-size:16px;color:#333;}
#window { border: 1px solid #333; height: 400px; }
#content { height: 50px; width: 100%; }
#title { font-size: 16px; float:left; width:300px;}
#online { _display:inline;height: 80px; float: right; width:200px;text-align: right;}
#online_num { padding-right:20px;}
#chat_window { overflow: auto; overflow-x:hidden;  border:1px solid #fff;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
height: 511px;
    width: 85%;
    margin: 10px auto;
    padding: 10px;
	 background: url(images/talk_bg2.png) repeat rgba(255,255,255,.90);
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:0px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;

line-height:40px;
font-size:20px;

}
#logo { float:left; }
#top_ad{ float:left; }
.notification { color: #333; }

#chat_bottom { margin-top:10px; margin-left:20px; margin-right:20px;}
#disconnectwrapper { 
display:block;
overflow: hidden; 
background-color: #DB424C;
font-size:20px;
border: 1px solid #fff; 
width:8%; 
float: left; 
height:70px;
border-radius:10px;
line-height:70px; 
text-align:center;
cursor:pointer;
}
#disconnectwrapper a{ background-color: #DB424C;text-align:center; border-radius:10px; line-height:70px; color:#F8EDA1;
 }
#disconnectwrapper a:hover{ color:#FFFFFF;}
#content{display:block; margin:0 10px 0;overflow: hidden; border: 1px solid #ccc; width: 80.5% !important;float:left;  height:70px; font-size: 16px;line-height: 20px; padding:0 0 0 10px; }

#sendwrapper { display:block; overflow: hidden;  background-color: #82d9de; border: 1px solid #ccc; width:8%; float:left; height:70px;border-radius:10px;line-height: 70px; text-align: center;cursor:pointer; font-size:20px; border: 1px solid #fff; }
#sendwrapper a{ background-color: #82d9de; color:#012264; }
#sendwrapper a:hover{color:#FFFFFF;} 
 
.icon_style{ font-size:22px !important; color:rgba(183,4,7,1.00); margin-right:5px;}

	#chat_bottom{ width:85%; margin:0 auto;}
	.start_btn{margin:40px 0 0 40px;margin-bottom:40px; width:250px; height:66px; display:block; text-align:center;}
	.start_btn a{ width:250px; height:66px; display:block; background: url(images/match.png) center;}
	.start_btn a:hover{ background:url(images/match_hover.png) center;}


