#iframe-wrap {
	
}

#iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.hidden {
	display: none;
}

* {
	-moz-transition: background-color 0.5s;
	-webkit-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
	outline: none;
}

.user-select-none {
	-moz-user-select: none;
	-webkit-user-select: none;
}

.user-select-none::selection {
	background: transparent;
}
/*1 一般性样式 */
/*1.1 主体 */
body,dl,dt,dd,ol,ul {
	font: 13px/22px 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial,
		Sans-serif;
	padding: 0;
	margin: 0;
	color: #222;
	word-wrap: break-word;
	background: #ffffff;
}

ol,ul {
	background: transparent;
}

#bsdn-message {
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 14px;
	color: #F60;
}
/*1.2 reset */
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/*1.3 链接 */
.a-border {
	border: 1px solid #eee;
}

a {
	color: inherit;
}

a:link,a:visited {
	text-decoration: none;
}

a:hover,a:focus,a:active {
	cursor: pointer;
	outline: none;
	text-decoration: underline;
}

.img-replace {
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.img-replace::selection {
	background: transparent;
}
/*1.4 标题 */
a.title {
	margin-bottom: 40px;
}

h1.title {
	width: 640px;
	padding-bottom: 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-bottom: 1px dashed #CCC;
	display: inline-block;
	position: relative;
}
/*1.5 其他元素 */
.inline-division {
	margin: 0 5px;
}

.block-division {
	height: 1px;
	border: none;
	border-bottom: 1px dashed #ccc;
}
/*2 辅助样式 */
/*2.1 表单 */
/*2.2 通知和错误 */
/*2.3 一致的条目 */
/*3 页面结构 */
/*3.1 标题页脚和导航 */
div.more a {
	float: right;
	border: none;
	width: 168px;
	height: 56px;
	margin-bottom: 40px;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	background-image: url(/res/img/index/more.png);
	background-repeat: no-repeat;
	opacity: 0.8;
}

div.more a::selection {
	background: transparent;
}

div.more a:hover {
	opacity: 1;
}

div.more:after {
	visibility: hidden;
	content: '.';
	clear: both;
	display: block;
	height: 0;
}

#header {
	width: 100%;
	height: 104px;
	background: url(/res/img/index/bg_nav_top.png) left repeat;
}

#header .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	padding: 6px 36px 6px 0px;
}

#header .top .user-info img {
	vertical-align: bottom;
}
/*
#header .top .user-info a {
  font-size: 12px;
  color: #737676;
  display: inline-block;
}
*/
#header .top .user-info a.signout {
	margin-left: 20px;
}
/*
#header .top .user-info a:hover {
  color: #ffffff;
  background-color: #737676;
  text-decoration: none;
  border: none;
}
*/
#header .top .search {
	width: 225px;
	height: 21px;
	position: relative;
	float: left;
}

#header .top .search a {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 21px;
	line-height: 21px;
	background: url(/res/img/index/login/search.png) center no-repeat
		#1eb9ee;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#header .top .search a::selection {
	background: transparent;
}

#header .top .search input {
	width: 200px;
	height: 21px;
	padding-right: 25px;
	border: none;
}

#header #nav {
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	height: 24px;
	margin: 53px auto 30px 20px;
	padding-left: 0px;
}

#header #nav li {
	float: left;
	margin: 0 36px;
}

#header #nav li a {
	display: inline-block;
	width: 48px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(/res/img/index/nav.png);
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#header #nav li a::selection {
	background: transparent;
}

#header #nav li a.news {
	background-position: 0 0;
}

#header #nav li a.news:hover {
	background-position: 0 -24px;
}

#header #nav li a.projects {
	width: 46px;
	background-position: -48px 0;
}

#header #nav li a.projects:hover {
	background-position: -48px -24px;
}

#header #nav li a.members {
	width: 46px;
	background-position: -94px 0;
}

#header #nav li a.members:hover {
	background-position: -94px -24px;
}

#header #nav li a.study {
	width: 46px;
	background-position: -142px 0;
}

