/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.hairstyle_superbox{
	position : relative ;
	float : right ;
	width : 760px ;
	margin-left : -10px ;
	margin-top : 40px ;
}
.hairstyle_categorybox{
	position : relative ;
	float : left ;
	width : 180px ;
	margin-top : 40px ;
	font-size : 14px ;
	color : #767676 ;
}
.hairstyle_categorybox label{
	display: block;
}

.hairstyle_categorybox a div{
	margin-bottom : 16px ;
}
.hairstyle_categorybox a,
.hairstyle_categorybox a:link{
	color : #646464 !important;
}
.hairstyle_categorybox input{
	opacity: 0;
}

.hairstyle_itembox{
	position : relative ;
	float : left ;
	width : 170px ;
	height : 270px ;
	margin-bottom : 10px ;
	overflow : hidden ;
	margin-left : 10px ;
	margin-right : 10px ;
}

.hairstyle_itemimage{
	position : relative ;
	width : 170px ;
	height : 196px ;
	overflow : hidden ;
}
.hairstyle_itemimage img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.hairstyle_itemstory{
	position : relative ;
	margin-top : 4px ;
	font-size : 13px ;
	color : #767676 ;
}


.hairstyle_pagenation{
	position : relative ;
	text-align : center ;
	margin-top : 56px ;
	color : #646464 !important ;
}
.hairstyle_pagenation a,
.hairstyle_pagenation a:link{
	color : #646464 !important ;
}
.hairstyle_pagenation span{
	font-weight:bold;
}
.hairstyle_pagenation a{
	padding-left : 2px ;
	padding-right : 2px ;
}


.hairstyle_cate_title{
	font-size : 14px ;
	font-weight : 600 ;
	margin-top : 32px ;
	margin-bottom : 12px ;
}
.hairstyle_cate_title.first{
	margin-top : 0px ;
}

.hairstyle_ranking_title{
	position : relative ;
	width : 98% ;
	height : 40px ;
	line-height : 40px ;
	padding-left : 1% ;
	padding-right : 1% ;
	margin-top : 60px ;
	margin-bottom : 40px ;
	font-size : 18px ;
	color : #000000 ;
}

.hairstyle_ranking_superbox{
	position : relative ;
	width : 1000px ;
	margin-left : -15px ;
}

.hairstyle_ranking_itembox{
	position : relative ;
	float : left ;
	width : 170px ;
	height : 270px ;
	margin-bottom : 10px ;
	margin-left : 15px ;
	margin-right : 15px ;
}

.hairstyle_ranking_image{
	position : relative ;
	width : 170px ;
	height : 196px ;
	overflow : hidden ;
	z-index : 1;
}
.hairstyle_ranking_image img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.hairstyle_ranking_story{
	position : relative ;
	margin-top : 4px ;
	font-size : 13px ;
	color : #767676 ;
}

.hairstyle_ranking_num{
	position : absolute ;
	top : -24px ;
	left : -20px ;
	width : 52px ;
	height : auto ;
	z-index : 4;
}




.hairstyle_single_superbox{
	position : relative ;
	float : left ;
	width : 760px ;
	margin-left : -10px ;
	margin-top : 40px ;
}

.hairstyle_single_btnreserve{
	position : relative ;
	width : 210px ;
	height : 36px ;
	line-height : 36px ;
	text-align : center ;
	background-color : #EF9BA5 ;
	color : #FFFFFF ;
	font-size : 15px ;
	font-weight : 600 ;
}

.hairstyle_single_title{
	color : #42210B ;
	font-size : 22px ;
	font-weight : 600 ;
	margin-bottom : 10px ;
}

.hairstyle_single_cateicon{
	position : relative ;
	float : left ;
	height : 18px ;
	line-height : 18px ;
	font-size : 12px ;
	color : #878787 ;
	padding-left : 10px ;
	padding-right : 10px ;
	border : 1px solid #878787 ;
	margin-right : 8px ;
}

.hairstyle_single_left{
	position : relative ;
	float : left ;
	width : 330px ;
	margin-top : 50px ;
}

.hairstyle_gallerybox{
	position : relative ;
	width : 320px ;
	height : 370px ;
	overflow : hidden ;
	margin-bottom : 10px ;
}
.hairstyle_gallery_image{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
	display : none ;
}

.hairstyle_gallerytnbox{
	position : relative ;
	float : left ;
	width : 100px ;
	height : 116px ;
	margin-left : 10px ;
	overflow : hidden ;
	cursor : pointer ;
}
.hairstyle_gallerytnbox.first{
	margin-left : 0px ;
}

