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

.hairstyle_categorybox .optGcatel{
	opacity: 0;
}
.hairstyle_categorybox label{
	display:block;
	cursor:pointer;
}

.hairstyle_superbox{
	position : relative ;
	float : left ;
	width : 780px ;
	margin-left : -10px ;
	margin-top : 40px ;
}
.hairstyle_categorybox{
	position : relative ;
	float : right ;
	width : 190px ;
	margin-top : 40px ;
	font-size : 14px ;
	color : #000000 ;
}

.hairstyle_categorybox a div{
	margin-bottom : 4px ;
	margin-left : 20px ;
}
.hairstyle_categorybox a,
.hairstyle_categorybox a:link{
	color : #000000 !important;
}
.hairstyle_categorybox a:hover{
	color : #9F9C56 !important ;
}

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

.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 ;
	font-size : 15px ;
}
.hairstyle_pagenation a,
.hairstyle_pagenation a:link{
}
.hairstyle_pagenation a{
	padding-left : 2px ;
	padding-right : 2px ;
}


.hairstyle_cate_title{
	font-size : 19px ;
	padding : 4px 10px ;
	margin-top : 32px ;
	margin-bottom : 12px ;
	color : #67633A;
	background-color : #CECEC5 ;
	border-top : 1px solid #63584F ;
	border-bottom : 1px solid #63584F ;
}
.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,
.hairstyle_ranking_inner{
	position : relative ;
	width : 100% ;
}


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

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

.hairstyle_ranking_itemstory{
	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{
	font-size : 22px ;
	font-weight : 600 ;
	margin-bottom : 10px ;
}

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

.hairstyle_single_left{
	position : relative ;
	float : left ;
	width : 320px ;
}

.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% ;
	opacity : 0.3;
}

.hairstyle_single_right{
	position : relative ;
	float : left ;
	width : 370px ;
	margin-left : 40px ;
	font-size : 15px ;
}
.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_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 ;
}





.hairfooter_ranking_itembox{
	position : relative ;
	float : left ;
	width : 160px ;
	height : 160px ;
	margin-bottom : 10px ;
}

.hairfooter_ranking_image{
	width : 160px ;
	height : 160px ;
	overflow : hidden ;
	z-index : 1;
	margin-bottom : 4px;
}
.hairfooter_ranking_image img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}


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

.hairfooter_ranking_storybox{
	width : 140px ;
}

.hairfooter_ranking_date{
	width : auto ;
	display : inline-block ;
	font-size : 9px ;
	color : #000000 ;
}

.hairfooter_ranking_category{
	display : inline-block ;
	font-size : 9px ;
	padding-left : 10px ;
	padding-right : 10px ;
	color : #00FFFF ;
}
.hairfooter_rankingtitle{
	font-size : 8px ;
	color : #000000 ;
	margin-top : 4px ;
}


.hairstyle_single_stylistbox{
	width : 346px ;
	padding : 12px ;
	border-top : 2px solid #A9A9A9 ;
	border-bottom : 2px solid #A9A9A9 ;
}
.hairstyle_single_stylistimage{
	float : left ;
	width : 100px ;
	height : auto ;
}
.hairstyle_single_stylist_info{
	float : left ;
	width : 216px ;
	margin-left : 30px ;
}
.hairstyle_single_stylist_shop{
	font-size : 13px ;
}
.hairstyle_single_stylist_shop span{
	font-size : 16px ;
}

.hairstyle_single_stylist_reserve{
	width : 180px ;
	height : auto ;
	margin-top : 40px ;
}
.hairstyle_single_stylist_more{
	width : 150px ;
	height : 30px ;
	line-height : 30px ;
	text-align : center ;
	color : #67633A ;
	font-size : 15px ;
	background-color : #EDE8D1 ;
	margin-top : 30px ;
}




.hairstyle_recommend_itembox{
	position : relative ;
	float : left ;
	width : 200px ;
	height : auto ;
	margin-bottom : 10px ;
	margin-left : 21px ;
	margin-right : 21px ;
	color : #595757 ;
}

.hairstyle_recommend_itemimage{
	position : relative ;
	width : 200px ;
	height : 240px ;
	overflow : hidden ;
}
.hairstyle_recommend_itemimage img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.hairstyle_recommend_itemstory{
	position : relative ;
	margin-top : 4px ;
	font-size : 13px ;
}

