* {
	box-sizing: border-box;
}
ul,li{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;padding:0}
hr{margin:0;padding:0}
body {
	position:relative;
	margin:0px;
	padding:0px;
}
body > .bg_body {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:100%;
	background-color: rgb(31, 31, 31);
	z-index: -1;
}

.topwarp,
header .views-top,
.footer .views-down {
	display: inline-block;
	width: 100% ;
	padding-right: 0px ;
	padding-left: 0px ;
}

/*-------------- section*/
section {
	display: inline-block;
	width: 100% ;
	padding-right: 0px ;
	padding-left: 0px ;
}
section > .section-container {
	
}
.section-container .section-left {
	width:99px;
	vertical-align:top;
	background-image: url("/pic/b0.jpg");
	background-repeat: repeat-y ;
	background-size:100%;
	background-position:center;
}
.section-container .section-center {
	vertical-align:top;
	background-color:#FFFFFF;
}
.section-container .section-right {
	width:0px;
	vertical-align:top;
}

/*手機板*/
body.media-phone .section-container .section-left {
	width:0px;
}


/*-------------- footer*/
.footer {
	display: inline-block;
	width: 100% ;
	
	padding-top:10px;
	padding-bottom:1px;
	background-color:#CED6DE;
}
.footerin{
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.footer a{
	color:#333 ;
	font-size:1em;
}
.footer a:hover{
	color: #666;
}
.footer .boxcear{
	margin-bottom: 13px;
	color: #333;
	font-weight: normal;
	font-size: 16px;
	text-align:right;
}
.footer .boxcear a {
	font-size: 13px;
	color: #474E6B;
	font-weight: normal;
}



.topwarp,
header .views-top,
.footer .views-down,
.footer,
section {
	/*block 才能margin: auto; 如果inline-block;需要上層text-align:center;*/
	display: block;
	max-width:760px;
	margin-right: auto;
	margin-left: auto;
}

.container {
	display: block;/*block 才能margin: auto; 如果inline-block;需要上層text-align:center;*/
	width: 100% ;	
	margin-right: auto;
	margin-left: auto;
	
	padding-right: 15px ;
	padding-left: 15px ;
}
table.tab {
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border:0px solid transparent;
}
table.tab > tbody > tr,
table.tab > tbody > tr > th,
table.tab > tbody > tr > td {
	padding:0px;
	margin:0px;
}

.form-content {
	
}
.form-footer {
	padding-top:10px;
}

a:link {
        font-size: 12px;
        color: #006699;
        text-decoration: none;

}
a:visited {
        font-size: 12px;
        color: #006699;
        text-decoration: none;

}
a:hover {
        font-size: 12px;
        color: #333366;
        text-decoration: none;
}
a:active {
        font-size: 12px;
        color: #333366;
        text-decoration: none;
}
.text {
        font-family: "Arial", "Helvetica", "sans-serif";
        font-size: 11px;
        color: #333333;
        font-weight: normal;
}
.text1 {
        font-size: 15px;
        color: #666666;
        line-height: 28px;
}
.title1 {
        font-family: "Arial", "Helvetica", "sans-serif";
        font-size: 13px;
        color: #663333;
}
.title2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	color: #663333;
	font-weight: bold;
}
.white {
        font-size: 12px;
        color: #FFFFFF;
}




.white2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
}
.text2 {
	font-size: 15px;
	font-weight: normal;
	color: #575757;
	text-decoration: none;
}
.text2  a:hover{
	font-size: 15px;
	font-weight: normal;
	color: #575757;
}

.text2 a:link{
	font-size: 15px;
	font-weight: normal;
	color: #575757;
	text-decoration: none;
}

.text2 a:visited{
	font-size: 15px;
	font-weight: normal;
	color: #575757;
	text-decoration: none;
}

/*--10/11新增css--*/

.about-box{
background:url(../pic/t2-box.jpg);
width:132px;
height:163px;
float:left;
}

.hairphoto-lr{
margin:70px 30px 0 0;
float:left;
width:11px;
}

.hairphoto-ph{
margin:50px 20px 0 0;
float:left;
width:85px;
text-align:center;
}

