@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, img, p{
	margin:0;
	padding:0;
}

img {border:0;}
a { text-decoration:none;}

body{
	background:url(../images/bg.jpg) repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family:"Microsoft JhengHei","Microsoft YaHei",Tahoma,PMingLiu,Arial Unicode MS;
}

#wrapper{
	margin:0 auto;
	width:1002px; 
}
#head{ width:1002px; float:left;}
.logo{
	float:left;
	width:396px;
	height:133px;
	z-index:10; padding:20px 0px 0px 0px;
}
.fb{ float:right; padding-right:10px;}
.fb:hover{opacity: 0.5;}
/*--選單---*/
#menu{ width:600px; float:left; margin:0px; display:block;padding:20px 0px 0px 0px;}
ul.nav{margin:0; padding:0; list-style:none; }  
.nav li{overflow:hidden;text-indent:-9999px; display:block; float:left; height:204px; }  
.nav li a{	height:204px;display:block;}              
.nav li:hover{opacity: 0.5;}              

 /* Button style */  
.nav li.about{ 	width:78px; height:204px;}  
.nav li.about a{ background:url(../images/manu-c01.png) no-repeat -4px 0px;}  
.nav li.about a:hover{background:url(../images/manu-c01-over.png)-4px 0px; }  
.nav li.about a.selected{background-position:-5px 0px;opacity: 0.5;}  

.nav li.store{ 	width:86px; height:204px;}  
.nav li.store a{ background:url(../images/manu-c01.png) no-repeat -81px 0px;}  
.nav li.store a:hover{background:url(../images/manu-c01-over.png)-81px 0px; }  
.nav li.store a.selected{background-position:-105px 0px;opacity: 0.5;} 

.nav li.products{width:74px; height:204px;}  
.nav li.products a{ background:url(../images/manu-c01.png) no-repeat -168px 0px;}  
.nav li.products a:hover{background:url(../images/manu-c01-over.png)-168px 0px; }  
.nav li.products a.selected{background-position:-218px 0px;opacity: 0.5;} 

.nav li.news{width:78px; height:204px;}  
.nav li.news a{ background:url(../images/manu-c01.png) no-repeat -248px 0px;}  
.nav li.news a:hover{background:url(../images/manu-c01-over.png)-248px 0px; }  
.nav li.news a.selected{background-position:-300px 0px;opacity: 0.5;} 


.nav li.contactus{width:82px; height:204px;}  
.nav li.contactus a{ background:url(../images/manu-c01.png) no-repeat -330px 0px;}  
.nav li.contactus a:hover{background:url(../images/manu-c01-over.png)-330px 0px; }  
.nav li.contactus a.selected{background-position:-400px 0px;opacity: 0.5;} 

.nav li.event{width:88px; height:204px;}  
.nav li.event a{ background:url(../images/manu-c01.png) no-repeat -415px 0px;}  
.nav li.event a:hover{background:url(../images/manu-c01-over.png)-415px 0px; }  
.nav li.event a.selected{background-position:-400px 0px;opacity: 0.5;} 



.nav li.order{width:100px; height:204px;}  
.nav li.order a{ background:url(../images/nav-08.png) no-repeat 0px 0px;}  
.nav li.order a:hover{background:url(../images/nav-08.png) no-repeat 0px 0px; }  
.nav li.order a.selected{background-position:-400px 0px;opacity: 0.5;} 


#banner{
	float:left;
	width:678px;
	height:531px;
	z-index:-1;
	background:url(../images/banner.png) no-repeat left top; 
}
#banner p{
	font-size: 13px;
	line-height: 20px;
	color: #000;
}
.col_right{ width:270px; float:left; display:block; padding:0px 0px 0px 10px;}
.col_right a{ display:block; padding:0px 0px 10px 0px;}
.col_right img:hover{opacity: 0.5;}