.hairstyle_gallery_tn{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width  : auto ;
	height : 100% ;
}

.hairstyle_single_right{
	position : relative ;
	float : right ;
	width : 370px ;
	color : #767676 ;
	margin-top : 50px ;
}
.hairstyle_single_right p{
	margin-bottom : 30px ;
}

.hairstyle_single_staffbox{
	position : relative ;
	width : 340px ;
	padding : 14px ;
	border : 1px solid #000000 ;
}

.hairstyle_single_staffbox_wrap{
	background-color : #FFFFFF ;
}

.hairstyle_single_staffimage{
	position : relative ;
	float : left ;
	width : 100px ;
	height : auto ;
}

.hairstyle_single_staffinfo{
	position : relative ;
	float : right ;
	width : 210px ;
}

.hairstyle_single_staffshop{
	font-size : 13px ;
	color : #767676 ;
	margin-bottom : 4px ;
}

.hairstyle_single_staffpositon{
	font-size : 12px ;
	color : #767676 ;
	margin-bottom : 4px ;
}

.hairstyle_single_staffname{
	font-size : 16px ;
	color : #767676 ;
	margin-bottom : 4px ;
}

.hairstyle_single_btn_reserve{
	width : 200px ;
	height : auto ;
}


.hairstyle_recommend_superbox{
	position : relative ;
	width : 970px ;
	margin-left : 0px ;
}


.hairstyle_recommend_itembox{
	position : relative ;
	float : left ;
	width : 200px ;
	height : 330px ;
	margin-left : 21px ;
	margin-right : 21px ;
}

.hairstyle_recommend_image{
	position : relative ;
	width : 200px ;
	height : 235px ;
	overflow : hidden ;
	z-index : 1;
}
.hairstyle_recommend_image img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.hairstyle_recommend_story{
	position : relative ;
	margin-top : 4px ;
	font-size : 13px ;
	color : #767676 ;
}

.hairstyle_ranking_stage{
	width : 100% ;
	margin-top : 24px ;
	margin-bottom : -72px ;
	padding-top : 24px ;
	padding-bottom : 24px ;
}

.hairstyle_ranking_stage_title{
	height : 64px ;
	line-height : 64px ;
}
.hairstyle_ranking_stage_title p{
	position : relative ;
	float : left ;
	height : auto ;
	font-size : 30px ;
	color : #FFFFFF ;
	margin-right : 10px ;
	font-weight : 600 ;
	text-shadow:
		-1px -1px 0 #000000,
		1px -1px 0 #000000,
		-1px 1px 0 #000000,
		1px 1px 0 #000000;
}
.hairstyle_ranking_stage_title div{
	float : left ;
	font-size : 15px ;
}

.hairstyle_ranking_stage_title_icon{
	float : left ;
	width : 32px ;
	height : auto ;
	margin-right : 12px ;
	margin-top: 20px ;
}








