/*******************
 Brand Color
********************/
.ft-tp{
	color:#ED4A81;
}
.ft-fc{
	color:#ff7094;
}
.ft-dp{
	color:#329de8;
}
.ft-bd{
	color:#cdbc00;
}
.bg-tp{
	background-color:#ED4A81;
}
.bg-fc{
	background-color:#ff7094;
}
.bg-dp{
	background-color:#329de8;
}
.bg-bd{
	background-color:#cdbc00;
}
.bd-tp{
	border:#ED4A81 1px solid;
}
.bd-fc{
	border:#ff7094 1px solid;
}
.bd-dp{
	border:#329de8 1px solid;
}
.bd-bd{
	border:#cdbc00 1px solid;
}

/*******************
Global Nav
********************/
#header {
	width: 100%;
}

.inner {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

#g-nav {
	width: 100%;
	padding: 18px 0 0;
	height: 47px;
}
#g-nav ul {
	padding-left: 20px;
	width: 825px;
	margin: 0 auto;
}
#g-nav ul li {
	float: left;
	margin-right: 20px;
	height: 47px;
}
#g-nav ul li a {
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/common/nav.png) no-repeat 0 0;
}
#g-nav ul li.top {
	width: 72px;
}
#g-nav ul li.facial {
	width: 124px;
}
#g-nav ul li.depilation {
	width: 77px;
}
#g-nav ul li.body {
	width: 77px;
}
#g-nav ul li.shop {
	width: 98px;
}
#g-nav ul li.topics {
	width: 114px;
	background:none;
}
#g-nav ul li.first {
	width: 130px;
}
#g-nav ul li.wedding {
	width: 127px;
	margin: 0;
}
#g-nav ul li.top a {
	width: 72px;
	background-position: 0 0;
}
#g-nav ul li.facial a {
	width: 124px;
	background-position: -89px 0;
}
#g-nav ul li.depilation a {
	width: 77px;
	background-position: -230px 0;
}
#g-nav ul li.body a {
	width: 77px;
	background-position: -324px 0;
}
#g-nav ul li.shop a {
	width: 98px;
	background-position: -424px 0;
}
#g-nav ul li.topics a {
	width: 114px;
	background-position: -540px 0;
}
#g-nav ul li.first a {
	width: 130px;
	background-position: -674px 0;
}
#g-nav ul li.wedding a {
	width: 127px;
	background-position: -824px 0;
}
#g-nav ul li.top.current a, #g-nav ul li.top a:hover {
	background-position: 0 -28px;
}
#g-nav ul li.facial.current a, #g-nav ul li.facial a:hover {
	background-position: -89px -28px;
}
#g-nav ul li.depilation.current a, #g-nav ul li.depilation a:hover {
	background-position: -230px -28px;
}
#g-nav ul li.body.current a, #g-nav ul li.body a:hover {
	background-position: -324px -28px;
}
#g-nav ul li.shop.current a, #g-nav ul li.shop a:hover {
	background-position: -424px -28px;
}
#g-nav ul li.topics.current a, #g-nav ul li.topics a:hover {
	background-position: -540px -28px;
}
#g-nav ul li.first.current a, #g-nav ul li.first a:hover {
	background-position: -674px -28px;
}
#g-nav ul li.wedding.current a, #g-nav ul li.wedding a:hover {
	background-position: -824px -28px;
}

#header #hd-social-nav {
	position: absolute;
	right: 15px;
	top: 12px;
}
#header #hd-social-nav ul {
	text-align: right;
}
#header #hd-social-nav ul li {
	display: inline-block;
	margin: 0 5px;
}
#header #hd-social-nav ul li a {
	display: block;
	font-size: 1.4rem;
	border: #FFF solid 1px;
	border-radius: 50%;
	height: 32px;
	width: 35px;
	padding: 8px 0 0 5px;
	text-align: center;
	color: #FFF;
	box-sizing:content-box;
}
#header #hd-social-nav ul li i {
	margin-right: 5px;
}