#master{
	float:left;
	width:1002px;
	
	
}
.about_main{ width:645px; height:519px; background:url(../images/about.png) no-repeat left top; padding:15px 0px 0px 50px; float:left;}
.about_main p{
	font-size: 13px;
	line-height: 24px;
	color: #000;
}
.about_article{ height:157px; width:590px; padding:0px 0px 0px 8px;}
.about_text1{ background:url(../images/title-about-01.png) no-repeat left top; width:164px; height:62px; margin:0px;}
.about_text2{background:url(../images/title-about-02.png) no-repeat left top; width:206px; height:76px;}
.about_right{ float:left; width:230px;}
.about_right p{
	color: #d6d6be;
	font-size: 13px;
	line-height: 24px;
}
.about_right h2{
	font-size: 15px;
	color: #FFF; padding:10px 0px;
}
.about_right a img{opacity: 1;}
.about_right a:hover img {opacity: 0.5;}
/*txt color*/
.txt_og{
	color: #785620;
	padding-right: 10px;
	font-weight: bold;
}
.txt_pink{
	color: #e5bcbc;
	font-size: 15px;
	line-height: 24px;
}

#breadcrumbs {width:100%; float:left;position: relative;top:0px;}
.bcrumbs li{
    float: left;
    height: 32px;
    line-height: 32px; display:inline-block; font-size:11px; width: auto;
     
}