#header #nav li a.study:hover {
	background-position: -142px -24px;
}

#header #nav li a.store {
	background-position: -190px 0;
}

#header #nav li a.store:hover {
	background-position: -190px -24px;
}
/*3.2 布局 */
.section {
	margin: 0 auto;
	width: 960px;
}
/*3.3 其他页面结构元素 */
/*4 页面组件 */
#login {
	width: 100%;
	max-width: 1366px;
	height: 683px;
	margin-bottom: 80px;
	background: url(/res/img/index/login/login-bg.jpg) center no-repeat;
	position: relative;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding;
	box-shadow: 0 0 1px rgba(32, 51, 58, 0.23), 0 5px 15px
		rgba(14, 46, 62, 0.35);
	-webkit-box-shadow: 0 0 1px rgba(32, 51, 58, 0.23), 0 5px 15px
		rgba(14, 46, 62, 0.35);
	-moz-box-shadow: 0 0 1px rgba(32, 51, 58, 0.23), 0 5px 15px
		rgba(14, 46, 62, 0.35);
}

#login .logo {
	width: 216px;
	height: 90px;
	margin: 7px 0 7px 65px;
	display: inline-block;
	background-image: url(/res/img/index/login/bsdn-logo.png);
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#login .logo::selection {
	background: transparent;
}

#login a.corner {
	width: 22px;
	height: 22px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	background-image: url(/res/img/index/login/corner.png);
}

#login a.corner::selection {
	background: transparent;
}

#login .box-mask {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
	background-color: rgba(0, 0, 0, 0.3);
	width: 400px;
	height: 150px;
	display: none;
	z-index: 1;
}

#login .box {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: auto;
	width: 400px;
	height: 150px;
	z-index: 2;
}

#login .box .fields {
	z-index: 1;
	padding: 20px;
	width: 210px;
	height: 110px;
	float: left;
}

#login .box .fields div {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	color: #fff;
}

#login .box .fields input {
	background: none;
	border: none;
	outline: none;
	width: 100%;
	color: #fff;
	border-color: transparent;
	position: relative;
	z-index: 3;
	margin-bottom: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#login .box .fields label {
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	font-size: 15px;
	z-index: 2;
	cursor: text;
}

#login .box .fields a {
	background: url(/res/img/index/login/openid.png) no-repeat;
	display: inline-block;
	width: 33px;
	height: 33px;
	margin-right: 10px;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#login .box .fields a::selection {
	background: transparent;
}

#login .box .fields a.google {
	background-position: 0 0;
}

#login .box .fields a.google:hover {
	background-position: 0 -33px;
}

#login .box .fields a.qq {
	background-position: -33px 0;
}

#login .box .fields a.qq:hover {
	background-position: -33px -33px;
}

#login .box .fields a.weibo {
	background-position: -66px 0;
}

#login .box .fields a.weibo:hover {
	background-position: -66px -33px;
}

#login .box .fields a.renren {
	background-position: -99px 0;
}

#login .box .fields a.renren:hover {
	background-position: -99px -33px;
}

#login .box .buttons {
	z-index: 1;
	padding-top: 20px;
	width: 150px;
	height: 130px;
	float: right;
	color: #fff;
}

#login .box .buttons span {
	font-size: 12px;
}

#login .box .buttons span a {
	line-height: 50px;
	margin: 0 3px;
}

#login .box .buttons a.login {
	display: block;
	text-align: center;
	width: 110px;
	line-height: 34px;
	background-color: rgba(0, 0, 0, 0.2);
	font-size: 18px;
	text-decoration: none;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	text-indent: 0;
}

#login .box .buttons a.login::selection {
	background: transparent;
}

#login .box .buttons a.login:hover,#login .box .buttons span a:hover {
	background-color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
}

#login .tip {
	z-index: 1;
	width: 198px;
	height: 68px;
	position: absolute;
	top: auto;
	right: 0;
	bottom: -68px;
	left: auto;
	display: block;
	background-image: url(/res/img/index/login/click-hear.png);
}

