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




.hairstyle_superbox{
	width : 100% ;
}
.hairstyle_categorybox{
	position : relative ;
	float : left ;
	width : 180px ;
	margin-top : 40px ;
	font-size : 14px ;
	color : #767676 ;
}

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

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




.staff_work_imagebox_hover{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 15 ;
	background-color : rgba(0,0,0,0.6);
	display : none ;
}
.staff_work_imagebox_text{
	position : absolute ;
	top : 50% ;
	left : 50% ;
	width : 240px ;
	height : 60px ;
	line-height : 60px ;
	margin-top : -40px ;
	margin-left : -120px ;
	font-size : 16px ;
	text-align : center ;
	color : #00FFFF ;
}

.hairstyle_pagenation{
	position : relative ;
	text-align : center ;
	margin-top : 56px ;
}

.hairstyle_pagenation a,
.hairstyle_pagenation a:link{
	color : #000000 !important ;
}

.hairstyle_pagenation div{
	display : inline-block ;
	padding : 12px ;
	min-width : 14px ;
	height : 14px ;
	line-height : 14px ;
	border : 1px solid #808080 ;
	margin : 4px ;
}
.hairstyle_pagenation div:hover,
.hairstyle_pagenation .active{
	background-color : #00FFFF ;
}






.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_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 : 380px ;
	margin-bottom : 120px ;
}

.hairstyle_gallerybox{
	position : relative ;
	width : 380px ;
	height : 440px ;
	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 : 118px ;
	height : 138px ;
	margin-left : 13px ;
	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.4 ;
}

.hairstyle_single_right{
	position : relative ;
	float : right ;
	width : 394px ;
	margin-bottom : 120px ;
}
.hairstyle_single_right p{
	margin-bottom : 30px ;
}

.hairstyle_single_right_title{
	font-size : 15px ;
	margin-bottom : 16px ;
}

.hairstyle_single_right_cate{
	padding : 2px 10px ;
	border : 1px solid #000000;
	font-size : 12px ;
	margin-right : 10px ;
}

.hairstyle_single_right_hr{
	width : 100% ;
	height : 1px ;
	border-bottom : 1px dotted #000000 ;
	margin-top : 40px ;
	margin-bottom : 20px ;
}


.hairstyle_single_staffbox{
	position : relative ;
	width : 336px ;
	padding : 12px ;
	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 ;
	margin-bottom : 4px ;
}

.hairstyle_single_staffname{
	font-size : 15px ;
	margin-bottom : 4px ;
}

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


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


.hairstyle_catebox{
	width : 700px ;
	margin-left : 100px ;
	margin-bottom : 70px ;
}
.hairstyle_catetitle{
	float : left ;
	width : 100px ;
}
.hairstyle_cateitem{
	width : 600px ;
	float : left ;
}
.hairstyle_cateitem a{
	margin-left : 4px ;
	margin-right : 4px ;
}
.hairstyle_cateitem .optGcatel{
	opacity: 0;
}
.hairstyle_cateitem label{
	cursor:pointer;
}

.hairstyle_staff_imagebox{
	float : left ;
	width : 200px ;
	height : 200px ;
	overflow : hidden ;
}
.hairstyle_staff_imagebox .wp_fill{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}
.hairstyle_staff_imagebox img{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : auto ;
}

.hairstyle_staff_imagebox_hover{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 15 ;
	background-color : rgba(0,0,0,0.6);
	display : none ;
}
.hairstyle_staff_imagebox_hover_text{
	position : absolute ;
	top : 50% ;
	left : 50% ;
	width : 240px ;
	height : 60px ;
	line-height : 60px ;
	margin-top : -40px ;
	margin-left : -120px ;
	font-size : 16px ;
	text-align : center ;
	color : #00FFFF ;
}






.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 : -30px ;
	left : -30px ;
	width : 60px ;
	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_btnreserve{
	width : 192px ;
	height : 28px  ;
	line-height : 28px ;
	font-size : 14px ;
	text-align : center ;
	background-color : #000000 ;
	color : #FFFFFF ;
	border : 1px solid #000000 ;
	margin-top : 20px ;
}





.hairstyle_recommend_superbox{
	width : 800px ;
	height : 160px ;
	overflow : hidden ;
	margin-left : -20px ;
}
.hairstyle_recommend_stage{
	width : 800px ;
	height : 160px ;
	overflow : hidden ;
}
.hairstyle_recommend_stage_inner{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100% ;
}

.hairstyle_recommend_itembox{
	float : left ;
	width : 160px ;
	height : 160px ;
	margin-left : 20px ;
	margin-right : 20px ;
}