.bcrumbs li a {
	background: url(../images/arrow.jpg) no-repeat right 15px;
	color: #d0d0b7;
	float: left;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
}
.bcrumbs li a:hover{ color:#FFF;}
.bcrumbs li a.last {
    color: #c88e9d; background: none;
}
.left {
	float: left;
	width: 368px;
}
/*product left*/
.sidebar2{margin:30px 0px 0px 0px; padding:0px; list-style:none; width:350px;  float:left;  }  
.sidebar2 li{overflow:hidden;text-indent:-9999px; display:block;width:110px; padding-bottom:15px;  float:left; }  
.sidebar2 li a{	height:250px;display:block;opacity: 0.6;}              
.sidebar2 li a:hover{opacity: 1;} 
.sidebar2 li.cate{width:110px; height:250px;}   
.sidebar2 li.cate a.selected{background-position:0px 0px;opacity:1;}  

.sidebar{margin:30px 0px 0px 0px; padding:0px; list-style:none; width:350px;  float:left;  }  
.sidebar li{overflow:hidden;text-indent:-9999px; display:block;width:110px; padding-bottom:15px;  float:left; }  
.sidebar li a{	height:250px;display:block;opacity: 0.6;}              
.sidebar li a:hover{opacity: 1;}              

.sidebar li.france{width:110px; height:250px;}  
.sidebar li.france a{ background:url(../images/nav-01.png) no-repeat 0px 0px;}  
.sidebar li.france a.selected{background-position:0px 0px;opacity:1;}  

.sidebar li.old{width:110px; height:250px;}  
.sidebar li.old a{ background:url(../images/nav-02.png) no-repeat 0px 0px;}  
.sidebar li.old a.selected{background-position:0px 0px;opacity:1;}  

.sidebar li.honey{width:110px; height:250px;}  
.sidebar li.honey a{ background:url(../images/nav-03.png) no-repeat 0px 0px;}  
.sidebar li.honey a.selected{background-position:0px 0px;opacity:1;}  

.sidebar li.milktea{width:110px; height:250px;}  
.sidebar li.milktea a{ background:url(../images/nav-04.png) no-repeat 0px 0px;}  
.sidebar li.milktea a.selected{background-position:0px 0px;opacity:1;}  

.sidebar li.hot{width:110px; height:250px;}  
.sidebar li.hot a{ background:url(../images/nav-05.png) no-repeat 0px 0px;}  
.sidebar li.hot a.selected{background-position:0px 0px;opacity:1;} 

.sidebar li.tea{width:110px; height:250px;}  
.sidebar li.tea a{ background:url(../images/nav-06.png) no-repeat 0px 0px;}  
.sidebar li.tea a.selected{background-position:0px 0px;opacity:1;}  

.sidebar li.ice{width:110px; height:250px;}  
.sidebar li.ice a{ background:url(../images/nav-07.png) no-repeat 0px 0px;}  
.sidebar li.ice a.selected{background-position:0px 0px;opacity: 1;}  

 
/*item*/
.main{ width:630px; float:right;}
.item {
    float: left;
    height:160px;
    margin:0px 15px;
    width:70px;
}
.item .name {
    font-size: 13px;
    margin: 5px 0 0;
    text-transform: uppercase; color:#a2864f; text-align:center; border-top: solid 1px #a2864f;
	padding-top:5px;
}
.showcase { width:600px; height:310px; float:left;border: solid 1px #a2864f; margin:30px 0px 0px 0px;}
.item_show{ float:left; width:280px; padding:10px 0px 0px 10px;}
.item_show img{width:280px;}
.item_title{
	width: 230px;
	color: #a2864f;
	font-size: 32px;
	font-weight: bold; text-align:left;float:left;  padding:60px 0px 0px 0px;
}
.item_txt{
	color: #a2864f;
	font-size: 15px;
	text-align: left;
	padding: 20px 0px 0px 0px;
	float: left;
	width: 230px;
	line-height: 22px;
}
/*product*/
.product_show{
	float:left;
	width:237px;
	height:388px; padding:40px 0px 0px 20px;
}
.product_show_pic{
	float:left;
	padding:0 15px 0 0;
	width: 266px;
	height: 351px;
}
.product_intro{
	float:left;
	width:300px;
	padding:140px 0 20px 50px;
	line-height:1.9em;
}
.product{ background:url(../images/slogo.png) no-repeat 0px top;}
.first{
	 padding:0px 0px 0px 240px;
}
.product_list{
	float:left;
	width:206px;
	height:240px;
	margin:10px 16px 10px 16px;

}
.product_list:hover{opacity: 0.5;}
/*add cart*/
.order_left{ width:660px; float:left;}
.topnav{ width:620px; float:left;}
.topnav li{ list-style:none; background: url(../images/topnav.png) no-repeat left top; width:140px; height:30px; font-size:13px; padding:7px 0px 0px 0px; margin:2px 5px;text-align:center; float:left;}
.topnav li a{ color:#bb493f;}
.topnav li:hover{opacity:0.6;}
.topnav li a.selected{ color:#a2864f;}  
.description{
	color: #eae6c8;
	width: 600px;
	float: left;
	display: block;
	font-size: 15px;
	line-height: 24px;
}
.product_info{ width:640px; float:left; border-bottom:dotted 1px #666666; padding:10px 0px;}
.product_info_pic{ width:80px; height:80px; float:left;padding:0px 5px;}
.product_info_pic img{width:70px; height:70px;}
.product_title{
	color: #a2885a;
	font-size: 24px;
	float: left;
	padding: 15px 0px 5px 0px;
	width: 480px;
	font-weight: bold;
}
.produc_order{ float:left; width:55px; height:53px; margin:15px 0px 0px 0px;}
.produc_order:hover{ opacity:0.8; border:#cc3333 solid 2px;}
.product_select{ width:480px; float:left;}
.styled-select select{
   background: none;
   width:90px;
   padding:2px;
   font-size:12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 20px;
   -webkit-appearance: none; color:#999;  
   }
.styled-select {
   width: 90px;
   height:20px;
   overflow: hidden; margin:0px 2px;
   background:url(../images/new_arrow.png) no-repeat right 1px;
   border: 1px solid #cc3333; float:left;

   }
   .styled-input{color:#999; font-size:11px; width:80px; float:left;}
.styled-input input{border:1px solid #cc3333; width:50px; margin:0px 0px 0px 2px; color:#999; text-align:center; background:url(../images/number-iuput.png) no-repeat 2px -11px; padding-left:25px;}
.order_right{ width:240px; height:540px; float:left;border: 1px solid #cc3333; margin:0px 0px 0px 20px;}
.order_box{ border:none; width:240px;}
.order_box input{ background:#424242; border:none;color: #CCC;}
.order_box select{  border:none; background:url(../images/arrow-2.jpg) no-repeat right 1px #424242; padding:2px 5px 2px 2px; color:#999; width:150px; margin-left:8px;}
.order_box th{
	font-size: 15px;
	color: #CCC;
	font-weight: normal;
	width:70px;
	text-align:right;    
}
.order_box td{ padding:0px 0px; color: #CCC; font-size:15px; text-align:left;}
.txt_small{ color:#a2885a; font-size:11px;}
.order_confirm{ border-top:solid #bb4c38 1px; border-bottom:solid #bb4c38 1px; color:#bb4c38; clear:both; height:25px; padding-top:5px;}
.order_confirm_left{
	float: left;
	font-size: 18px;
	font-weight: bold; padding-left:5px;
}
.order_confirm_right{
	float: right;
	font-size: 15px;
	padding: 0px 5px 10px 0px;
	vertical-align: top;
	line-height:20px;
}
.order_confirm_right img{vertical-align:text-bottom;}
.order_confirm_right a{color:#bb4c38;}
.check{ width:230px; float:left; padding-bottom:10px; border-bottom: dotted  #999999 1px; padding:10px 5px;}
.check_left{float:left; width:175px;}
.check_right{float:left; width:30px;color:#bb4c38; font-size:11px; margin:10px 0px 0px 5px;;}
.check_name{ width:175px; font-size:17px; font-weight:bold; color:#c7bca1; padding:6px 0px;}
.check_detail{ font-size:13px; color:#FFF;}
.check_send{ width:230px; float:left; color:#bb4c38;font-size: 18px;
	font-weight: bold; padding:0px 0px 20px 20px;}
.amount{ color:#eae6c8; padding-left:45px;}
.send{ text-align:center; border: none;}
.send-style{border: none;}
/*location*/
.location{ width:352px; float:left; padding:50px 0px 0px 0px;}
.location_tittle{ width:352px; height:104px;}
.location_end{ width:352px; height:233px; float:left;}

.location_box_1{ width:150px; height:160px; color:#d6d293; padding:10px 0px 0px 20px; float:left;}
.location_box_2{ width:150px; float:left; padding:10px 0px 0px 20px; color:#e19191}
.location_box_2 ul li{
	list-style-type: none;
	font-size: 15px;
	line-height: 30px;
}
.location_box_1 div select,input {
	border: 1px solid #FFF; padding:1px 5px; margin:10px 0px; width:100px;
}
.location_map{ width:580px; float:left; height:490px;}
.map{width:250px; float:left; margin:40px 0px 0px 30px; height:340px;}
.map_title{ width:250px; height:60px; float:left;}
.map_detail{
	width: 250px;
	float: left;
	color: #cccc99;
	font-size: 13px;
	padding: 10px 0px 10px 10px;
	line-height: 22px;
}
.map_laction{ width:242px; height:114px; float:left;}
/*new*/
.right {
	float: right;
	width: 571px; text-align:left;
}

/* newsList */
.newsList {
	margin-top: 20px;
}

.newsList ul li{
	display: block;
	width: 350px;
	color: #cccccc;
	overflow: hidden;
	padding:6px 0px;
	font-size: 15px;
}
.newsList ul li a{color:#cccccc;}
.newsList ul li a:hover{ color:#F69;}
.newsList a i {
	display: none; position: absolute;
	width: 13px; height: 13px;
	left: 10px; top: 10px;
}

.newsList a:hover i , .newsList a.current i {
	display: block;
}

/* newsDetail */
.newsDetail {
	width: 550px; height: 420px;
	padding:15px 75px 75px 30px;color:#e2daaa;  
 line-height: 24px;
 background:url(../images/news-02.png) no-repeat left top;
	 
}
 .newsDetail p {line-height: 28px;}
 .newsDetail table td{font-size: 15px; line-height: 28px;padding:5px 8px; }
/* scrollbar */


#news .editor {
	width: 500px;
}

.newsDetail .title {
	width:490px;
	text-align:right;
	font-size:12px;
	overflow: hidden;
	margin-bottom:10px;
}


.newsDetail .dec {
	float: left;
	width:495px; height: auto;
	margin-right: 15px;
	font-size: 15px;
	overflow: hidden; 
}
.newsDetail .dec strong{font-weight: bold;}
.newsDetail .pic {
	float: left; position: relative;
	width:495px; height:166px;
	overflow: hidden;
}

.newsDetail .pic img {
	width:495px; height: auto;
}



/*news end*/
/* pager 頁碼 */
.pager {
	margin: 20px;
	text-align: right;
}

.pager a {
	display: inline-block;
	padding: 0 5px;
	color: #e3a0b2; font-size: 12px; text-decoration: none;
	border: 1px solid #e3a0b2;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.pager a:hover , .pager a.current {
	color: #FFF;
	background: #e3a0b2;
	border: 1px solid #e3a0b2;
}

.pager a.current {
	cursor: default;
}

/*contact*/
#contact {
	height: auto;
	background:url(../images/contact.png) repeat-y left top;
	padding: 50px 0px 0px 20px; margin:10px 0px 0px 150px
}
#contact .title-top{ width:337px; height:230px; position:absolute; margin:-20px 0px 0px -190px;}
#contact .inner {
	width:730px;
}

#contact .msg {
	display: none;
	color: #720000; font-size: 15px;
	
}
#contact .welcome{
	font-size: 15px;
	color: #a72929;
	line-height: 26px; float:left;padding:0px 20px 40px 150px;
}
#contact form table{  clear:both;}
#contact form table th , #contact form table td {
	padding:4px 8px;
	 font-size:15px; text-align:left; color:#5a5353;
}

#contact form table th {
	color: #5a5353;
	font-size: 15px;
	font-weight: normal;
}

input,textarea,checkbox {
	background: none;
	border: 1px solid #999; width:auto; padding:2px; margin:8px 8px;
}

#contact form table input:focus , #contact form table textarea:focus {
}



#contact form table td.btn {
	text-align: center;
}

#contact form table td.btn input {
	width: 80px; height: 26px;
	margin: 0 5px;
	color: #FFF;
	background: #a0510f;
	border: none;
}

#contact form table td.btn input:hover {
	background: #720000;
}


.join{
	color: #d6d6be;
	font-size: 13px;
	line-height: 28px;
}
.join p strong{font-size: 15px; padding:10px 0px;}
.join_right{ width:388px; float:left; display:block; padding:0px;}
.join_right a{ display:block; padding:0px 0px 10px 0px;}
.join_right img:hover{opacity: 1;}
.join h2{ color:#FFF; font-size:15px;}
#footer{
	text-align: center;
	clear: both;
	display: block;
	font-size: 13px;
	color: #726f69;
	padding: 10px 0px 0px 0px;
	line-height:26px;
}
#footer span{
	color:#75613d; font-size:11px;

}
.content7{
    height:500px;
}
#cart_add{
    height:500px;
}
.member_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding: 4px 8px;
	text-align: left;
	border: #ab4433 solid 3px;
  margin:10px auto;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
.member_table th {
	color: #fff;
	background-color: #ab4433;
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: bold;
	padding: 4px 8px;
	text-align: left;
	border-right-color: #B6B6B6;
	border-bottom-color: #fff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.member_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 24px;
	color: #222222;
	font-size: 12px;
	text-align: left;
	background:rgba(255,255,255,1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	padding: 2px 8px;
}
.member_table tr.altrow {
	background-color: #cccccc;
}
/* member zone form */
.member_zone_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	color: #666666;
}
.inquiry_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding: 4px 8px;
	text-align: left;
	border: #ab4433 solid 3px;
  margin:10px auto;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.inquiry_table th {
	color: #333;
	background-color: rgba(255,255,255,1);
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: bold;
	padding: 4px 8px;
	text-align: left;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;

}
.inquiry_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	color: #000000;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.inquiry_table td.no {
	color: #222222;
}
.inquiry_table td.title a:link {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:visited {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.inquiry_table td.title a:active {
	color: #222222;
}
.inquiry_table td.date {
	color: #222222;
}
.inquiry_table  tr.altrow {
	background-color: #999999;
}
.add{ width:161px; float:left; margin:10px; padding-right:10px;}
.content2 h2{
	font-size: 22px;
	color: #000000;
	margin: 20px auto 10px auto;
  	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.content2 h3{
	font-size: 17px;
	color: #B34C3B;
	margin: 10px auto;
  font-weight: normal;

}
.content2 p{
	font-size: 15px;
	color: #000;
	line-height: 1.8em;
}
.content2 ul{ margin:20px 10px; width:auto;}
.content2 ul li{
	font-size: 15px;
	line-height: 1.8em;
	color: #C03232;
	background-image: url(../images/dot.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 15px;
	display: block;
	padding-bottom: 10px;
}