/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
/**/
*{margin:0;padding:0;}
body{font-size:medium; font-family:Arial, Helvetica, sans-serif;color:#333; margin:0 auto;}

input { border:#FFF solid; font-size:16px;}
ul, ol, dl, li, dd, dt{list-style:none outside none;}
a{color:#333;}
a:hover{color:#f00;}

/*顶部工具条*/
#topBar{background:#f8f8f8;border-bottom:1px solid #ccc; height:31px; width:100%;z-index:10}
#ICPD{text-decoration:none; text-align:center; margin-top:20px; margin-right:30px; display:block;}
#ICPD,#topReg{padding-left:8px}

#notepadBtn, #businessMsgBtn, #topLoginBtn, #loginNameBtn, #btn_Fold{ 
	float:left;
	text-align:center; 
	height:32px;
	cursor:pointer;
	background: #EEE;
	font-size:16px;
	padding:2px 5px;
	border:#DDD 1px solid
}
#btn_Fold{
	border-left:none;
}
#span_Fold{
	float:left;
	background: #EEE;
	height:30px;
	width:33px;
	border:#DDD 1px solid;
	border-right:none;
}
#cb_Fold{
	margin:8px;
	cursor:pointer;
	width: 16px;
 	height: 16px;
	border:0px;
}

#topLoginBtn, #loginNameBtn { float:right;}
#loginNameBtn { display:none }

/*搜索工具*/
#search{ height:45px; background:#FFF; padding-bottom:10px; max-width:1320px;}
#search a{cursor:pointer;}

#search-menu{ margin-top:40px; display:block;}
#search-menu a{font-size:19px; margin:1%; color:#04c; text-decoration:none;}
#search-menu a.on{ font-weight:bolder; text-decoration:none; color:#000;}

.search-form{margin-top:15px;}

/*搜索*/
#b_searchDiv { margin:10px;}

#searchInput,#b_searchInput {
	float:left;
	border:2px solid #1aa0cc;
	height:33px;
	width:70%;
	max-width:830px;
	font-family:Tahoma;
	font-size:19px;
}	
#searchBtn, #b_searchBtn {
	background:#1aa0cc;
	width:70px;
	height:37px;
	border:none;
	color:#FFF;
	font-size:16px;
	font-weight:600;
}

#searchHidden{display:none;}

/*搜索关键词联想*/
#keyWordsDiv{ display:none; float:left;border:1px solid #CCC; width:63%; max-width:880px;font-family:Tahoma; font-size:19px; position:absolute; background-color:#FFF;}
#keyWordsDiv li{ cursor:pointer; list-style:none; padding:1px 1px 0px 4px}


/*自定义网址*/
#site{z-index:0; overflow:hidden;}

#site_all li{
	margin:0px 0 0 0px;
	width: 130px;	
    float: left;
    padding: 4px 0px 4px 0;
    overflow: hidden;
    white-space: nowrap;
    height: 28px;
    border: 1px solid #fff;
		text-align:center;
		font-size:16px;
}
#site_all li.on{border: 1px dashed #666;background: #e7f5fe;}
#site_part a {
	width:100px;
    display: inline-block;
    margin: 0 2px;
    overflow:hidden;
    white-space:nowrap;
	text-overflow:ellipsis;
    line-height:1.6;
    vertical-align:middle;
    _vertical-align: baseline;
	text-decoration:none;
	float:left;
}
#site_part .nav_edit{	
	font-size:10px;
	color:#090;
	width:24px;
	display:none;
    margin: 3px 2px 0 0px;

}
#last_li{
	border:1px dashed #CCCCCC;
	font-size:80%;
	margin: 0px 20px 0px 5px;
}
#site_all a:hover {
   text-decoration:underline;
}
#add_site, #edit_site{
	color:#666;
	width: 40px;
    display: inline-block;
    margin: 0 2px;
    overflow: hidden;
    white-space: nowrap;
	text-overflow:ellipsis;
    line-height: 1.6;
    vertical-align: middle;
    _vertical-align: baseline;
		text-decoration:none
}

/*登陆框start*/
#login { position:absolute; top:31px; width:100%; z-index:3;}
#login form {
	float:right;
	padding: 10px 10px 10px 10px;
	display: none;	
	background-color: #ccc;
}
#login label {
	display: inline-block;
	text-align:right;
	padding: 8px 3px 4px 12px;
	color: rgb(58,80,123);
}
#logBtn,#regBtn,#cancelReg{

	width: 40px;
	cursor:pointer;
}
#pwdBtn{
	text-align:center;
	width: 70px;
	cursor:pointer;
}
#subReg{
	text-align:center;
	width: 105px;
	cursor:pointer;
}
#login input {
	font-size: 16px;
	width:150px;
}
#login #button {
	margin-left: 50px;	
}

