@charset "utf-8";

/* column */
.leftClmn {
	width: 168px;
}
.rightClmn {
	width: 554px;
}
/* radius box */
.radiusBoxHead	{ background: url(/CSP/img/hc/box/radius_box_head.png?switch=20170629) no-repeat 0 0; padding-top: 3px; }
.radiusBoxBottom	{ background: url(/CSP/img/hc/box/radius_box_bottom.png?switch=20170629) no-repeat 0 bottom; padding-bottom: 3px; }
.radiusBoxInner	{ background: url(/CSP/img/hc/box/radius_box_inner.png?switch=20170629) repeat-y 0 0; padding-top: 7px; padding-bottom: 10px; zoom: 1; }

/* side nav heading */
.headingSide {
	position: relative;
	left: -8px;
	width: 176px;
	height: 25px;
}
.headingSideLength	{ background: url(/CSP/img/hc/heading/heading_side_length.png?switch=20170629) no-repeat 0 0; }
.headingSideArea		{ background: url(/CSP/img/hc/heading/heading_side_area.png?switch=20170629) no-repeat 0 0; }
.headingSideKeyword	{ background: url(/CSP/img/hc/heading/heading_side_keyword.png?switch=20170629) no-repeat 0 0; }
.headingSideImage		{ background: url(/CSP/img/hc/heading/heading_side_image.png?switch=20170629) no-repeat 0 0; }
.headingSideMenu		{ background: url(/CSP/img/hc/heading/heading_side_menu.png?switch=20170629) no-repeat 0 0; }
.headingSideColor		{ background: url(/CSP/img/hc/heading/heading_side_color.png?switch=20170629) no-repeat 0 0; }
.headingSideFeature	{ background: url(/CSP/img/hc/heading/heading_side_feature.png?switch=20170629) no-repeat 0 0; }
.headingSideFace		{ background: url(/CSP/img/hc/heading/heading_side_face.png?switch=20170629) no-repeat 0 0; }

/* bodySide */
.bodySide {
	zoom: 1;
}

/* switchOrderList */
.switchOrderList {
	margin-left: -11px;
}
.switchOrderList li {
	float: left;
	border-left: 1px solid #666666;
	margin-right: 10px;
	padding-left: 10px;
	line-height: 1;
}

/* kwCloud */
.kwCloud {
	font-size: 10px;
}
.kwCloud li {
	display: inline;
	line-height: 22px;
	margin-right: 5px;
}
.kwCloud a {
	white-space: nowrap;
}

/* kwInput */
.kwInput {
	float: none;
/*	margin-left: 22px;*/
	margin-left: 27px;
	margin-top: 5px;
	border: 0;
	width: 112px;
	height: 16px;
}
.kwDelBtn	{
	position: absolute;
	top: 0;
	right: 8px;
	float: none;
	display: block;
	margin-left: 3px;
	margin-top: 5px;
/*	width: 14px;
	height: 13px;*/
	width: 16px;
	height: 16px;
	background-image: url(/CSP/img/hc/icons/icn_clear.png?switch=20170629);
	background-repeat: no-repeat;
	background-color: transparent;
}
.kwInputWrapper {
	position: relative;
	width: 147px;
/*	height: 25px;*/
	height: 26px;
	background-image: url(/CSP/img/hc/sprites/c.png?switch=20170629);
	background-position: -630px -800px;
	background-repeat: no-repeat;
}
.kwInput:focus	{
	outline: 0;
}

/* layer */
.layer {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 100%;
	background: url(/CSP/img/hc/repeat/bg_alpha_white.png?switch=20170629) repeat 0 0;
	padding: 15px 0;
	text-align: center;
}

/* commentFromStylist */
.commentFromStylist {
	height: 160px;
	width: 356px;
}

/* awardStyle */
.awardStyle {
	background-color: rgba(159, 21, 71, 0.8);
	bottom: 2px;
	height: 24px;
	left: 2px;
	position: absolute;
	width: 124px;
}
.awardStyle::before {
	content: url("/CSP/img/hc/icons/icon_award_style.png?switch=20170629");
	left: 3px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}
.awardStyleTxt {
	left: 39px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}