.hairstyle_recommend_imagebox{
	float : left ;
	width : 266px ;
	height : 266px ;
	overflow : hidden ;
}
.hairstyle_recommend_imagebox .wp_fill{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : auto ;
	height : 100% ;
}

.hairstyle_recommend_imagebox_hover{
	position : absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 15 ;
	background-color : rgba(0,0,0,0.6);
	display : none ;
}
.hairstyle_recommend_imagebox_text{
	position : absolute ;
	top : 50% ;
	left : 50% ;
	width : 240px ;
	height : 60px ;
	line-height : 60px ;
	margin-top : -40px ;
	margin-left : -120px ;
	font-size : 16px ;
	text-align : center ;
	color : #00FFFF ;
}



.hairstyle_single_stylistbox{
	float : right ;
	width : 380px  ;
	padding : 10px ;
	background-color : #E7E7E7 ;
}
.hairstyle_single_stylistimage{
	float : left ;
	width : 170px ;
	height : auto ;
}
.hairstyle_single_stylist_info{
	position : relative ;
	float : left ;
	width : 190px ;
	margin-left : 20px ;
}
.hairstyle_single_stylist_shop{
	font-size : 12px ;
	margin-bottom : 10px ;
}
.hairstyle_single_stylist_shop span{
	font-size : 15px ;
}
.hairstyle_single_stylist_btn{
	position : relative ;
	width : 120px ;
	height : 24px ;
	line-height : 24px ;
	text-align : center ;
	font-size : 10px ;
	background-color : #FFFFFF ;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}
.hairstyle_single_stylist_reserve{
	margin-top : 20px ;
	width : 150px ;
	height : auto ;
}
.lst-articles { 
    text-align: center; 
    color: #333333;
    line-height: 24px;
    margin: 40px 0 20px;
}











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



}


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




.hairstyle_pagenation{
	position : relative ;
	text-align : center ;
	margin-top : 80px ;
	margin-bottom : 80px ;
}

.hairstyle_pagenation a,
.hairstyle_pagenation a:link{
	color : #000000 !important ;
}

.hairstyle_pagenation div{
	display : inline-block ;
	padding : 18px ;
	min-width : 24px ;
	height : 24px ;
	line-height : 24px ;
	border : 2px solid #808080 ;
	margin : 4px ;
}
.hairstyle_pagenation div:hover,
.hairstyle_pagenation .active{
	background-color : #00FFFF ;
}




.hairstyle_superbox{
	float : none ;
	width : 640px ;
	margin-left : -20px ;
}
.hairstyle_categorybox{
}

.hairstyle_itembox{
	float : left ;
	width : 280px ;
	height : 480px ;
	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 : 24px ;
}


.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_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 : 600px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 50px ;
}

.hairstyle_gallerybox{
	width : 600px ;
	height : 680px ;
	margin-bottom : 20px ;
}
.hairstyle_gallery_image{
}

.hairstyle_gallerytnbox{
	width : 188px ;
	height : 210px ;
	margin-left : 18px ;
}
.hairstyle_gallerytnbox.first{
	margin-left : 0px ;
}

.hairstyle_gallery_tn{
}

.hairstyle_single_right{
	float : none ;
	width : 600px ;
	margin-top : 38px ;
	font-size : 24px ;
}
.hairstyle_single_right p{
	margin-bottom : 38px ;
}

.hairstyle_single_right_title{
	font-size : 32px ;
	margin-bottom : 60px ;
}

.hairstyle_single_right_cate{
	padding : 4px 20px ;
	border : 2px solid #808080 ;
	color : #808080 ;
	font-size : 24px ;
	margin-right : 20px ;
}


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






.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 : -50px ;
	left : -50px ;
	width : 100px ;
	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 ;
}










.hairfooter_ranking_spacer{
	float : left ;
	width : 50px ;
	height : 60px ;
}

.hairfooter_ranking_itembox.first{
	float : none ;
	width : 400px ;
	height : 400px ;
	margin-bottom : 100px ;
	margin-left : auto ;
	margin-right : auto ;
}

.hairfooter_ranking_itembox.first .hairfooter_ranking_image{
	width : 400px ;
	height : 400px ;
	overflow : hidden ;
	z-index : 1;
	margin-bottom : 10px;
}
.hairfooter_ranking_image img{
}


.hairfooter_ranking_itembox.first .hairfooter_ranking_num{
	position : absolute ;
	top : -75px ;
	left : -75px ;
	width : 150px ;
	height : auto ;
	z-index : 4;
}

.hairfooter_ranking_itembox.first .hairfooter_ranking_storybox{
	width : 400px ;
}

.hairfooter_ranking_itembox.first .hairfooter_ranking_date{
	font-size : 22px ;
}