/*登陆框end*/
/*网址编辑框start*/
#edit_div {
	position:absolute;
	z-index:11;
	top:45%;
	left:54%;
	width:290px;
	height:170px;
	background:#ccc;
	margin:-102px 0 0 -202px;
	line-height: 32px;
	text-align: center;
	border: 10px solid #CCC;
	display:none;
	font-size:18px;
}
#edit_div table {
	display: inline-block;
	text-align:left;
	margin: 5px 3px 4px 12px;
	color: rgb(58,80,123);
}
#title,#url,#remarks,#li_num {
	height:20px;
	font-size:14px;	
}
/*注册*/
#regDiv,#regP,#forgetPW {
	display:none;
}
/*网址编辑框end*/
/*退出登陆和修改账户*/
#logInfo {
	float:right;
	display:none;	
	background-color: #ccc;
	padding:6px;
}
#newPassFrom{display:none;} /*修改密码*/
#sub_ch,#cancel_ch,#pwd_r,#cancel_r{
	margin:5px 3px 3px 35px;
	padding:2px;
	cursor:pointer;
}
#logInfo span{
	line-height:40px;
	margin:12px;
	cursor:pointer;
}
#uname{cursor:pointer;}
/*退出登陆和修改账户end*/
/*自定义网址style end*/
#email_r{
	color:#999;	
}

input#sub,input#del_site,input#exit,input#but,input#res,input#button,input#sub_note,input#del_note,input#exit_note {				    background:#575757;
	color:#fff;
	height:20px;
	cursor:pointer;
	border:none;
	margin-right:5px;
}

#zt_color a{display:inline-block; width:16px; height:16px; margin-right:5px; margin-bottom:-3px; border:0px solid #fff; padding:2px; cursor:pointer;}
	#zt_color a em{display:block;width:16px; height:16px;}
	#zt_color #black em{background:#333}
	#zt_color #red em{background:red}
	#zt_color #green em{background:green}
	#zt_color .on{border:2px solid #333;}

a.red{color:#f00;}
a.red:hover{color:#c01;}
a.green{color:green}

/*记事本，小算盘*/
#notepadDiv{

	position:absolute;
	top:32px;
	z-index:99;
	width:100%;
	height:96%;
	display:none;
	background-color:#FFF;
}
#yun_note{
	position:relative;
	width:98%;
	line-height:22px;
	font-size:14px;
	padding:0.9%;
}

/*日程计划*/
#memTextarea{width:95.8%;line-height:22px;font-size:14px; padding:0.9%; margin:1.2%}
#memDate,#memTitle{margin:2px; height:20px; font-size:14px;}
#memTitle{color:#999}
#memHead{ text-align:center}
#memHead p {display:inline; padding:4px;}
#memSub,#memCancel{margin:2px;}
#sub_text{text-align:right; margin:6px 2px; float:right; display:none; }


