input[placeholder] {
	behavior: url("/static/skin/common/htc/input.html5.htc");
}
select {
	*behavior: url("/static/skin/common/htc/select.htc");
	background: #FFF;
}
* html .pngfix {
	_filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.firstChild.src + "',sizingMethod='scale')");
	_display: inline;
	_zoom: 1;
}
* html .pngfix img {
	_visibility: hidden;
	_display: block;
	_zoom: 1;
}
* html a.pngfix,
* html a .pngfix {
	_cursor: hand;
}
html {
	background-color: #f7f7f7;
	font-family: simsun;
}
:root {
	font-family: "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1;
}
a {
	color: #0087fe;
}
.widthWrap {
	max-width: 1000px;
	min-width: 768px;
	margin: auto;
	_width: 960px;
}
.header {
	border-bottom: 1px solid #87A6DF;
	box-shadow: 0 1px 0 #5676B6;
	margin-bottom: 20px;
	background: #6989C8;
	filter: progid:DXImageTransform.Microsoft.DropShadow(color=#5676B6,offX=0,offY=1,positives=true);
}
.header .logo {
	background: #6989C8 url(../img/lecolod.gif) no-repeat center;
	border-right: 1px solid #5676B6;
	box-shadow: 1px 0 0 #87A6DF;
	vertical-align: middle;
	display: inline-block;
	text-indent: -999em;
	margin-right: 20px;
	overflow: hidden;
	height: 60px;
	width: 130px;
	*text-indent: 0;
	*color: #6989C8;
	filter: progid:DXImageTransform.Microsoft.DropShadow(color=#87A6DF,offX=1,offY=0,positives=true);
}
.header .user {
	padding-top: 15px;
	line-height: 30px;
	text-align: right;
	background: none;
	float: right;
	color: #fff;
}
.header .user * {
	vertical-align: middle;
}
.header .user .login {
	display: inline-block;
	margin-top: 24px;
}
.header .space,
.header .btns a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.header .space {
	vertical-align: middle;
	background: #e6ecf8;
	position: relative;
	text-align: left;
	margin:  0 12px;
	padding: 1px;
	width: 88px;
}
.header .space .text {
	position: absolute;
	text-align: center;
	font: 10px Arial;
	color: #5478bd;
	width: 100%;
	left: 0;
	top: 0;
}
.header .space .bar {
	background: url(../img/space.gif);
	background-color: #79c0f2;
	height: 11px;
}
:root .header .space .bar {
	background: linear-gradient(315deg, transparent 40%, rgba(255,255,255,.3) 40%, rgba(255,255,255,.3) 60%, transparent 60%), linear-gradient(top, #9ed3f9, #79c0f2);
    background-size: 15px 100%;
}
.header a {
	color: #fff;
}
.header .btns {
	padding-top: 6px;
}
.header .btns a {
	border: 1px solid #6383C1;
	background: #85A1D4;
	*margin-left: 10px;
	line-height: 28px;
	padding: 0 15px;
}
.header .getspace {
	box-shadow: 0 1px 0 #94D486 inset;
	border: 1px solid #358031;
	display: inline-block;
	padding: 0 8px 0 24px;
	background: #69c456;
	position: relative;
	line-height: 28px;
	-pie-background: linear-gradient(top, #69c456, #4ca03b);
	behavior: url("/static/skin/common/htc/PIE.htc");
}
.header .getspace b {
	background: url(../img/gift.gif) no-repeat center;
	display: inline-block;
	position: absolute;
	height: 30px;
	width: 14px;
	left: 6px;
	top: 0;
}
:root .header .getspace {
	background: -webkit-gradient(linear, left top, left bottom, from(#69c456), to(#4ca03b));
	background: -ms-linear-gradient(top, #69c456, #4ca03b);
	background: linear-gradient(top, #69c456, #4ca03b);
}
.header .nav {
	vertical-align: middle;
	display: inline-block;
	font-size: 1px;
	height: 96px;
	*display: inline;
	*zoom: 1
}
.header .nav a {
	display: inline-block;
	vertical-align: top;
	background: #6989C8;
	text-align: center;
	line-height: 20px;
	overflow: hidden;
	font-size: 16px;
	margin: 8px 0;
	height: 80px;
	width: 80px;
	opacity: .5;
	color: #fff;
	filter: alpha(opacity=50);
}
.header .nav .curr,
.header .nav a:hover {
	text-decoration: none;
	filter: none;
	opacity: 1;
}
.header .nav .curr {
	background: url(../img/headercol.gif) no-repeat center bottom;
	padding-bottom: 16px;
	margin-bottom: -20px;
	position: relative;
}
.header .nav b {
	background: url(../img/cols.gif) no-repeat;
	margin: auto auto 8px;
	border-radius: 9em;
	display: block;
	height: 52px;
	width: 52px;
}
.header .asso b {
	background-position: 0 0;
}
.header .photo b {
	background-position: -52px 0;
}
.header .msg b {
	background-position: -104px 0;
}
.header .call b {
	background-position: -156px 0;
}
.header .app b {
	background-position: -208px 0;
}
.main {
	font-size: 14px;
	margin: 20px 0;
	min-height: 1%;
	color: #4D4D4D;
	_height: 1%;
}
.main:after,
.toolbar:after {
	overflow: hidden;
	display: block;
	clear: both;
	content: "";
	height: 0;
}
.main .collist,
.main .colmain {
	border: 1px solid #E5E5E5;
	background: #fff;
}

.main .collist {
	white-space: nowrap;
	margin-right: 3px;
	line-height: 36px;
	padding: 10px;
	width: 170px;
	float: left;
	_margin-right: 0;
}
.collist .btn {
	overflow: hidden;
	padding: 0 16px;
	display: block;
	margin: 5px 0;
}
.collist .fav {
	background: url("../img/heart.png") no-repeat left center;
	vertical-align: middle;
	display: inline-block;
	height: 16px;
	width: 20px;
	_margin: 10px 0;
	_background: none;
	_filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/skin/common/img/heart.png',sizingMethod='crop')");
}
.collist .newgrp b {
	text-align: center;
	width: 20px;
	display: block;
	height: 32px;
	position: static;
	float: left;
	background: url(/static/skin/contact/img/grpedit.gif) no-repeat center -61px;
}
:root .collist .newgrp b {
	color: transparent;
}
.collist ul {
	border: 1px dotted #d0d0d0;
	border-width: 1px 0;
	list-style: none;
	margin: 5px 0;
}
.collist li {
	margin: 6px auto;
}
.collist ul a {
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 16px;
	display: block;
	color: #2b4a78;
	*width: 128px;
}
.main .collist .curr {
	background: #79C0F2;
	font-weight: bold;
	color: #fff;
}
.collist .curr a {
	color: #fff;
}
.main .colmain {
	overflow: hidden;
	_zoom: 1;
}
.main .content {
	padding: 10px;
}
.main .colmain .coltitle {
	background: url(../img/splitline.gif) repeat-x bottom;
	padding-bottom: 18px;
}
:root .main .colmain .coltitle {
	background: linear-gradient(315deg, transparent, transparent 1px, #ccc 1px, #ccc 2px, transparent 2px, transparent 3px, #ccc 3px, #ccc 4px, transparent 4px, transparent 5px, #ccc 5px, #ccc 6px, transparent 6px);
	background-position: bottom;
	background-repeat: repeat-x;
    background-size: 3px 4px;
}
.main .colmain h1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	line-height: normal;
	overflow: hidden;
	font-size: 28px;
}
.main .coltitle .lnks {
	line-height: 36px;
	color: #79c0f2;
	float: right;
}
.colmain .search {
	background: url(../img/search.gif) no-repeat 10px center;
	float: right;
}
.colmain .search input {
	box-shadow: 1px 1px 2px rgba(0,0,0,.2) inset;
	box-sizing: content-box;
	border-radius: 9em;
	padding-left: 30px;
	position: relative;
	background: none;
	width: 200px;
	behavior: url("/static/skin/common/htc/PIE.htc") url("/static/skin/common/htc/input.html5.htc");
}
.toolbar {
	border: 1px solid #efefef;
	border-width: 1px 0;
	min-height: 1%;
	display: block;
	_height: 1%;
}
.toolbar .ui_menu {
	width: 109px;
}
.toolbar a,
.toolbar .checkbox,
.toolbar .ui_menu {
	float: left;
	margin: -1px 0;
}
.toolbar a,
.toolbar .ui_menu div {
	padding: 0 12px;
}
.toolbar a,
.toolbar .ui_menu,
.toolbar .checkbox {
	border: 1px solid #efefef;
	border-right-width: 0;
	color: #0087fe;
}
.toolbar .checkbox {
	padding: 0 16px;
	border-left: 0;
}
.toolbar a,
.toolbar .checkbox,
.toolbar .ui_menu div {
	line-height: 50px;
	_padding-top: 15px;
	_height: 35px;
}
.toolbar a:hover {
	text-decoration: none;
	background: #F3F8FB;
}
.toolbar a:hover,
.toolbar .ui_menu:hover {
	border: 1px solid #79C0F2;
	_margin-right: -1px;
	*position: relative;
	*z-index: 1;
}
.toolbar a:hover+a,
.toolbar .ui_menu:hover+a {
	border-left-width: 0;
}
.toolbar .ui_menu .arrow {
	border-top-color: #0087fe;
}
.toolbar .ui_menu menu {
	min-width: 109px;
	width: auto;
	width: 150px;
}
.toolbar .ui_menu .btn {
	border: 0;
	border-top: 1px solid #efefef;
	text-align: center;
	line-height: 28px;
	margin: 5px 0 0 0;
	display: block;
	float: none;
	padding: 0;
}
.toolbar .ui_menu ul {
	overflow: hidden;
	overflow-y: auto;
	max-height: 280px;
	*overflow: visible;
	*max-height: none;
}
.toolbar .ui_menu li {
	padding: 3px 5px;
}
.toolbar .ui_menu li,
.toolbar .ui_menu menu,
.toolbar .ui_menu label {
	text-overflow: ellipsis;
	overflow: hidden;
}
.toolbar b {
	background: url(../img/toolbar.gif) no-repeat;
	vertical-align: middle;
	display: inline-block;
	height: 20px;
	width: 30px;
}
.toolbar .refresh b {
	background-position: 0 0;
}
.toolbar .delete b {
	background-position: 0 -20px;
}
.toolbar .back b {
	background-position: 0 -40px;
}
.toolbar .next b {
	background-position: 0 -60px;
}
.toolbar .prev b {
	background-position: 0 -80px;
}
.toolbar .option b {
	background-position: 0 -100px;
}
.toolbar .gird b {
	background-position: 0 -120px;
}
.toolbar .list b {
	background-position: 0 -140px;
}
.toolbar .p_grp b {
	background-position: 0 -160px;
}
.toolbar .p_add b {
	background-position: 0 -180px;
}
.toolbar .p_remove b {
	background-position: 0 -200px;
}
.toolbar .p_merger b {
	background-position: 0 -220px;
}
.toolbar .disable {
	background: #fff !important;
	border-color: #EFEFEF !important;
	color: #ccc !important;
}
.toolbar .disable div {
	background: #fff !important;
}
.toolbar .disable menu,
.toolbar .disable .arrow {
	display: none !important;
}
.toolbar .disable b {
	filter: Gray() Alpha(opacity=60);
	-webkit-filter: grayscale(1);
	background-color: #fff;
	opacity: .6;
}
.noneresult {
	background: url(../img/none.gif) no-repeat center;
	height: 400px;
	margin: auto;
	clear: both;
}
.none {
	text-align: center;
	margin: 160px auto;
	font-size: 14px;
}
.none p {
	margin-top: 10px;
}
.pages {
	padding: 20px 15px;
	line-height: 20px;
	text-align: right;
	font-size: 12px;
	clear: both;
}
.pages select {
	outline: none;
	height: auto;
	padding: 0;
}
.pages * {
	vertical-align: middle;
}
.pages a {
	display: inline-block;
	background: #8FB0DF;
	padding: 1px 4px 0;
	margin: 0 1px;
	color: #FFF;
}
.pages span {
	vertical-align: middle;
	position: relative;
	top: 2px;
}
.pages input {
	text-align: center;
	padding: 2px;
	width: 3em;
}
.avatar {
	background: url(../img/userfacebg.gif) no-repeat center 120px;
	display: inline-block;
	text-align: center;
	*display: inline;
	*zoom: 1;
	*width: 142px;
}
:root .avatar {
	position: relative;
	background: none;
	z-index: 1;
}
.avatar img {
	border: 1px solid #E3E3E3;
	position: relative;
	background: #fff;
	display: block;
	padding: 10px;
	height: 120px;
	width: 120px;
	margin: auto;
	z-index: 1;
}
.avatar::before, .avatar::after {
	box-shadow: 0 15px 6px rgba(0, 0, 0, 0.5);
	transform: rotate(-8deg);
	position: absolute;
	z-index: -1;
	content: "";
	height: 5px;
	width: 50%;
	top: 120px;
	left: 5px;
}
.avatar::after {
	transform: rotate(8deg);
	left: auto;
	right: 5px;
}
.backtop {
	float: right;
	clear: both;
}
.backtop a {
	background: url(../img/backtop.gif) no-repeat center;
	text-indent: -9999px;
	position: absolute;
	overflow: hidden;
	position: fixed;
	height: 174px;
	width: 26px;
	bottom: 115px;
}
* html .backtop a {
	_position: absolute;
	_bottom: auto;
    _top: expression(offsetParent.scrollTop + offsetParent.clientHeight - 290);
}
.footer {
	border-top: 1px solid #d8d8d8;
	background: #f0f0f0;
	text-align: center;
	margin-top: 20px;
	padding: 38px 0;
	clear: both;
	*zoom: 1;
}
.footer,
.footer * {
	color: #828689;
	margin: 0;	
}
.hidecode {
	position: absolute;
	right: 9999em;
	top: -9999em;
}
body {
	transform-origin: center top;
}
@media handheld and (min-width: 1440px) {
    body {
        transform: scale(1.5);
    }
}
@media handheld and (min-width: 1920px) {
    body {
        transform: scale(2);
    }
}
@media handheld and (min-width: 2400px) {
    body {
        transform: scale(2.5);
    }
}
@media handheld and (min-width: 2880px) {
    body {
        transform: scale(3);
    }
}