.w-1{ 
	font-family:新細明體;
	font-size:12px;
	line-height:20px;
}

.w-2{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.hairphoto-box{
background:url(../pic/hairphoto-box.jpg) no-repeat; 
width:310px;
height:390px; 
float:left;
padding-right:20px;
text-align:center;
}

.hairphoto-bg1{
	float:left; background:url(../pic/photo-bg1.jpg); 
	width:309px; height:178px;
}

.hairphoto-bg2{
	background:url(../pic/photo-bg2.jpg) no-repeat; 
	height:135px;
	text-align:center;
}

/*--10/11新增css--*/

/*2011.10.13*/

.about-perm{
margin:0px;
padding:0px;
list-style-type:none;
width:650px;
}

.perm-pict{
float:left;
width:190px;
text-align:center;
margin:0px 5px 0px 5px;
}

.perm-pre{
float:left;
width:15px;
text-align:center;
}

.lan-pict{
padding-top:10px;
text-align:center;
}

.lan-rela{
position:absolute;
width:563px;
height:200px;
overflow:hidden;
}

.lan-abs{
position:relative;
top:20px;
width:2000px;
height:163px;
}

/*2011.10.13*/


/*2011-10-18*/

.res-div{
margin-top:20px;
width:661px;
}

.form-style{
display:inline;
}

.res-sch{
margin-top:20px;
}

.res-schul{
margin:0px;
padding:0px;
list-style-type:none;
}

.res-schli1{
float:left;
width:400px;
}

.res-schli2{
float:left;
width:250px;
}

/*2011-10-18*/

/*2011-12-16*/

#mypage{
	margin-top:20px;
}

#mypage .first{
	border:#ddd solid 1px;
	padding:2px;
	margin:0px 3px 0px 3px;
	cursor:pointer;
}

#mypage .numbers{
	border:#ddd solid 1px;
	padding:2px 5px 2px 5px;
	margin:0px 3px 0px 3px;
	cursor:pointer;
}

#mypage .numbers-now{
	border:#ddd solid 1px;
	padding:2px 5px 2px 5px;
	margin:0px 3px 0px 3px;
	font-weight:bold;
	background-color:#000;
	color:#fff;
}

/*2011-12-16*/


table.tab_day {
	
}
table.tab_day td {
	padding:5px;
	font-size: 15px;
    color: #666666;
    line-height: 28px;
	border:1px solid #666666 ;
}

.podetail {
	
	padding-bottom: 15px;
	background-color:#FFFFFF;
}

/*行事曆*/
.calendarin{
	
	font-size: 13px;
}
.calendar_table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
	border:0px solid transparent;
}
.calendar_table th{border:1px solid #5a5a5b;padding:10px 0;background:#DAEAFC;text-align:center;}
.calendar_table td{border:1px solid #5a5a5b;padding:10px 0;width:14.2857142%;vertical-align:text-top;}
.calendar_table tr{border:1px solid #5a5a5b;padding:10px 0}
.calendar_table a{color:#333}
.calendar_table a:hover{color:#3063BF}
.calendar_table .day{text-align:left;padding:5px}
.calendar_table .days{font-size:.9em;font-weight:400;line-height:25px}
.calendar_table .times{font-size:.9em;color:#06F}

.calendar_index_table th{border:1px solid #1D71CD;padding:10px 0;background:#DAEAFC;text-align:center;}
.calendar_index_table td{
	border:1px solid #1D71CD;
	padding:10px 0;
	width:14.2857142%;
	vertical-align:text-top;
	background-color: #FFF;
}
.calendar_index_table tr{border:1px solid #1D71CD;padding:10px 0}
.calendar_index_table a{color:#333}
.calendar_index_table a:hover{color:#3063BF}
.calendar_index_table .day{text-align:left;padding:5px}
.calendar_index_table .days{font-size:.9em;font-weight:400;line-height:25px}
.calendar_index_table .times{font-size:.9em;color:#06F}

.ui-widget-content {
	display:none;
}
.media-phone .ui-draggable {
	left:0px;
	max-width: 100vw ;
}