/*右侧栏*/
#communication,#yueshiming,#memorandum{background:#6CF; height:100%; float:right; position:fixed; top:0px; border:#666 solid 1px;}
#communication{ width:220px; right:-222px; z-index:12;}
#yueshiming{ width:300px; right:-302px; z-index:10;}
#memorandum{ width:300px; right:-302px; z-index:11;}
#communication_dispaly,#ysm_dispaly,#mem_dispaly{border:1px dashed #CCCCCC; background:#FFF; width:16px; position:absolute; padding:1px; cursor:pointer; text-align:center;color:#999; filter:Alpha(opacity=80); opacity:0.8;}
#mem_dispaly{top:135px; height:40px; right:300px; background-color:#CCC; color:#999; padding-top:3px;}
#communication_dispaly{top:185px; height:55px; right:220px;}
#ysm_dispaly{top:247px; height:55px; right:300px;}
#showAllUnread{ text-align:center; color:red;}
.clickBar{height:22px; font-weight:600; text-align:center; padding-top:4px; border:#CCC solid 1px; background:#0CF; font-size:14px; cursor:pointer;}
#findFriend{padding:2px; height:26px;}
#books,#messages,#setedMessages{height:0px; overflow:auto; background:#f0f5fb;}
#memUl{height:60%;overflow:auto; margin-top:4px;}
.barID{width:75%;display: inline-block; margin:10px 6px 0px 6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1.6; vertical-align:middle; text-decoration:none; cursor:pointer; float:left;}
.memID{width:96%;display: inline-block; margin:7px 6px 0px 6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1.6; vertical-align:middle; text-decoration:none; cursor:pointer; float:left;}
#friendId{float:left;border:2px solid #1aa0cc; height:22px; width:61%;padding:0px; font-family:Tahoma; font-size:14px; color:#999}
.btn{float:left;background:#1aa0cc; width:40px; height:26px; border:none; color:#333; font-size:14px; font-weight:600; cursor:pointer;}
.fri_edit,.del_messages{font-size:75%; color:#090; width:26px; margin:14px 6px 0px 6px; text-decoration:none;float:right;}
#communication_foot{ position:absolute; text-align:center; height:20px; width:216px; bottom:0px; right:0px; padding:2px; background-color:#CCC;}
#editFriend{ float:left; margin:2px;font-size:12px; border:#666 dashed 1px; padding:4px 4px 6px 4px; width:94%;}
#editFriend input{font-size:12px; height:14px; vertical-align:middle;}
#friRemarks{width:48%}
#friSort{width:12%}
/*月事明*/
#yueshiHead{ text-align:center}
#yueshiHead p {display:inline; padding:4px;}
#rili{margin-top:6px; border-bottom:#999 dashed 1px; padding-bottom:4px;}
#surplus_days{color:#F00}
.thisDayTD{font-weight:600;}
.redDays{background:#F33;}
.greenDays{background:#6F3;}
.pinkDays{background:pink;}
#rili td,#memCalendar td{ width:42px; height:23px; text-align:center;}
#memCalendar td{cursor:pointer}
#memLi{margin-left:6px}
#memForm{display:none}
#memExplain{ color:#999; font-size:15px; margin:2px 2px 3px 12px;}
#memToday{ text-align:center; margin:4px; font-size:15px; color:#666; font-weight:600;}
#memCalendar{ border-top:#999 1px dashed; border-bottom:#999 1px dashed; padding-top:5px;}
#inputPeriodData,#inputMemData{line-height:28px; margin:2px auto; padding:2px; border-bottom:#999 dashed 1px; font-size:15px}
#periodExplain{line-height:22px; text-indent:28px; font-size:14px; padding:2px;}
/*对话框*/
#chat_div{top:32px; border:2px #999 solid; position:absolute; display:none; width:99%; background-color:#6CF; max-width:500px;}
#drag_div{ height:20px; width:100%; cursor:move;}
#chat_table{width:100%;max-width:500px;}
#chat_record{width:100%; border:2px #999 solid;background-color:#ffffff;}
#chat_record_div{height:185px;width:98%; padding:4px; overflow:auto; font-size:16px;}
#send_td{text-align:right; width:100%;max-width:492px;}
#sendText{ font-size:15px; margin-top:-3px; height:45px; width:99.3%; border:#999 2px solid;}
#name_id{ text-align:left; width:180px; margin:2px 0px 2px 4px; font-size:14px; overflow:hidden; white-space:nowrap; float:left;}
#closeM,#sendM{border:none; width:50px; height:20px; margin:4px 2px 2px 2px; background:#999; cursor:pointer;}
.others,.me{ resize:none; height:18px; border:none; width:98%; border-bottom:#CCC 1px dashed; margin:5px; letter-spacing:1px; line-height:18px; overflow:hidden; max-width:488px;}
.others{ float:left; background:#FFE;}
.me{ float:right; background:#FFF; text-align:right;}
#expression{ padding-left:0px; height:20px; border:2px #999 solid;}
.face{ border:none; background:none; cursor:pointer; padding:3px;}
/*快捷工具条*/
#openUrlA{ display:none; padding:2px; z-index:999; position:fixed; width:40px; height:21px; color:#333; text-align:center; border:#999 dashed 1px; text-decoration:none; background:#CCC; font-weight:600; font-size:18px; filter:Alpha(opacity=50); opacity:0.5;}
#openS{ display:none; z-index:999; position:fixed; color:#333; font-weight:600; font-size:17px; filter:Alpha(opacity=70); opacity:0.7;}
#openS li{ float:left; padding:2px; height:18px; text-align:center; border:#999 dashed 1px; background:#CCC; cursor:pointer;}



/***** Media Quries *****/
@media only screen and (max-width: 3280px) {
	.search{ width:76%;margin:0 24%;}
	#site_all{ width:60%;margin:0 26%;}
}
@media only screen and (max-width: 1920px) {
	.search{ width:76%;margin:0 24%;}
	#site_all{ width:54%;margin:0 24%;}
}
@media only screen and (max-width: 1620px) {
	.search{ width:76%;margin:0 24%;}
	#site_all{ width:60%;margin:0 24%;}
}
@media only screen and (max-width: 1420px) {
	.search{ width:76%;margin:0 24%;}
	#site_all{ width:60%;margin:0 26%;}
}
@media only screen and (max-width: 1280px) {
	.search{ width:81%;margin:0 19%;}
	#site_all{ width:80%;margin:0 16%;}
}
@media only screen and (max-width: 1024px) {

	.search{ width:83%; margin:0 17%;}
	#site_all{ width:80%; margin:0 15%;}
}
@media only screen and (max-width: 800px) {
	.search{ width:85%; margin:0 15%;}
	#site_all{ width:82%; margin:0 18%;}
}
@media only screen and (max-width: 640px){
	.search{ width:85%; margin:0 15%;}
	#site_all{ width:83%; margin:0 17%;}
}
@media only screen and (max-width: 480px) {
	.search{ width:92%; margin:0 8%;}
	#site_all{ width:84%; margin:0 16%;}
}
@media only screen and (max-width: 320px) {
	.search{ width:92%; margin:0 8%;}
	#site_all{ width:84%; margin:0 16%;}
}