@charset "utf-8";

/* 訂購 */

#content{
border:0px;
width:100%;
}

#wrapper{
padding:0px;
margin:0px auto;
width:838px;
border:0px;
text-align:left;
margin-top:15px;
}
h1{
margin:0px;
padding:0px;
font-size:15px;
color:#ffffff;
line-height:30px;
height:30px;
font-weight:400;
background-image:url(../images/h1-bg02.gif); background-position:left toppx; background-repeat:repeat-x;
border-bottom:#339900 solid 1px;
padding-left:10px;
}
h1 span{
padding:0px 10px 15px;
margin-right:10px;
font-weight:bold;
}
h1 a{
	color:#ffffff; text-decoration:underline;
}
h1 a:hover{
	color:#ffffff;
}

/*訂購表格設定*/
.layout{
border-collapse:collapse;
margin-top:5px;
border-bottom:#e4e3de solid 6px;
font-size:13px;
}
.layout th, .layout td{
border:1px solid #dbd9cf;
background-color:#ffffff;
padding:2px;
padding-top:3px;
empty-cells: show;
text-align:center;
color:#666666;
vertical-align:middle;
}
.layout caption{
background-image:url(../images/raw01.gif);
background-position:10px 8px;
background-repeat:no-repeat;
letter-spacing:0.5em;
text-align:left;
padding:5px 0px 5px 30px;
}
.layout th{
vertical-align:middle;
background-color:#e4e3de;
color:#333333;
font-weight:400;
margin:1px;
border-top:#b0ada4 1px solid; 
border-bottom:#b0ada4 1px solid;
}

td.img{
text-align:left;
}
td.img span{
margin-top:10px;
display:block;
vertical-align:middle;
font-weight:600;
color:#444444;
}
td.img img{
width:50px;
height:inherit;
float:left;
border:#f6f6f6 solid 3px;
margin:0px 7px 2px 10px;
}
.layout td input{
text-align:center;
font-size:12px;
}
.form td input{
text-align:left;
}
#total{
width:340px;
margin-top:3px;
text-align:right;
padding:7px 10px 7px 15px;
font-size:13px;
float:right;
}
#total p{
margin:0px;
padding:0px;
padding:4px 0px 4px 0px;
border-bottom:#e1e1e1 dotted 1px;
}

/*訂購左側說明*/
#other{ 
width:450px;
text-align:left;
padding:7px 5px 7px 0px;
float:left;
color:#444444;
font-size:13px;
}
/*同產品頁面購物icon*/
#other p.p_i {
font-size:11px;
color:#999999;
margin:10px 5px 10px 0px;
}
#other p.p_i a {
display:block;
padding:2px 5px 0px 5px;
border:#dbdbdb solid 1px;
font-size:12px;
letter-spacing:0.15em;
float:left;
margin-right:5px;
margin-bottom:5px;
}
#other p.p_i a:hover {
text-decoration:none;
border:#83a46b solid 1px;
border-bottom:#83a46b solid 2px;
border-right:#83a46b solid 2px;
color:#333333;
}
#other p.p_i a.red{
color:#FF0000;
}
#other p.p_i a.green{
color:#75a552;
}
input.ic{
font-size:12px;
padding-top:2px;
color:#444444;
}

.buyinfo{
margin:0px auto;
display:block;
width:100%;
padding:0px;
border:#e4e3de solid 0px;
clear:both;
margin-bottom:10px;
}

.form{
border-collapse:collapse;
margin-bottom:10px;
margin-left:20px;
}
.form th, .form td{
padding:2px;
padding-top:3px;
empty-cells: show;
text-align:left;
vertical-align:middle;

}
.buyinfo h2{
background-color:#e4e3de;
background-color:#efefef;
border-top:#b0ada4 1px solid; 
border-bottom:#b0ada4 1px solid;
background-image:url(../images/raw01.gif);
background-position:5px 7px;
background-repeat:no-repeat;
margin:1px 1px 5px 1px;
padding:5px 5px 3px 20px;
font-size:13px;
}
.send{
border-top:#efefef solid 5px; 
padding-top:10px;
text-align:center;
clear:both;
}