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



.hairstyle_superbox{
	position : relative ;
	float : left ;
	width : 760px ;
	margin-left : -10px ;
	margin-top : 40px ;
}
.hairstyle_categorybox{
	position : relative ;
	float : right ;
	width : 180px ;
	margin-top : 40px ;
	font-size : 14px ;
	color : #767676 ;
}
.hairstyle_categorybox input{
	opacity:0;
}
.hairstyle_categorybox label.selectg {
	text-decoration:underline;
}

.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 : #767676 ;
}
.hairstyle_pagenation a{
	padding-left : 2px ;
	padding-right : 2px ;
}


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

.hairstyle_ranking_title{
	position : relative ;
	width : 100% ;
	margin-top : 60px ;
	margin-bottom : 40px ;
	font-size : 19px ;
	color : #42210B ;
	padding-bottom : 8px ;
	border-bottom : 3px dotted #CCCCCC ;
}

.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 : -20px ;
	left : 10px ;
	width : 40px ;
	height : 40px ;
	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 : #A67C52 ;
	padding-left : 10px ;
	padding-right : 10px ;
	border : 1px solid #A67C52 ;
	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 #E2D1A3 ;
	background-color : #F9F2E0 ;
}

.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_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_itembox img{
	width: 100%;
}

.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 ;
}

.gallery_pagenation {
	position: relative;
    text-align: center;
    margin-top: 56px;
    color: #767676;
}







@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 : 460px ;
	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 : 20px ;
}


.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 : 100% ;
	margin-top : 56px ;
	margin-bottom : 64px ;
	font-size : 26px ;
	padding-bottom : 8px ;
	border-bottom : 3px dotted #CCCCCC ;
}

.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 : 20px ;
}

.hairstyle_ranking_num{
	position : absolute ;
	top : -40px ;
	left : 20px ;
	width : 80px ;
	height : 80px ;
	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 : 15px ;
}
.hairstyle_gallerytnbox.first{
	margin-left : 0px ;
}

.hairstyle_gallery_tn{
}

.hairstyle_single_right{
	float : none ;
	width : 580px ;
	margin-top : 38px ;
}
.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 : 22px ;
	margin-bottom : 0px ;
}

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




.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 : 20px ;
}




}