#login .tip:after {
	content: ' ';
	visibility: hidden;
	height: 0;
	display: block;
}

#news a.more-news {
	color: #858585;
	float: right;
	margin-top: 18px;
	padding: 0 4px;
	float: right;
}

#news a.more-news:hover {
	background: #0cb9fa;
	color: #fff;
	opacity: 0.9;
	text-decoration: none;
}

#news>h1.title {
	margin-bottom: 30px;
}

#news>h1.title>a {
	background: url(/res/img/index/title.png) 0 -41px no-repeat;
	width: 233px;
	height: 40px;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: inline-block;
}

#news>h1.title>a::selection {
	background: transparent;
}

#news>h1.title:hover {
	opacity: 0.9;
}

#news .list {
	float: left;
	width: 425px;
}

#news .poster-wall {
	float: right;
}

#news .list h3.entry {
	white-space: nowrap;
	overflow: hidden;
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px dashed #ccc;
	line-height: 20px;
	border-bottom: 1px dashed #ccc;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	overflow: hidden;
}

#news .list h3.entry a {
	margin-left: 10px;
	line-height: 25px;
	font-weight: normal;
	color: #858585;
	font-size: 14px;
}

#news .list h3.entry:hover {
	background-color: #0cb9fa;
}

#news .list h3.entry:hover a {
	text-decoration: none;
	color: #fff;
}

#news .more a {
	background-position: 0 0;
}

#news .more a:hover {
	background-position: 0 -56px;
}

#projects>h1.title {
	margin-bottom: 60px;
}

#projects>h1.title>a {
	background: url(/res/img/index/title.png) 0 -82px no-repeat;
	width: 340px;
	height: 40px;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: inline-block;
}

#projects>h1.title>a::selection {
	background: transparent;
}

#projects>h1.title:hover {
	opacity: 0.9;
}

#projects .content {
	padding: 10px 27px;
	-webkit-border-radius: 960px 0 0px 0 0;
	-moz-border-radius: 960px 0 0px 0 0;
	border-radius: 960px 0 0px 0 0;
}

#projects .content .featured {
	height: 329px;
}

#projects .content .featured dl {
	margin: 0 15px;
	float: right;
	width: 280px;
	height: 100%;
	text-align: center;
}

#projects .content .featured dl dt {
	font-size: 24px;
	color: #369f69;
	white-space: nowrap;
}

#projects .content .featured dl dt a {
	width: 100%;
	color: #585959;
}

#projects .content .featured dl dt a:hover {
	background-color: #ECE7DB;
}

#projects .content .featured dl dd {
	margin: 15px 0 25px;
	font-size: 14px;
	height: 225px;
	text-align: left;
	overflow: hidden;
	min-height: 35px;
	color: #737676;
}

#projects .content .featured dl dd:after {
	content: '...';
	position: relative;
	display: block;
}

#projects .content .featured dl .button {
	display: inline-block;
	padding: 4px 0;
	width: 91px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	color: #585959;
	background: #EBEBEB;
	border: 1px solid #eee;
}

#projects .content .featured dl .button:hover {
	background: #0181EB;
	color: #fefefe;
}

#projects .content .featured .divider {
	margin: 10px 15px;
	float: right;
}

#projects .content .featured .divider .line {
	display: inline-block;
	width: 1px;
	height: 303px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#ffffff), color-stop(50%, #000000) );
}

#projects .content .featured .divider .lump {
	display: inline-block;
	width: 14px;
	height: 303px;
	background-image: url(/res/img/index/projects/lump.png);
}

#projects .content .featured .gallery {
	z-index: 0;
	position: relative;
	width: 513px;
	min-height: 303px;
	margin-bottom: 25px;
	margin-right: 400px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 0 0 1px rgba(32, 51, 58, 0.23), 0 5px 15px
		rgba(14, 46, 62, 0.35);
	-webkit-box-shadow: 0 0 1px rgba(32, 51, 58, 0.23), 0 5px 15px
		rgba(14, 46, 62, 0.35);
	-moz-box-shadow: 0 0 1px rgba(32, 51, 58, 0.23), 0 5px 15px
		rgba(14, 46, 62, 0.35);
	border: solid 10px #fff;
	border-color: black\0;
}

