
body{ background-color:#000; margin:0 auto; padding-top:70px;}

.bigbox{width:1180px;
        margin:0 auto;
		background-image:url(images/bodybg.jpg);
		background-repeat:no-repeat;}

.navi{width:1180px;
      height:70px;
	  padding-top:10px;
	  background-image:url(images/menu.jpg);
	  background-repeat:no-repeat;
	  top:0;
	  position:absolute;
	  text-align:center;z-index:9999;} 	

.navi a{ height:60px;
	padding-left: 20px;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	color: #281b10;
	font-weight: bold;
	text-decoration: none;}
	
.navi a hover{color:#FFF;}	

.index_newsbox{width:630px;
    padding-top:60px;
    margin:0 0 0 95px;
	line-height:20px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    font-size:13px;
	color:#281b10;}	

#AAA{width:1180px;
	 height:595px;
	 margin:0 auto;
	 background-image:url(images/home.jpg);
	 background-repeat:no-repeat;}
	 
#BBB{width:1180px;;
	 height:665px;
	 margin:0 auto;
	 background-image:url(images/about.jpg);
	 background-repeat:no-repeat;}
	 
#CCC{width:1180px;
	 height:665px;
	 margin:0 auto;
	 background-image:url(images/products05.jpg);
	 background-repeat:no-repeat;}
	 
#DDD{width:1180px;
	 height:665px;
	 margin:0 auto;
	 background-image:url(images/news.jpg);
	 background-repeat:no-repeat;}
	 
#EEE{width:1180px;
	 height:665px;
	 margin:0 auto;
	 background-image:url(images/wtb.jpg);
	 background-repeat:no-repeat;}	 
	 
#FFF{width:1180px;
	 height:665px;
	 margin:0 auto;
	 background-image:url(images/contact.jpg);
	 background-repeat:no-repeat;}