.hairfooter_ranking_itembox.first .hairfooter_ranking_category{
	font-size : 22px ;
	padding-left : 10px ;
	padding-right : 10px ;
	color : #00FFFF ;
}
.hairfooter_ranking_itembox.first .hairfooter_rankingtitle{
	font-size : 18px ;
	margin-top : 10px ;
}









.hairstyle_staff_position{
	font-size : 20px ;
	margin-top : 10px ;
}
.hairstyle_staff_name{
	font-size : 24px ;
}

.hairstyle_staff_btnmore{
	width : 260px ;
	height : 50px ;
	line-height : 50px ;
	font-size : 16px ;
	margin-top : 14px ;
}







.hairstyle_staff_imagebox{
	width : 320px ;
	height : 320px ;
	margin : 0px ;
}
.hairstyle_staff_imagebox .wp_fill{
}

.hairstyle_staff_imagebox_hover{
	width : 320px ;
	height : 320px ;
}
.hairstyle_staff_imagebox_hover_text{
}



.hairstyle_ranking_superbox{
	width : 640px ;
	height : 450px ;
	overflow : hidden ;
	margin-left : -30px ;
}
.hairstyle_ranking_stage{
	width : 640px ;
	height : 430px ;
	overflow : auto ;
	margin : 0px ;
	padding : 0px ;
}

.hairstyle_ranking_stage_inner{
	position : absolute ;
	top : 0px ;
	left : 155px ;
	width : 1745px ;
	height : 400px ;
}

.hairstyle_ranking_itembox{
	width : 300px ;
	height : 400px ;
	margin-left : 9px ;
	margin-right : 9px ;
}
.hairstyle_ranking_num{
	width : 70px ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 30px ;
}

.hairstyle_ranking_imagebox{
	width : 300px ;
	height : 300px ;
	overflow : hidden ;
}
.hairstyle_ranking_imagebox .wp_fill{
}

.hairstyle_ranking_imagebox_hover{
}
.hairstyle_ranking_imagebox_text{
}





.hairstyle_btnreserve{
	float : none ;
	width : auto ;
	height : auto ;
	line-height : 72px ;
	font-size : 30px ;
	margin-top : 24px ;
	margin-left : auto ;
	margin-right : auto ;
}








.hairstyle_recommend_superbox{
	width : 640px ;
	height : 350px ;
	overflow : hidden ;
	margin-left : -30px ;
}
.hairstyle_recommend_stage{
	width : 640px ;
	height : 330px ;
	overflow : auto ;
	margin : 0px ;
	padding : 0px ;
}

.hairstyle_recommend_stage_inner{
	position : absolute ;
	top : 0px ;
	left : 155px ;
	width : 1500px ;
	height : 300px ;
}


.hairstyle_recommend_imagebox{
	width : 200px ;
	height : 200px ;
	overflow : hidden ;
}
.hairstyle_recommend_imagebox .wp_fill{
}

.hairstyle_recommend_imagebox_hover{
}
.hairstyle_recommend_imagebox_text{
}



.hairstyle_single_stylistbox{
	width : 568px ;
	padding : 16px;
}
.hairstyle_single_stylistimage{
	float : left ;
	width : 200px !important;
	height : auto ;
	margin-bottom : 0px !important;
}
.hairstyle_single_stylist_info{
	width : 250px ;
	margin-left : 20px ;
}
.hairstyle_single_stylist_shop{
	font-size : 19px ;
	margin-bottom : 15px ;
}
.hairstyle_single_stylist_shop span{
	font-size : 23px ;
}
.hairstyle_single_stylist_btn{
	width : 174px ;
	height : 36px ;
	line-height : 36px ;
	font-size : 14px ;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
}
.hairstyle_single_stylist_reserve{
	margin-top : 25px ;
	width : 224px ;
	height : auto ;
}

.p2-list-specialMenu {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	position : relative ;
	width : 600px ;
	height : 66px ;
	line-height : 66px ;
	padding-left : 30px ;
	padding-right : 30px ;
	color : #000000 ;
	font-size : 26px ;
	margin-bottom : 20px ;
	border : 2px dotted #000000 ;
	z-index : 34 ;
	background: #00FFFF url(../images/common/btn_shutter_off.png) no-repeat right 20px center;
}
.p2-list-specialMenu option{
	position : relative ;
	width : 600px ;
	height : 66px ;
	line-height : 66px ;
	padding-left : 20px ;
	padding-right : 30px ;
	color : #000000 ;
	font-size : 16px ;
	background-color : #ffffff;
	z-index : 34 ;
}
.p2-list-specialMenu:first-child {
	margin-top:20px;
}



}