#projects .content .featured .gallery .decorate {
	position: absolute;
	top: -20px;
	right: -20px;
	bottom: auto;
	left: auto;
	z-index: 99;
}

#projects .content .featured .trigger {
	width: 513px;
	text-align: center;
}

#projects .content .featured .trigger a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/res/img/nivo/arrows.png) no-repeat;
	text-indent: -9999px;
	border: none;
	margin-left: 15px;
	opacity: 0.7;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}

#projects .content .featured .trigger a::selection {
	background: transparent;
}

#projects .content .featured .trigger a.nivo-prevNav {
	background-position: 0;
}

#projects .content .featured .trigger a.nivo-nextNav {
	background-position: -30px;
}

#projects .content .featured .trigger a:hover {
	opacity: 1;
}

#projects .content .all {
	margin-top: 100px;
}

#projects .content .all .list {
	font-size: 14px;
	height: 327px;
	position: relative;
	overflow: hidden;
}

#projects .content .all .list>div.slider-prev,#projects .content .all .list>div.slider-next
	{
	height: 300px;
	width: 35px;
	position: absolute;
	background-color: white;
	z-index: 1;
	text-align: center;
}

#projects .content .all .list>div.slider-prev a,#projects .content .all .list>div.slider-next a
	{
	display: inline-block;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	background: #ffffff url(/res/img/index/slider.png) center no-repeat;
	width: 12px;
	height: 100%;
}

#projects .content .all .list>div.slider-prev a::selection,#projects .content .all .list>div.slider-next a::selection
	{
	background: transparent;
}

#projects .content .all .list>div.slider-prev a {
	background-position: -12px;
}

#projects .content .all .list>div.slider-prev a:hover {
	background-position: -36px;
}

#projects .content .all .list>div.slider-next {
	right: 0;
}

#projects .content .all .list>div.slider-next a {
	background-position: 0px;
}

#projects .content .all .list>div.slider-next a:hover {
	background-position: -24px;
}

#projects .content .all .list .ul-wrap {
	overflow: hidden;
}

#projects .content .all .list .ul-wrap .prjs {
	position: relative;
	overflow: hidden;
	height: 300px;
	width: 1000000%;
	margin: 0 35px;
}

#projects .content .all .list .ul-wrap .prjs .prj {
	float: left;
	width: 209px;
	height: 100%;
}

#projects .content .all .list .ul-wrap .prjs .prj:hover {
	background-color: #ebf3f3;
}

#projects .content .all .list .ul-wrap .prjs .prj>a {
	display: block;
}

#projects .content .all .list .ul-wrap .prjs .prj>a img {
	display: block;
	max-width: 131px;
	max-height: 131px;
	margin: 20px auto 35px auto;
}

#projects .content .all .list .ul-wrap .prjs .prj>a span {
	padding: 0 20px;
	display: block;
	height: 115px;
	color: #737676;
}

#projects .content .all .list .ul-wrap .prjs .prj>a:hover {
	text-decoration: none;
}

#projects .content .all .list .ul-wrap .prjs .prj div {
	margin-top: 16px;
	text-align: center;
}

#projects .content .all .list .ul-wrap .prjs .prj div a {
	margin: 0 5px;
	color: #00bff3;
}

#projects .content .all .slider {
	margin: 50px 0;
	position: relative;
	height: 1px;
	background-color: #00bff3;
}

#projects .content .all .slider span {
	position: absolute;
	top: -5px;
	right: auto;
	bottom: auto;
	left: auto;
	width: 6px;
	height: 12px;
	display: inline-block;
	background: url(/res/img/index/slide-block.png) no-repeat;
}

#projects .content .all .slider span.left {
	left: -6px;
	background-position: 0 -45px;
}

#projects .content .all .slider span.right {
	right: -6px;
	background-position: 0 -58px;
}

#projects .content .all .slider .wrapper {
	position: relative;
	width: 95%;
}

