/*全局樣式*/


body{margin:0px 0px; font-family: Arial,Verdana, Helvetica, sans-serif,"新細明體"; font-size:12px; color: #666666; text-align:center; line-height:150%; }
a {font-size: 12px;color: #333333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;color: #000000;}
a:active {text-decoration: none;color: #333333;}
input,select{vertical-align:middle;}
.td{border-bottom:0px #CCCCCC dashed; font-size:12px; color:#666666}
form {margin:0px; padding:0px;}

 @media screen and (-webkit-min-device-pixel-ratio:0) {
body{margin:0px 0px; font-family: Arial,Verdana, Helvetica, sans-serif,"新細明體"; font-size:12px; color: #666666; text-align:center; line-height:150%; }
a {font-size: 12px;color: #333333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;color: #333333;}
a:hover {text-decoration: underline;color: #000000;}
a:active {text-decoration: none;color: #333333;}
input,select{vertical-align:middle;}
td{border-bottom:0px #CCCCCC dashed; font-size:12px; color:#666666}
   }

/*圖片樣式*/
img{border:0}
.img:visited img{border: 1px solid #cccccc;}
.img img{border: 1px solid #cccccc;padding:5px;}
.-img:hover img{border: 1px solid #ff0000;}
.img:hover{color: #CCCCCC; }
.dd5 {
    clear:both;
	}
	
/*首頁*/
.index_box_out {
    width:1100px;
	height:500px;
	background-color:#FFFFFF;
	}

/*頂部LOGO*/
#logo{padding:5px 0px 5px 0px;}
#logoleft{float:left;width:250px;}
#logoright{float:left;width:720px; text-align:right}


  @media screen and (-webkit-min-device-pixel-ratio:0) {
   .top_box {
       margin-bottom:0px;
	   }
  }

.top_flash {
    width:935px;
	height:317px;
	margin:0px auto;
	}	

  @media screen and (-webkit-min-device-pixel-ratio:0) {
   .top_flash {
    width:935px;
	height:317px;
	margin:0px auto;
	}
  } 
	
.top_menu {
    width:733px;
	height:80px;
	float:right;
	position:relative;
	top:-65px;
	}
	
  @media screen and (-webkit-min-device-pixel-ratio:0) {
   .top_menu {
    width:733px;
	height:80px;
	float:right;
	position:relative;
	top:-75px;
	}
  } 

/*導航菜單*/

.topDH{ background:url(images.gif) 0px -71px; height:36px; margin-top:5px;}
ul{ padding:0; margin:0;list-style:none; color:#FFFFFF;margin-right:40px;}
li{ float:right;width:76px;line-height:35px; text-align:center; margin:auto;}
.li_link{ background:url(images.gif) 0 -144px; width:2px; height:35px; line-height:35px;}
li a:link{color:#ffffff;text-decoration:none;}
li a:visited{color:#ffffff;text-decoration:none;}
li a:hover{color:#ffffff; text-decoration:none;display:block;background:url(images.gif) 0 -108px no-repeat; font-weight:bold;} 
li a:active {color: #fff;display:block;background:url(images.gif) 0 -108px no-repeat; font-weight:bold;}

#flash{ width:980px; padding:2px 0px 5px 0px;}


.all_box {
    width:100%;
    background-image:url(sky-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}

#main_box { 
    margin:0px auto;
	padding-top:10px;
	}


#main #sidebar { width:280px;float:left;}
#main #containe { width:680px;float:right;}

.main_box_out {
    width:935px;
    background-color:;
	margin-top:10px;
	margin:0px auto 10px ;
	}
*html .main_box_out {
    width:935px;
    background-color:;	
	margin:0px 0px 10px 0px;
	margin-top:-70px;
	}

  @media screen and (-webkit-min-device-pixel-ratio:0) {
.main_box_out {
    width:935px;
    background-color:;	
	margin:-18px auto 10px auto;

	}
  } 
	
.line_mid {
    background-image:url(img-01.png)!important;
	background-position:top left;
	background-repeat:no-repeat;
	height:320px;
	width:50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled="bEnabled" ,src="img-01.png",sizingMethod='crop');
	_ background-image: none; /* IE6 */
	}
*html .line_mid {
    background-image:url(img-01.gif)!important;
	background-position:top left;
	background-repeat:no-repeat;
	height:320px;
	width:50px;

	}
	
/*左邊樣式*/
.left_title{ height:25px; font-weight:bold; color:#006699; padding-left:10px; padding-top:4px; background-image:url(titlebg.gif)}
.left_body{ background-color:#F7F7F7; margin-bottom:10px; padding-left:10px; line-height:20px;}
.left_box {
    width:153px;
	}
.left_box_out {
    width:153px;
    border:0px #71BDED solid;
	}
.left_col {
    margin-left:0px;
	}
*html .left_col {
    margin-top:5px;
	}
.left_col_good {
    background-color:#B8D4D8;
	width:153px;
	text-align:left;
	padding-top:7px;
	line-height:5px;
    }
.left_col_good a{
    font-size:14px;
	}
.good_txt {
    margin:0px 6px 0px 6px;
	border-bottom:1px #FFFFFF dashed;
	padding:5px 0px;
	line-height:50%;
	}
	
.left_btn_box {
    background-color:#FFFFFF;
	berder-bottom:1px #71BDED solid;
	color:#0089E0;
	}
	
.left_btn_box :hover{
    background-color: #71BDED;
	berder-bottom:1px #71BDED solid;
	color:#FFFFFF;
	}
	
.left_btn_box div{
    padding:10px 0px;
	font-size:16px;
	}
/*右邊樣式*/
.right_box {
    width:732px;
	}
.right_title{ 
	color:#FFF; 
	font-weight:bold;
	font-size:16px;
	height:27px;
	padding:4px 1px;
	background-image:url(line-01.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
*html .right_title{ 
	color:#FFF; 
	font-weight:bold;
	font-size:16px;
	height:27px;
	padding:4px 1px;
	background-image:url(line-01.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	


	
.right_title_txt {
    color:#2F98D0;
	font-weight:bold;
	}
.right_title_box {
    background-color:#60ACD6;
	height:29px;
	width:100px;
	}
.right_title_table {
    float:left;
	}
*html .right_title_table {
    float:left;
	position:relative;
	z-index:99;
	padding-top:7px;
	
	}
.tel_info {
    width:500px;
	float:right;
	display:inline;
	color:#666666;
	font-size:12px;
	font-weight:100;
	margin-top:6px;
	text-align:right;
	}
	
.title_txt {
	}
	
.right_title_box_left {
    background-image:url(deco-left.gif);
	width:21px;
	height:30px;
	color: #003366;
	float:left;
	}
.right_title_box_mid {
    float:left;
	height:30px;
	}
.right_box_txt {
	margin-top:15px;
	margin-bottom:10px;
	
	}
.right_body{ color:#333333; margin-bottom:10px;}
.syimg{float:left; width:170px;}
/*友情鏈接樣式*/
#link{width:980px;height:40px; padding-top:10px;}
/*底部樣式*/
.foot_box {
    margin:0 auto;
	padding-bottom:1px;
	background-image:url(foot-bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:83px;
	}
.foot_line {
    height:0px;
	}
#foot{ 
    width:935px;
	text-align:center;
	margin:0 auto;
	}
	
  @media screen and (-webkit-min-device-pixel-ratio:0) {
   #foot{ 
    width:935px;
	text-align:center;
	margin:0px auto;
	padding-top:1px;
	}
  }
	
.foot_logo {

	}
.foot_link {
	height:20px;
	margin-top:15px;
	color:#FFF;
    text-align:right;
	margin-right:5px;
	}
.foot_link A{
	color:#FFF;
	}
	

.foot_link a:link {text-decoration: none; color:#FFFFFF}
.foot_link a:visited {text-decoration: none; color:#FFFFFF}
.foot_link a:hover {text-decoration: underline; color: #003366}
.foot_link a:active {text-decoration: none;color; color:#FFFFFF}
	
.foot_copyright {
	color: #FFF;
	margin-top:12px;
	position:relative;
	font-size:10px;
	}
  @media screen and (-webkit-min-device-pixel-ratio:0) {
  .foot_copyright {
	color: #FFF;
	margin-top:12px;
	margin-right:30px;
	position:relative;
	font-size:10px;
	}
  }

.title_01 {
    background-image:url(title-01.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:153px;
	height:40px;
	} 
.store_info {
    background-color:#F2F3F3;
	margin-top:7px;
	width:153px;	
    }
.store_info_title {
    background-image: url(store-title.gif);
	background-repeat:no-repeat;
	width:153px;
	height:22px;
	background-position:bottom right;
	padding-top:10px;
	
	}
	
.store_info_txt {
    text-align:left;
	color: #666666;
	margin:3px 5px 0px;
	font-size:14px;
	}
#gotopbtn {
	
	width:46px;
	height:60px;
	float:left;

	position: fixed;
	bottom:100px;
	right:-10px;
	display: none;
	cursor:pointer;
	border:0px solid #aaa; 
	z-index:999;

    }


.product_box_out {
    float:left;
	width:732px;
	background-image:url(h-bg.gif);
	height:124px;
	background-repeat:no-repeat;
    }
.product_box {
    width:712px;
    margin:3px 10px 0px 20px; 

	}
.product_box_pic { width:130px; height:100px; overflow:hidden; border: 1px solid #66CCFF; text-align:center}	
..product_box_pic img {margin:-27px 0px 0px -1px;}

.product_box_pic:hover {border: 1px solid #ff0000;}

/*分店*/
.store_show_box {
    width:175px;
	height:149px;
	background-image: url(store_box_bg.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:9px;
	margin-top:7px;
	}
*html .store_show_box {
    width:175px;
	height:149px;
	background-image: url(store_box_bg.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:5px;
	margin-top:7px;
	}

	
.store_show_pic img{
    margin:11px 24px 4px 20px;
	border:2px solid #AAC6D2;
	}
	
.store_show_pic img:hover{
    margin:11px 24px 4px 20px;
	border:2px solid  #3894D8;
	}
	
.store_show_txt {
    text-align:center;
	color:#333333;
	}
.store_show_txt a{
    text-align:center;
	color: #333333;
	}
	
/*髮訊*/

.hs_show_box {
    width:175px;
	height:219px;
	background-image: url(hs_box_bg.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:9px;
	margin-top:7px;
	}
*html .hs_show_box {
    width:175px;
	height:219px;
	background-image: url(hs_box_bg.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:5px;
	margin-top:7px;
	}

.hstyle_show_pic_box {
    margin:15px 24px 3px 20px;
	border:0px solid  #B0C9D0;
	
	
}
.hstyle_show_pic {
	width:130px;
	height:167px;
	overflow:hidden;
	border:2px solid #BFD3D9;
}

.hstyle_show_pic img{
    width:170px;
    margin-left:-20px;
	}



	
/*預約*/
.reservation_box td{
    height:28px;
	padding:0px;
	margin:0px;
	font-size:12px;
	}
	
#button {
    padding:5px 5px 0px;
	background-color: #575757;
	border:1px #FFFFFF solid;
	color: #FFFFFF;
    }
	
/*設計師*/

.choice_store_box {
    padding:3px;
	font-size:14px;
	}

/*CSS yahoo2 style pagination*/

DIV.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center
}
DIV.yahoo2 A {
	BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 A:active {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.yahoo2 SPAN.disabled {
	DISPLAY: none
}
DIV.yahoo2 A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.yahoo2 A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}


/*交流*/

.book_menu_box {
	width:100px;
	text-align:right;
	display:inline;
	margin-left:220px;
	}

  @media screen and (-webkit-min-device-pixel-ratio:0) {
   .book_menu_box {
	width:200px;
	text-align:right;
	display:inline;
	margin-left:120px;
	}
  }

.book_table {
    padding:5px 0px;
    }