nonmobile.css

main {
	margin: 70px auto;
	width: 1200px;
}
form {
	margin-top: 0.5em;
}
ul#notice {
	float: right;
	margin: 0 0 1em 0;
	padding: 4px 7px;
	height: 6em;
	width: 360px;
	font-size: 13px;
	font-weight: 300;
	border: 1px dashed #768;
	overflow-y: scroll;
	cursor: default;
}
ul#notice li {
	padding: 0 0 0 1em;
	text-indent: -5px;
}
ul#notice li:before {
	content: '\00bb';
	display: inline-block;
	width: 5px;
}
article {
	float: right;
	clear: right;
	padding: 4px 7px;
	height: 9em;
	width: 360px;
	font-size: 13px;
	font-weight: 300;
	border: 1px dashed #768;
	overflow-y: scroll;
	cursor: default;
}
h2 {
	font-weight: lighter;
}
a[href] {
	border-bottom: 1px dotted #98c;
}
a[href]:hover {
	border-color: #666;
}
span#inventoryCount {
	font-family: "Source Han Sans", "Microsoft Yahei";
	font-weight: 300;
	font-size: 13px;
}
span.count {
	background: #555;
	border-radius: 8px;
	padding: 2px 4px;
	font-size: 12px;
	font-weight: 300;
	font-family: "Source Han Sans", "Microsoft Yahei";
	color: #fff;
	vertical-align: 1px;
	display: inline-block;
	line-height: 1;
}
label.btn:hover, a.btn:hover {
	background: #768;
	border-color: #657;
	z-index: 1;
}
.table {
	display: table;
	border-collapse: collapse;
	line-height: 1.5;
	text-align: center;
	background: #fff;
	cursor: default;
}
.tr {
	display: table-row;
	border-bottom: 1px solid #eee;
	transition: border-color 0.2s;
}
.td {
	display: table-cell;
	padding: 4px;
	white-space: nowrap;
}
.thead {
	display: table-header-group;
}
.thead .td {
	padding: 7px;
}
.thead .tr {
	border-bottom: 2px solid #777;
}
.thead .nav {
	display: none;
	position: fixed;
	top: 0;
	cursor: pointer;
	z-index: 10;
	background: rgba(255, 255, 255, 0.8);
	transition: background 0.2s;
}
.thead .nav:hover {
	background: #fff;
}
.thead .fix {
	display: block;
}
.tbody {
	display: table-row-group;
	border-bottom: 3px double #777;
	font-size: 13px;
}
.tbody .tr:hover {
	border-color: #999 !important;
}
.score {
	padding: 4px 7px;
	width: 41px;
}
.name {
	width: 109px;
}
.category {
	width: 94px;
}
.tag {
	width: 108px;
}
.source {
	width: 139px;
}
.negative {
	text-decoration: line-through;
	color: #999;
}
#clothes {
	margin: 0;
	padding: 0 0 56px;
	width: 1193px;
	border: 1px solid #777;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}
#clothes .table {
	margin: 0 auto;
}
#clothes .tbody .tr {
	border-bottom: 1px solid #fff;
}
#clothes .tbody .tr:nth-child(2n+1) {
	background: #f3f0f6;
	border-bottom: 1px solid #f3f0f6;
}
#clothes .tbody .tr:not(.own) .td:not(.rating), #clothes .tbody .tr:not(.own) .score a {
	color: #777;
}
#clothes .name .item {
	padding: 0 4px 0 0;
	line-height: 1;
}
#clothes .tbody .tr:not(.own) .item {
	color: #777;
}
#clothes .item:hover {
	color: #333 !important;
}
#clothes .name span {
	display: inline-block;
	color: #bce;
	transition: color 0.2s;
}
#clothes .name span.tooltip {
	cursor: pointer;
}
#clothes .name span.tooltip:hover,
#clothes .name .item:hover + span {
	color: rgba(50, 100, 250, 0.6);
}
#clothes .own span {
	color: rgba(50, 100, 250, 0.6);
}
#clothes .own span.tooltip:hover,
#clothes .own .item:hover + span {
	color: rgba(50, 100, 250, 0.9);
}
#clothes .deps span {
	color: #ebb;
}
#clothes .deps span.tooltip:hover,
#clothes .deps .item:hover + span {
	color: rgba(250, 50, 50, 0.6);
}
#clothes .own .deps span {
	color: rgba(250, 50, 50, 0.6);
}
#clothes .own .deps span.tooltip:hover,
#clothes .own .deps .item:hover + span {
	color: rgba(250, 50, 50, 0.9);
}
#clothes .name span.tooltip:before {
	content: '\272a';
	font-family: "Segoe UI Symbol";
}
#clothes .name span:not(.tooltip):before {
	content: '\25cf';
	font-family: "Segoe UI Symbol";
}
#clothes .tooltip:hover:after {
	content: attr(data-content);
	position: absolute;
	margin: -4px 0 0 8px;
	padding: 5px 10px 4px 8px;
	display: inline-block;
	opacity: 0;
	font-size: 13px;
	text-align: left;
	background: rgba(210, 215, 255, 0.75);
	color: #333;
	z-index: 9;
	opacity: 1;
}
#clothes .deps .tooltip:hover:after {
	background: rgba(255, 220, 220, 0.75);
}
#shoppingCart {
	margin: 3em 0 4em 0;
}
#shoppingCart .score {
	width: 43px;
}
#shoppingCart .rate {
	width: 39px;
}
#shoppingCart .totalScore {
	font-size: 13px;
	letter-spacing: -1px;
	line-height: 2;
}
#shoppingCart .tr:nth-last-child(2) {
	border-bottom: 1px solid #777;
}
nav ul {
	margin: 0 7px;
	padding: 0 0 0 32px;
	list-style: none;
	height: 31px;
	width: 1151px;
	border-bottom: 1px solid #777;
}
nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: relative;
	border: 1px solid #fff;
	border-bottom: none;
}
nav ul li a {
	display: block;
	text-align: center;
	color: #333;
	opacity: 0.6;
}
nav ul li a:hover {
	color: #333;
	opacity: 1;
}	
nav ul li.active {
	background: #fff;
	border: 1px solid #777;
	border-bottom: 1px solid #fff;
	border-radius: 5px 5px 0 0;
}
nav ul li.active a {
	opacity: 1;
}
.subcategories {
	margin: -1px 0 0 0;
	padding: 14px 60px 7px;
	height: 46px;
	width: 1073px;
	border: 1px solid #777;
	border-bottom: 0;
	border-radius: 7px 7px 0 0;
	vertical-align: middle;
}
.subcategory label {
	color: #777;
	transition: color 0.2s;
}
.subcategory input:checked + label {
	color: #333;
}
.subcategory {
	display: inline-block;
	width: 7.5em;
}
#category-饰品 .subcategory:first-child,
#category-饰品 .subcategory:nth-child(2),
#category-饰品 .subcategory:nth-child(3),
#category-饰品 .subcategory:nth-child(11) {
	width: 4.92em;
}
#category-饰品 .subcategory:nth-child(21) {
	width: 6em;
}
.nosubcategory {
	color: #777;
}
::section {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}
::-moz-selection {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}
::-webkit-selection {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}