#projects .content .all .slider .wrapper a {
	position: absolute;
	top: -25px;
	right: inherit;
	bottom: inherit;
	left: 0;
	background: url(/res/img/index/slide-block.png) no-repeat 0 0;
	width: 47px;
	height: 44px;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#projects .content .all .slider .wrapper a::selection {
	background: transparent;
}

#projects .content .all .slider .wrapper a:hover {
	opacity: 0.8;
}

#projects .more a {
	background-position: -169px 0;
}

#projects .more a:hover {
	background-position: -169px -56px;
}

#members>h1.title>a {
	background: url(/res/img/index/title.png) 0 0 no-repeat;
	width: 350px;
	height: 40px;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: inline-block;
	height: 40px;
}

#members>h1.title>a::selection {
	background: transparent;
}

#members>h1.title:hover {
	opacity: 0.9;
}

#members .info {
	width: 475px;
	position: relative;
	display: block;
}

#members .info .feed {
	width: 400px;
	height: 115%;
	z-index: -2;
	overflow-y: auto;
	position: absolute;
	top: 0;
	right: -100%;
	bottom: auto;
	left: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.34);
	-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.34);
	-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.34);
}

#members .info .title {
	text-align: center;
	font-size: 20px;
	color: #00a4b9;
}

#members .info .content {
	white-space: pre-line;
	font-size: 14px;
	color: #737676;
}

#members .info hr.shadow {
	margin: 40px 0;
	height: 11px;
	background-image: url(/res/img/index/members/shadow.png);
	border: none;
}

#members ul.logos {
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
	padding: 0 1px;
}

#members ul.logos li {
	height: 110px;
	width: 110px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 11px 0 0 11px;
	float: left;
	background: #eff5f5;
	overflow: hidden;
	margin: 11px 0 0 11px;
}

#members ul.logos li.prev {
	background: url(/res/img/index/members/left.gif);
}

#members ul.logos li.next {
	background: url(/res/img/index/members/right.gif);
}

#members ul.logos li.prev:hover {
	cursor: pointer;
	background: url(/res/img/index/members/left_h.gif);
}

#members ul.logos li.next:hover {
	cursor: pointer;
	background: url(/res/img/index/members/right_h.gif);
}

#members ul.logos li:nth-child(8n-7) {
	margin-left: 0;
}

#members ul.logos li.member-registers {
	font-size: 16px;
	background: rgb(245, 245, 236);
	/*230 230 222*/
	position: absolute;
	width: auto;
	height: auto;
}

#members ul.logos li.member-registers div {
	width: 100%;
	height: 100%;
	padding: 48px 50px 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	background-image: -webkit-linear-gradient(top, transparent 21px, #E6E6DE 1px);
	background-size: 100% 22px;
}

#members ul.logos li.member-registers * {
	background: transparent;
	color: #3C3C3C;
}

#members ul.logos li.member-registers dl dt {
	font-size: 14px;
	position: absolute;
	bottom: 42px;
	right: 50px;
	text-shadow: #585858 0px 0px 3px;
}

#members ul.logos li.member-registers dl dd {
	text-shadow: #585858 0px 0px 3px;
	font-size: 14px;
	max-height: 200px;
	overflow: hidden;
}

#members ul.logos li span {
	width: 330px;
	height: 110px;
	float: left;
	margin-left: -110px;
	-webkit-transition-property: margin-left;
	-o-transition-property: margin-left;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition-property: margin-left;
}

#members ul.logos li a {
	width: 110px;
	height: 110px;
	padding: 0 5px;
	display: table-cell;
	vertical-align: middle;
	display: table-cell;
}

#members ul.logos li a img {
	max-width: 100px;
}

#members ul.logos li.dark {
	background: #075aa5;
}

#members ul.logos li.dark:nth-child(6n+1) {
	background: #b03b3e;
}

#members ul.logos li.dark:nth-child(7n+5) {
	background: #719fc8;
}

#members .more a {
	background-position: -337px 0;
}

#members .more a:hover {
	background-position: -337px -56px;
}