@media screen and (max-width: 1200px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 960px) {





.hairstyle_superbox{
	float : none ;
	width : 620px ;
	margin-left : -10px ;
	margin-top : 60px ;
}
.hairstyle_categorybox{
}

.hairstyle_itembox{
	float : left ;
	width : 280px ;
	height : 420px ;
	margin-bottom : 10px ;
	overflow : hidden ;
	margin-left : 10px ;
	margin-right : 10px ;
}

.hairstyle_itemimage{
	width : 280px ;
	height : 324px ;
	overflow : hidden ;
}
.hairstyle_itemimage img{
}

.hairstyle_itemstory{
	margin-top : 8px ;
	font-size : 22px ;
	line-height: 1.2em ;
}


.hairstyle_pagenation{
	margin-top : 40px ;
}
.hairstyle_pagenation a{
	padding-left : 2px ;
	padding-right : 2px ;
}


.hairstyle_cate_title{
}
.hairstyle_cate_title.first{
}

.hairstyle_ranking_title{
	width : 96% ;
	padding-left : 2% ;
	padding-right : 2% ;
	margin-top : 56px ;
	margin-bottom : 64px ;
	font-size : 26px ;
	height : 50px ;
	line-height : 50px ;
}

.hairstyle_ranking_superbox{
	width : 620px ;
	margin-left : -10px ;
}

.hairstyle_ranking_itembox{
	float : left ;
	width : 280px ;
	height : 490px ;
	margin-bottom : 10px ;
	margin-left : 10px ;
	margin-right : 10px ;
}

.hairstyle_ranking_image{
	width : 280px ;
	height : 324px ;
	overflow : hidden ;
}
.hairstyle_ranking_image img{
}

.hairstyle_ranking_story{
	margin-top : 8px ;
	font-size : 22px ;
	color : #333333 ;
	line-height: 1.5em ;
}

.hairstyle_ranking_num{
	position : absolute ;
	top : -40px ;
	left : -20px ;
	width : auto ;
	height : auto ;
	z-index : 4;
}


.hairstyle_single_superbox{
	float : none ;
	width : 580px ;
	margin-left : 0px ;
	margin-top : 60px ;
}


.submenu_superbox_sp.follow{
	margin-top : 16px !important;
}




.hairstyle_single_btnreserve{
	width : 370px ;
	height : 72px ;
	line-height : 72px ;
	font-size : 30px ;
	margin-bottom : 0px ;
}





.hairstyle_single_title{
	font-size : 28px ;
}

.hairstyle_single_cateicon{
	height : 32px ;
	line-height : 32px ;
	font-size : 22px ;
	padding-left : 20px ;
	padding-right : 20px ;
}

.hairstyle_single_left{
	float : none ;
	width : 580px ;
	margin-left : auto ;
	margin-right : auto ;
}

.hairstyle_gallerybox{
	width : 580px ;
	height : 670px ;
	margin-bottom : 20px ;
}
.hairstyle_gallery_image{
}

.hairstyle_gallerytnbox{
	width : 180px ;
	height : 210px ;
	margin-left : 20px ;
}
.hairstyle_gallerytnbox.first{
	margin-left : 0px ;
}

.hairstyle_gallery_tn{
}

.hairstyle_single_right{
	float : none ;
	width : 580px ;
	margin-top : 38px ;
	font-size : 24px ;
	color : #333333 ;
}
.hairstyle_single_right p{
	margin-bottom : 38px ;
}

.hairstyle_single_staffbox{
	width : 540px ;
	padding : 19px ;
}

.hairstyle_single_staffimage{
	width : 150px ;
}

.hairstyle_single_staffinfo{
	width : 370px ;
}

.hairstyle_single_staffshop{
	font-size : 22px ;
	margin-bottom : 0px ;
}

.hairstyle_single_staffpositon{
	font-size : 20px ;
	margin-bottom : 0px ;
}

.hairstyle_single_staffname{
	font-size : 26px ;
	margin-bottom : 0px ;
}

.hairstyle_single_btn_reserve{
	width : 280px ;
}



.hairstyle_recommend_superbox{
	width : 620px ;
	margin-left : -10px ;
}

.hairstyle_recommend_itembox{
	float : left ;
	width : 280px ;
	height : 490px ;
	margin-bottom : 10px ;
	margin-left : 10px ;
	margin-right : 10px ;
}

.hairstyle_recommend_image{
	width : 280px ;
	height : 324px ;
	overflow : hidden ;
}
.hairstyle_recommend_image img{
}

.hairstyle_recommend_story{
	margin-top : 8px ;
	font-size : 22px ;
	color : #333333 ;
	line-height: 1.5em ;
}


.hairstyle_ranking_stage{
	width : 100% ;
	margin-top : 24px ;
	margin-bottom : -80px ;
	padding-top : 24px ;
	padding-bottom : 24px ;
}

.hairstyle_ranking_stage_title{
	height : auto ;
	line-height : 52px ;
	text-align : center ;
	margin-bottom : 48px ;
}
.hairstyle_ranking_stage_title p{
	position : relative ;
	display : inline ;
	float : none ;
	height : 64px ;
	line-height : 64px ;
	font-size : 44px ;
	letter-spacing: 4px ;
	color : #FFFFFF ;
	margin-right : 10px ;
	font-weight : 600 ;
	text-shadow:
		-2px -2px 0 #000000,
		2px -2px 0 #000000,
		-2px 2px 0 #000000,
		2px 2px 0 #000000;
}
.hairstyle_ranking_stage_title div{
	display : block ;
	float : none ;
	clear : both ;
	width : auto ;
	text-align : center ;
	font-size : 28px ;
}

.hairstyle_ranking_stage_title_icon{
	display : inline ;
	float : none ;
	width : auto ;
	height : auto ;
	margin-right : 12px ;
	margin-top: 20px ;
}












}