.dd{width:660px;
    padding-top:240px;
    margin:0 auto;
	line-height:20px;
	text-align: justify;
    text-justify:inter-ideograph;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    font-size:13px;
	color:#281b10;}
	
.productsbox{width:676px;
			 float:left;
			 margin:200px 0  0 255px;
			 position:relative;}	
			 
.productsbox_products{width:495px;
             height:333px;
			 float:left;
			 background-color:#903;
			 margin:0 0  0 225px;
			 position:relative;}				 
			 
.productsbox_choose{width:225px;
                    height:333px;
					background-color:#066;}		 
	
.newsbox{width:600px;
    padding-top:230px;
	height: 435px;
    margin:0 0 0 190px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    font-size:13px;
	color:#281b10;}	
	
.wtbbox{width:600px;
    padding-top:250px;
    margin:0 0 0 255px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    font-size:13px;
	color:#281b10;}		
	
.contactbox{width:600px;
    padding-top:270px;
    margin:0 0 0 260px;
	line-height:20px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
    font-size:13px;
	color:#281b10;}	
	
/*六類選項*/
.sixtypes ul{width:800px;
    margin:0 0 0 -38px;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif,"微軟正黑體";
	font-size:13px;}

.sixtypes ul .line{
	color:#303;
	font-size:14px;}

.sixtypes li {
	margin-right:9px;
	float: left;}

.sixtypes li a{
	color:#303;
	margin-right:9px;
	text-decoration:none;}

.sixtypes li a:hover{color:#900;}	

/*間距和對齊*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mb15{margin-bottom:15px;}
.ml5{margin-left:5px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml50{margin-left:50px;}
.ml63{margin-left:63px;}
.left{float:left;}
.right{float:right;}
	
/*單品頁*/
.menu{width:720px;
      height:20px;
	  margin-bottom:10px;}
	  
.menuarrow_left{ position:absolute; 
                 width:220px; 
			     height:28px; 
			     top:2px; left:-35px;
                 z-index:100;}	
				 
.menuarrow_right{position:absolute; 
                 width:220px; 
			     height:28px; 
			     top:2px; left:730px;
                 z-index:100;}				   

.mainbox{width:720px;
         height:363px;
		 float:left;
		 margin:200px 0  0 255px;
		 position:relative;}
		 
.mainleft{width:215px;
		  float:left;
		  background-color:#40210f;
		  padding-top:12px;
		  padding-bottom:12px;
		  padding-left:10px;
		  font-family:"微軟正黑體",Arial,sans-serif;
		  font-size:13px;
		  color:#fff6c2;}	  
		  
.mainright{
	width: 465px;
	height:286px;
	float: left;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:29px;
	padding-left:30px;
	padding-right:25x;
	font-family:"微軟正黑體",Arial,sans-serif;
	font-size:13px;
	color:#40210f;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #40210f;
	border-bottom-color: #40210f;}

.text_size11{font-size:11px;}
	
.text_size12{font-size: 12px;
	         font-weight: bold;}
		
						  
	
/*步驟一_購物車*/
.step_table th{padding-top:5px;
               padding-bottom:5px;
			   padding-left:5px;
			   background-color:#fff5b1;
			   border-top:2px solid #40210f;
			   border-bottom:2px solid #40210f;
			   font-family:"微軟正黑體",Arial,sans-serif;} 
.step_table td{padding-top:3px;
               padding-bottom:3px;
			   padding-left:3px;
			   border-bottom:1px solid #000000;
			   font-family:"微軟正黑體",Arial,sans-serif;}
.step_table tr {border-bottom:1px solid #000;}	
.step_table tr:hover td{background:#f2f8f9;}
.even_numbers{background-color:#F0F0F0;}
.white_border{border-bottom:1px solid #FFF;}
.left_line{border-left:1px solid #666;}			   

.step_table_box{float:left;
                font-family:"微軟正黑體",Arial,sans-serif;}
			   
.step_text_b{font-family:"微軟正黑體",Arial,sans-serif;
		   font-size:15px;
	       color:#000;
		   float:left;}				   
.step_text_s{font-family:"微軟正黑體",Arial,sans-serif;
		   font-size:13px;
	       color:#CCC;
		   float:left;}

.step01_mainbox{
	width: 680px;
	height:249px;
	float: left;
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:45px;
	padding-left:20px;
	padding-right:20px;
	font-family:"微軟正黑體",Arial,sans-serif;
	font-size:13px;
	color:#40210f;
	border-top-width: 4px;
	border-bottom-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #40210f;
	border-bottom-color: #40210f;}	
	
/*確認的大按鈕*/
input.groovybutton{
	font-size: 14px;
	font-family: "微軟正黑體", Arial, sans-serif;
	color: #221814;
	width: 90px;
	height: 30px;
	float: left;
	background-color: #f1db48;
	border-style: none;
	font-weight: bold;}
	
.right_box{float:right;}	
   
/*步驟二_登入會員*/

.login_box{width:670px;
	       float:left;
		   font-size:13px} 
.login th {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #E8E8E8;
	font-family: "微軟正黑體", Arial, sans-serif;
	font-weight: bold;} 
	
.login td {padding-top:3px;
    padding-bottom:3px;
	padding-left:5px;
	padding-right:5px; 
    background-color:#FFF;}

.input_box{padding:5px;
           background-color:#FFF;}  
		   
/*步驟三_付款方式*/

.payment_box{width:640px;
	       float:left;
		   font-size:13px} 	
		   
.explain_box{width:669px;
             height:130px;
			 float:left;}	   	   
			 
/*步驟四&五*/
.step4_box{
	width: 683px;
	height:287px;
	float: left;
	background-color:#FFF;
	padding-top:20px;
	padding-bottom:45px;
	padding-left:20px;
	padding-right:20px;
	font-family:"微軟正黑體",Arial,sans-serif;
	font-size:13px;
	color:#40210f;
	border-top-width: 4px;
	border-bottom-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #40210f;
	border-bottom-color: #40210f;}	
	
	
/*購物說明*/
.important_box{width:950px;
               margin:0 auto;
			   font-family:"微軟正黑體",Arial,sans-serif;
	           font-size:15px;
	           color:#40210f;}