@charset "utf-8";
/*Reset*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,th,td,img{ margin:0; padding:0; border:0; font: 12px Arial, Helvetica, sans-serif, 微軟中黑體, 新明細體; color:#a59f98}
body{background-color:#e7e9e4; text-align:center; /*background-image:url(../images/Barcode-Home_bg.gif); background-repeat:repeat-x;*/ margin:0 auto; position:relative;
min-height:100%; /* For Modern Browsers */
height:auto !important; /* For Modern Browsers */
height:100%; /* For IE */}
a{text-decoration:none;}
a:hover{ text-decoration:underline;}
.clear{ clear:both;}
.none{ display:none;}

a{ blr:expression(this.onFocus=this.blur()); }
a:focus { -moz-outline-style: none; }

html { height:100%; border:0; border-right:solid 1px #cacec3 ;}
#head { width:100%; text-align:center; position:absolute; top:0; /*left:-30px;*/ background-color:#000000; }
#head_content { width:886px; margin:0 auto; height:169px; line-height:169px; position: relative;}
  #head_bg{ background-image:url(../images/new_head_2.jpg); background-repeat: no-repeat; width:1100px; height:169px; position: absolute; left:0px; left:-113px; *left:-105px; }
  #head_content a,#head_content input{font-size:10px;}
  #account_message{ position: absolute; top:18px; right:-27px;}
    #account_message a{ text-decoration:underline; font-weight:800;}
    #account{ color:#928378;}
    #message{ color:#b7b27f; margin-left:4px;}
  #member_password{ position: absolute; top:59px; right:-17px; color:#c8b26d;}
    #member{ color:#c8b26d;}
	#password{ color:#928868;}
  #name_password{ position: absolute; top:92px; right:29px; }
    #name_password input{ width:89px; height:14px; padding-top:2px; border: solid 1px #9e9898; background-color:#d3d1b5; color:#7b8271; text-align:center;}
    #name{ margin-right: 3px;}
    #sing_in_bt{ position:absolute; top:0px; right:-48px;}
#head_height { height:169px; }
/*=============================================================================================================*/
#main{ width:843px; padding:20px 24px 30px 19px; margin: 0 auto; position:relative; text-align:left; background-color:#fff;}

  #new_index_title_area{width:691px;z-index:200; position:absolute; right:1px; *right:-7px; padding-top:130px;}
  .index_title{ background-color:#3b332d; width:343px; border-left:1px solid #333333; border-right:1px solid #333333; border-top:1px solid #333333; }     
	  #index_title_001{ float:left; }
	  #index_title_002{ float:right; }
	  
		.index_title_h1{ float:left; }
		  .index_title_h1 span{ background-color:#4e453e; color:#665a50; font-style:normal; float:left; padding:11px 10px; font-weight:800;}
		  .index_title h1{ float:left; color:#ab9586; padding:11px 0px 11px 10px; font-weight:800; cursor:pointer; }
		  .index_title a{ color:#ab9586; font-weight:800; }
		
		.index_title_date{ float:right; width:100px; }
		  .index_title_date span{ float:left; color:#665a50; padding:11px 5px 11px 10px; font-weight:800;}
		  .index_title_date img{ position:relative; top:15px; *top:9px; right:5px;}
	  
  #index_left{ width:546px; margin-top:30px; float:left;}
    
	#gallery_title{ width:546px; margin-left:5px;}
	  #gallery_left{ float:left;}
	    #gallery_left span{ color:#d2d2c2; font-weight:800; float: left; margin-right:6px;}  
		#gallery_left h2{ color:#60604d; font-weight:800; float: left; margin-left:3px; margin-top:10px; }
		#gallery_left a{ color:#1b7bdd; text-decoration:underline; font-weight:800;}
	  #gallery_right{ float:right; position:relative;}
	    #subscrib{ color:#9a9a87; font-size:10px; position:relative;  top:-3px; margin-right:5px;}
		
    .gallery_photo_area{ width:560px; background-image:url(../images/gallery_body_bg.gif); background-repeat: repeat-y; margin-top:10px; padding-left:15px; position:relative; margin-bottom:25px;}
	  .gallery_head{ position:relative; left:-15px;}
	  *html .gallery_head{top:-8px;}
	  *+html .gallery_head{top:-8px;}
	  .gallery_foot{ position:relative; left:-15px; bottom:-3px;}
	  .gallery_photo_title{ width:550px; position:relative;padding-bottom:15px;}
	    .gallery_photo_title h3{ color:#60604d; font-weight:800; font-size:18px;}
		.gallery_photo_title span{ font-size:11px; font-weight:800;}
		.gallery_photo_title img{ position:absolute; top:5px; right: 20px;}
      .gallery_photo_big{ padding-top:27px; border-top: solid 1px #e3e3e0; margin-bottom:3px;}
	  *html .gallery_photo_big{ margin-bottom:0px;}
	  *+html .gallery_photo_big{ margin-bottom:0px;}
	  .gallery_photo_s{padding-bottom:50px;}
  
  #index_right{ float:right; margin-top:30px; width:270px;}
    #facebook{ margin-bottom:5px;}
	.number{ color:#d2d2c2; font-weight:800; float: left; margin-right:6px; margin-top:20px; font-size:16px;}
	.index_right_title{ color:#60604d; font-weight:800; float: left; margin-right:11px; margin-top:20px; font-size:16px;}
    .s_content_area{width:267px; background-image:url(../images/s_content_body.gif); background-repeat: repeat-y; padding:0 0 0 9px; margin-top:9px; position:relative;}
	  .s_content_head{ position:relative; right:9px; top:-5px;}
	  .s_content_foot{ position:relative; bottom:-3px; right:9px;}
	  .s_content_title{width:267px; position:relative;padding-bottom:10px;}
	    .s_content_title h3{ color:#60604d; font-weight:800; font-size:18px;}
		.s_content_title span{ font-size:11px; font-weight:800;}
		.s_content_title img{ position:absolute; top:5px; right: 20px;}
	  .welcome_line{ border-top: solid 1px #e1e1de; *padding-top:38px; padding-top:20px; width:249px;}
	  #welcome_bottom{ padding-bottom:16px;}
	  *html .welcome_line{ padding-top:18px;}
	  *+html .welcome_line{ padding-top:18px;}
	    .welcome_area{ float:left; margin-right:8px; width:78px; line-height:12px;}
		  .welcome_area img{ padding:3px; border: solid 1px #bababa; margin-bottom:5px;}
		  .welcome_area img:hover{border: solid 1px #9a9a9a;}
		  .welcome_area a{ color:#665e54; font-weight:800; }
		  .welcome_area em{color:#f2d51a; font-style:normal; font-size:11px; font-weight:800;}
		  .welcome_area span{ color:#a09992;  font-size:11px; font-weight:800;}
      
	  .drink_line{ border-top: solid 1px #e1e1de; width:249px;}
	  .drink_line_001{ height:20px;}
	  .drink_line_002{ height:14px;}
	  .drink_line_003{ height:5px; margin-top:3px;}
	  .drink_area{ position:relative; width:249px;}
	      .drink_icon{ float:left; margin-top:47px; margin-right:7px; margin-left:2px;}
	      .drink_area_photo{ float:left; border-bottom: solid 1px #e3e3dd; border-top: solid 1px #e3e3dd; border-right: solid 2px #e3e3dd; border-left: solid 2px #e3e3dd; padding:2px;}
		  .drink_area p{ font-size:11px; width:140px; height: auto; position: absolute; bottom:0; right:0; font-weight:800;}
		  .drink_area span{ font-weight:800; font-size:11px;}
		  *html .drink_area span{ font-weight:800; font-size:10px;}
		  *+html .drink_area span{ font-weight:800; font-size:10px;}
		  /*copy to singup.css
	  .lemon_icon{ padding-top:22px; margin-bottom:12px; margin-left:25px; position:relative;}
	    .lemon_icon img{ float:left; margin-left:-3px;}
		.lemon_icon em{ font-style:normal; color:#cc2e2e; font-weight:800;  position:relative; top:3px; margin-left:5px;}
		*/
      #index_submit{ margin-left:80px; margin-bottom:20px;}
	  *html #index_submit{ margin-bottom:10px;}
	  *+html #index_submit{ margin-bottom:10px;}
	  #Congratulations_p{ font-size:11px; font-weight:800; padding-right:20px; margin-bottom:20px;}
	  .Congratulations_line{border-top: solid 1px #e1e1de; height:5px; width:249px;}
	  *html .Congratulations_line{height:0px;}
	  *+html .Congratulations_line{height:12px;}
	  
	  .address_area{ margin-bottom:10px;}
	  *html .address_area{ margin-bottom:20px;}
	  *+html .address_area{ margin-bottom:20px;}
	    .address_area img{ padding:2px; border: solid 1px #bababa; float:left;}
	    .address_area img:hover{border: solid 1px #9a9a9a;}
		.address_area h4{ font-weight:800; float:left; padding-left:5px; font-size:11px;}
		*html .address_area h4{ font-size:10px;}
		*+html .address_area h4{ font-size:10px;}
	    .address_area p{ float:left; padding-left:5px;  width:170px; font-size:11px;}
		*html .address_area p{font-size:10px;}
		*+html .address_area p{font-size:10px;}
      #address_bottom{ padding-bottom:70px;}
/*=============================================================================================================*/
/*new add*/

	/*index login-area user nick-name*/
	
	.login_area_number{ margin-top:10px; }
	.login_area_index_right_title{ margin-top:10px; }
	
    #user_signin{ position: absolute; top:95px; left:675px; width:240px; text-align:left; }
		.user_nickname{ color:#333333; font:12px Arial, Helvetica, sans-serif, 微軟中黑體, 新明細體; font-weight:800;}
		.user_nickname em{ color:#665e54; }
	
	
	/*index photo gallery*/
	a.over_photo:hover img{ filter:Alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; }
	
	/*index.member.favor*/
	favor_keyword_area{ word-break:break-all; width:255px; line-height:20px; }
	.favor_keyword_tit{ padding:4px 0px; }
	.favor_keyword_area a{ color:#1b7bdd; text-decoration:none; font-size:11px; font-weight:800; font:Arial, Helvetica, sans-serif, 微軟中黑體, 新明細體;}
	.favor_keyword_area a:hover{ text-decoration:underline; }
	a.favor_keyword_link{ color:#1b7bdd; font-weight:bold; }
	.favor_keyword_list{ display:none; padding:0px; margin:5px 0px; }
		
	.favor_search{ float:left; width:50px; padding:3px; border:1px solid #cccccc; margin-right:5px; margin-bottom:5px; }
	
	.fb_user_btn{  }
    .user_box_area{ width:267px; background-image:url(../images/s_content_body.gif); background-repeat: repeat-y; padding:0 0 0 9px; margin-top:7px; position:relative;}
	.user_box_pic div{ width:50px; padding:3px; border:1px solid #cccccc; }
	.user_box_pic span{ float:left; display:inline-block;  }
	.user_box_pic span{ width:50px; padding:3px; border:1px solid #cccccc; margin-right:5px; margin-bottom:5px; }
	.user_box_info div{ width:100%; text-align:left; }
	.user_box_info a{ color:#665e54; font-size:11px; font-weight:800; font:Arial, Helvetica, sans-serif, 微軟中黑體, 新明細體; }
			
	/*upload photos area*/
	#upload_area{ margin:4px 0px 5px 10px; }
	#upload_area form{ padding:0px; }
	#upload_filename{ border:1px solid #cccccc;font-size:11px;background:#ffffff; *padding-top:3px;}
	#upload_btn{ color:#666666;border:1px solid #cccccc;font-size:11px;background:#ffffff;}
	#upload_msg{ font-weight:800;}
	
	/*admin login*/
	a.admin_login_link{ position:absolute; left:8px; top:8px; clear:both; font-size:11px; color:#333333; }
	a.admin_login_link:hover{ text-decoration:none; }
	
	/*index rate darink*/
	.rate_drink_tit{ padding-bottom:2px; margin-bottom:2px; width:150px; }
	.rate_drink_txt{ line-height:16px; width:150px; }
	.rate_radio_btn{ position:relative; top:2px; right:4px;  }