#store>h1.title {
	margin-bottom: 60px;
}

#store>h1.title>a {
	background: url(/res/img/index/title.png) 0 -123px no-repeat;
	width: 255px;
	height: 40px;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: inline-block;
}

#store>h1.title>a::selection {
	background: transparent;
}

#store>h1.title:hover {
	opacity: 0.9;
}

#store>h1.title div.logo {
	width: 396px;
	height: 112px;
	position: absolute;
	top: -30px;
	left: 270px;
	z-index: -2;
	background: url(/res/img/index/store/storelogo.jpg) left no-repeat;
}

#store .board {
	border: 1px dashed #ccc;
	height: 310px;
	margin: 25px 0;
}

#store .board h1 {
	font-size: 18px;
	color: #f84e08;
	font-weight: normal;
	margin-left: 10px;
	padding: 3px 10px;
	border-left: 5px solid #f84e08;
	ME
}

#store .board .event-board {
	float: left;
	margin-left: 18px;
	margin-right: 18px;
	width: 460px;
}

#store .board .event-board .flexslider {
	margin: 0 0 0 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.flexslider .flex-control-nav.flex-control-paging {
	display: none;
}

#store .board .bill-board {
	float: left;
}

#store .board .bill-board dl {
	float: left;
	width: 400px;
	height: 225px;
	margin: 0 25px;
}

#store .board .bill-board dl dt {
	font-size: 16px;
	color: #858585;
	line-height: 1em;
}

#store .board .bill-board dl dd {
	margin-top: 10px;
}

#store .board .bill-board dl dd ol {
	padding: 0;
}

#store .board .bill-board dl dd ol>li {
	list-style-type: none;
	border-top: 1px dashed #ccc;
	padding: 5px 0;
}

#store .board .bill-board dl dd ol>li>span {
	height: 33px;
	line-height: 33px;
	display: inline-block;
}

#store .board .bill-board dl dd ol>li>span.name {
	width: 300px;
	color: #858585;
	display: inline-block;
	line-height: 33px;
	white-space: nowrap;
	overflow: hidden;
}

#store .board .bill-board dl dd ol>li>span.price {
	color: #f84e08;
}

#store .board .bill-board dl dd ol>li>span.price:before {
	content: '￥ ';
	color: #818181;
	font: normal 14px Arial;
}

#store .board .bill-board dl dd ol>li>span.index {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border: 1px solid #adadad;
	background-color: #dcdcdc;
	margin-right: 12px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#store .board .bill-board dl dd ol>li>a,#store .board .bill-board dl dd ol>li>ul
	{
	display: none;
	border: none;
}

#store .board .bill-board dl dd ol>li.hover {
	position: relative;
	overflow: hidden;
}

#store .board .bill-board dl dd ol>li.hover>span {
	display: none;
}

#store .board .bill-board dl dd ol>li.hover>span.index {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	background-color: #FCB343;
}

#store .board .bill-board dl dd ol>li.hover a {
	display: inline-block;
}

#store .board .bill-board dl dd ol>li.hover a.name {
	white-space: nowrap;
}

#store .board .bill-board dl dd ol>li.hover a.picture {
	margin-left: 35px;
	height: 50px;
	padding: 8px;
	border: 1px solid #ddd;
}

#store .board .bill-board dl dd ol>li.hover a.picture img {
	width: 50px;
	height: 50px;
}

#store .board .bill-board dl dd ol>li.hover a.picture:hover {
	border-color: #08C;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

#store .board .bill-board dl dd ol>li.hover ul {
	display: block;
	float: right;
	width: 286px;
}

#store .board .bill-board dl dd ol>li.hover ul li {
	display: block;
}

#store .board .bill-board dl dd ol>li.hover ul li a {
	color: #858585;
}

#store .board .bill-board dl dd ol>li.hover ul li span {
	color: #F84E08;
}

#store .board .bill-board dl dd ol>li.hover ul li span:before {
	content: '￥ ';
	color: #818181;
	font: normal 14px Arial;
}