.news_toarchive{
	width : 140px ;
	height : 40px ;
	line-height : 40px ;
	color : #FFFFFF ;
	background-color : #9F9C56;
	font-weight : 600 ;
	text-align : center ;
	margin-top : 24px ;
	margin-left : auto ;
	margin-right : auto ;
	cursor : pointer ;
}
.news_toarchive a,
.news_toarchive a:link{
	color : #FFFFFF !important ;
}

























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



}


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





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

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

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

.hairstyle_itemstory{
	margin-top : 8px ;
	font-size : 24px ;
	color : #333333 ;
}




.hairstyle_pagenation{
	margin-top : 40px ;
	font-size : 28px ;
}
.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 : 580px ;
	margin-left : auto ;
	margin-right : auto ;
}

.hairstyle_ranking_inner{
	width : 460px ;
	height : 560px ;
	margin-left : auto ;
	margin-right : auto ;
	overflow : hidden ;
}
.hairstyle_ranking_stage{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 2500px ;
	height : 560px ;
}

.hairstyle_ranking_sp_left{
	position : absolute ;
	top : 0px ;
	left : -20px ;
	width : 80px ;
	height : 560px ;
	z-index : 4 ;
	display : none ;
}
.hairstyle_ranking_sp_right{
	position : absolute ;
	top : 0px ;
	right : -20px ;
	width : 80px ;
	height : 560px ;
	z-index : 4 ;
}
.hairstyle_ranking_sp_left img,
.hairstyle_ranking_sp_right img{
	position : absolute ;
	top : 50% ;
	left : 50% ;
	width : 80px ;
	height : auto ;
	margin-left : -40px ;
	margin-top : -30px ;
}

.hairstyle_ranking_itembox{
	position : relative ;
	float : left ;
	width : 440px ;
	height : 520px ;
	margin-bottom : 0px ;
	margin-left : 10px ;
	margin-right : 10px ;
}

.hairstyle_ranking_itemimage{
	position : relative ;
	width : 440px ;
	height : 520px ;
	overflow : hidden ;
}
.hairstyle_ranking_itemimage img{
}

.hairstyle_ranking_itemstory{
}


.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{
	margin-top : 30px ;
	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 ;
	margin-left : auto ;
	margin-right : auto ;
}
.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_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 ;
}




.hairfooter_ranking_itembox{
	position : relative ;
	float : left ;
	width : 270px ;
	height : 270px ;
	margin-bottom : 50px ;
}

.hairfooter_ranking_image{
	width : 270px ;
	height : 270px ;
	overflow : hidden ;
	z-index : 1;
	margin-bottom : 4px;
}
.hairfooter_ranking_image img{
}


.hairfooter_ranking_num{
	position : absolute ;
	top : -80px ;
	left : 20px ;
	width : 120px ;
	height : auto ;
	z-index : 4;
}

.hairfooter_ranking_storybox{
	width : 230px ;
}

.hairfooter_ranking_date{
	font-size : 15px ;
}

.hairfooter_ranking_category{
	font-size : 15px ;
	padding-left : 10px ;
	padding-right : 10px ;
}
.hairfooter_rankingtitle{
	font-size : 13px ;
	margin-top : 4px ;
}




.hairstyle_single_stylistbox{
	width : 540px ;
	padding : 20px ;
	border-top : 2px solid #A9A9A9 ;
	border-bottom : 2px solid #A9A9A9 ;
}
.hairstyle_single_stylistimage{
	float : left ;
	width : 200px ;
	height : auto ;
}
.hairstyle_single_stylist_info{
	float : left ;
	width : 300px ;
	margin-left : 30px ;
}
.hairstyle_single_stylist_shop{
	font-size : 20px ;
}
.hairstyle_single_stylist_shop span{
	font-size : 30px ;
}

.hairstyle_single_stylist_reserve{
	width : 300px ;
	height : auto ;
	margin-top : 10px ;
}
.hairstyle_single_stylist_more{
	width : 300px ;
	height : 60px ;
	line-height : 60px ;
	text-align : center ;
	color : #67633A ;
	font-size : 24px ;
	background-color : #EDE8D1 ;
	margin-top : 30px ;
}




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

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

.hairstyle_recommend_itemimage{
	width : 280px ;
	height : 280px ;
}
.hairstyle_recommend_itemimage img{
}

.hairstyle_recommend_itemstory{
}

.news_toarchive{
	width : 210px ;
	height : 62px ;
	line-height : 62px ;
	margin-top : 32px ;
	font-size : 22px ;
}














}