#store .board .bill-board dl dd ol>li.hover ul li a.buy {
	border: 1px solid #EEE;
	color: #FEFEFE;
	background: #0181EB;
	padding: 0 5px;
}

#store .board .bill-board dl dd ol>li.hover ul li a.buy:hover {
	text-decoration: none;
	opacity: 0.9;
}

#store .ul-wrap {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}

#store .ul-wrap ul.items {
	width: 100000%;
	height: 270px;
}

#store .ul-wrap ul.items li.item {
	padding: 10px;
	margin-right: 24px;
	height: 270px;
	float: left;
	position: relative;
	border: 1px dashed #ccc;
}

#store .ul-wrap ul.items li.item a {
	font: 13px;
	display: block;
	border: none;
	width: 200px;
	height: 150px;
	text-align: center;
}

#store .ul-wrap ul.items li.item a img {
	max-width: 200px;
	max-height: 150px;
}

#store .ul-wrap ul.items li.item a img:hover {
	opacity: 0.9;
}

#store .ul-wrap ul.items li.item a.name {
	color: #221919;
}

#store .ul-wrap ul.items li.item a:hover {
	opacity: 0.9;
}

#store .ul-wrap ul.items li.item .price {
	color: #FF2900;
	font: bold 18px Arial;
	position: absolute;
	top: auto;
	right: auto;
	bottom: 15px;
	left: 10px;
}

#store .ul-wrap ul.items li.item .price:before {
	content: '¥ ';
	color: #818181;
	font: normal 14px Arial;
}

#store .ul-wrap ul.items li.item .deal-count {
	font-size: 14px;
	font-weight: bold;
	float: right;
	color: #818181;
	position: absolute;
	top: auto;
	right: 10px;
	bottom: 15px;
	left: auto;
}

#store .ul-wrap ul.items li.item .deal-count:before {
	font-weight: normal;
	content: '成交 ';
	font-size: 12px;
}

#store .ul-wrap ul.items li.item .deal-count:after {
	font-weight: normal;
	content: ' 件';
	font-size: 12px;
}

#store div.page {
	width: 48px;
	height: 20px;
	margin: 40px auto 10px;
}

#store div.page a {
	width: 12px;
	height: 100%;
	text-indent: -1000em;
	border: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: default;
	background-image: url(/res/img/index/slider.png);
	background-repeat: no-repeat;
}

#store div.page a::selection {
	background: transparent;
}

#store div.page a.hover {
	cursor: pointer;
}

#store div.page a.prev {
	float: left;
	background-position: -12px;
}

#store div.page a.prev.hover {
	background-position: -36px;
}

#store div.page a.next {
	float: right;
	background-position: 0;
}

#store div.page a.next.hover {
	background-position: -24px;
}

#store .more a {
	background-position: -505px 0;
}

#store .more a:hover {
	background-position: -505px -56px;
}

#footer {
	border-top: 3px solid #9B9B9B;
	padding: 20px 0;
	margin-top: 100px;
	height: 62px;
}

#footer li {
	position: relative;
	float: left;
	color: #9b9b9b;
}

#footer li a {
	color: #9b9b9b;
	font-size: 12px;
}

#footer li a:hover {
	background-color: #9b9b9b;
	color: #ffffff;
}

#footer li a.logo {
	display: inline-block;
	font-size: 47px;
	line-height: 1em;
	text-decoration: none;
	text-shadow: 0 0 1px #ffffff, 0 1px rgba(0, 0, 0, 0.28);
}

#footer li a.logo:hover {
	background-color: #ffffff;
	color: #9b9b9b;
}

#footer li a.weibo {
	padding-left: 30px;
	padding-right: 10px;
	height: 23px;
	background: url(/res/img/index/footer/weibo.png) left no-repeat;
	color: #00C0FF;
	display: table-cell;
}

#footer li a.weibo:hover {
	background-color: #00C0FF;
	color: #ffffff;
}

/*multi-login-menus*/
div.multi-login-menus {
	float: right;
	width: 25px;
	height: 24px;
	background-color: rgba(170, 153, 153, 0.23);
	text-align: center;
	margin-left: 3px;
	margin-top: 10px;
	position: relative;
	cursor: pointer;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
}

div.multi-login-menus s {
	display: block;
	border-color: black transparent transparent transparent;
	border-style: solid dashed dashed dashed;
	border-width: 5px;
	position: absolute;
	top: 9px;
	left: 7px;
}

div.multi-login-menus:hover {
	background-color: white;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

div.multi-login-menus.clicked {
	background-color: white;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}

div.multi-login-menus #menu-container {
	position: absolute;
	right: -1px;
	top: 24px;
	background-color: white;
	z-index: 1000;
	min-width: 120px;
	border: 1px solid #DDD;
}

div.multi-login-menus #menu-container ul {
	width: auto;
	margin-left: auto;
}

div.multi-login-menus #menu-container ul li {
	margin: auto auto;
	height: 30px;
	width: 100%;
	text-align: left;
	display: block;
	border-bottom: 1px solid #DDD;
	font-weight: bolder;
	position: relative;
}

div.multi-login-menus #menu-container ul li:hover {
	background-color: #F6F6F6;
}

div.multi-login-menus #menu-container ul li a {
	background-image: none;
	font-size: 13px;
	width: 100%;
	padding: 5px 40px 5px 5px;
	line-height: 30px;
	white-space: nowrap;
}

div.multi-login-menus #menu-container ul li a i {
	margin-right: 5px;
}

.top .user-info a.user {
	display: inline-block;
	height: 25px;
	margin-top: 10px;
	float: right;
	background-color: rgba(170, 153, 153, 0.23);
	padding-right: 5px;
	text-decoration: none;
}

.top .user-info a.user span {
	bottom: 2px;
}

.top .user-info a.user:hover {
	background-color: #2EA7E0;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;
	transition: background-color 0.5s linear;
	color: white;
}

div.multi-login-menus #menu-container ul#account-multi i {
	margin: 6px;
	margin-right: 10px;
	height: 18px;
	line-height: 5px;
}

div.multi-login-menus #menu-container ul#account-multi a [class^="icon-"]
	{
	display: inline !important;
}

div.multi-login-menus #menu-container ul#account-multi a [class^="icon-"]:before
	{
	display: inline !important;
}

div.multi-login-menus #menu-container ul#account-multi .icon-ok {
	margin-right: 6px;
}

/*for Vangie*/
.user-info a.user {
	display: inline-block;
	height: 25px;
	margin-top: 10px;
	vertical-align: top;
}

div.multi-login-menus s {
	top: 9px;
}

.user-info a:hover {
	text-decoration: none;
}

#back-to-top {
	border-radius: 50% !important;
	position: fixed;
	width: 45px;
	height: 45px;
	opacity: 0.7;
	background-color: #2ea7e0;
	position: fixed;
	bottom: 60px;
	right: -60px;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#back-to-top.show-top {
	right: 12px;
	-moz-transform: scale(1) rotate(-360deg) translate(0px);
	-webkit-transform: scale(1) rotate(-360deg) translate(0px);
	-o-transform: scale(1) rotate(-360deg) translate(0px);
	transform: scale(1) rotate(-360deg) translate(0px);
}

#back-to-top span {
	width: 21px;
	height: 21px;
	margin: 12px 12px;
	text-indent: -1000em;
	display: inline-block;
	background: url(/res/img/new-theme/narrow.png);
}

#back-to-top:hover {
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	cursor: pointer;
	opacity: 1;
}

#back-to-top:hover span {
	background-position: 0;
}

.count-tip-block {
	background: #c3412f;
	color: #fff;
	font-size: 12px;
	-webkit-text-size-adjust: none;
	padding: 0 5px !important;
	height: 16px !important;
	line-height: 16px !important;
	border-radius: 16px !important;
	z-index: 1001;
	position: absolute;
	right: 0;
}

.top #not-received-letter-count.menu-unfold {
	top: 62px;
	right: 18px;
}

.top #not-received-letter-count {
	top: -10px;
}