@charset "utf-8";
/* Box Model Style
- *.*Common Style
- *.*BoxModel01 (相片Thumb Box)
- *.*BoxModel02 (資訊分享list)
- *.*BoxModel03 (產品種類table)
- *.*BoxModel04 (產品內容 / 購物流程>已購貨品list)
- *.*BoxModel05 (更多相關產品)
- *.*BoxModel06 (購物流程>登入box)
- *.*BoxModel07 (取貨方法>地址)
- *.*BoxModel08 (聯絡頁Contact List)
- *.*BoxModel09 (聯絡頁Map)
- *.*BoxModel10 (ShoppingStep3 登記頁)
- *.*BoxModel11 (最新資訊Listing)
- *.*BoxModel12 (送貨服務)
*/
/*========== *.*Common Style==========*/
/*---BoxHeader---*/
.boxHeader{
width: 100%;
height: 26px;
margin: 10px 0 10px 0;
border-left: 5px solid #C33;
border-bottom: 1px solid #C33;
}
.boxHeader img{
margin: 0 0 0 10px;
}
.boxHeader h2{
margin: 4px 0 0 5px;
}
/*---Button---*/
/*--Type 01--*/
.btnType01 a,
.btnType01 a:link,
.btnType01 a:visited{
width: 65px;
height: 45px;
color: #333;
text-align: center;
line-height: 45px;
background: url(../image/btn_bg_65x45.gif) top left no-repeat;
display: block;
}
.btnType01 a:hover,
.btnType01 a:active{
color: #666;
background: url(../image/btn_bg_65x45_hover.gif) top left no-repeat;
}
/*--Type 02--*/
.btnType02 a,
.btnType02 a:link,
.btnType02 a:visited{
width: 75px;
height: 24px;
color: #333;
text-align: center;
line-height: 24px;
background: url(../image/btn_bg_75x24.gif) top left no-repeat;
display: block;
}
.btnType02 a:hover,
.btnType02 a:active{
color: #666;
background: url(../image/btn_bg_75x24_hover.gif) top left no-repeat;
}
/*========== *.*BoxModel01==========*/
.boxModel01{
width: 180px;
background: url(../image/boxmodel_01_bg.gif) top right repeat-y;
margin: 0 0 15px 10px;
float: left;
}
.boxModel01 table.thumb{
width: 170px;
height: 170px;
background:#cc9;
border: 1px solid #e1e1e1;
display: block;
float: left;
}
.boxModel01 div.thumb table.img{
width: 160px;
height: 160px;
margin: 0 auto;
}
.boxModel01 h2{
font-size: 16px;
font-weight: bold;
line-height: 16px;
margin: 5px 0;
}
.boxModel01 h2 a,
.boxModel01 h2 a:link,
.boxModel01 h2 a:visited{
color: #666;
}
.boxModel01 h2 a:hover,
.boxModel01 h2 a:active{
color: #333;
}
.boxModel01 div.info{
width: 99%;
}
.boxModel01 div.info div.infoLeft{
width: 70px;
background: url(../image/boxmodel_01_bg.gif) top right repeat-y;
float: left;
}
.boxModel01 div.info div.infoRight{
width: 100px;
float: right;
}
.boxModel01 ul.list{
margin: 0 0 0 5px;
float: left;
}
.boxModel01 ul.list li{
margin: 0 0 2px 0;
}
.boxModel01 ul.list li.originalPrice{
color: #633;
text-decoration: line-through;
}
.boxModel01 ul.list li.currentPrice{
font-family: "Times New Roman", Times, serif;
font-size: 22px;
line-height: 22px;
color: #F90;
letter-spacing: 0em;
font-weight: bold;
}
/*========== *.*BoxModel02==========*/
.boxModel02{
/*
float: left;
width: 99%;*/
}
.boxModel02 p.date{
color: #333;
text-align: center;
}
.boxModel02 p.paragraph{
color: #666;
text-align: left;
margin: 0 0 10px 0;
}
.boxModel02 p.paragraph a{
color: #666;
}
/*========== *.*BoxModel03==========*/
.boxModel03 table{
}
.boxModel03 div.thumb img{ 
margin: 5px;
}
.boxModel03 th{
height: 24px;
background: #cc9 url(../image/boxmodel_04_table_header_bg.gif) top left repeat-x;
line-height: 24px;
font-weight: 100;
color: #e6e6ad;
text-align: center;
}
.boxModel03 td{
padding: 0 5px;
background: #e6e6ad;
border: 1px solid #ffc;
}
.boxModel03 tr{
text-align: center;
}
.boxModel03 div.btn img{
margin: 0 5px;
}
.boxModel03 p small a,
.boxModel03 p small a:link,
.boxModel03 p small a:visited{
color: #850202;
}
.boxModel03 p small a:hover,
.boxModel03 p small a:active{
color: #c10303;
}
/*========== *.*BoxModel04==========*/
.boxModel04{
/*
width: 99%;
margin: 0 0 10px 0;
float: left;*/
}
.boxModel04　div.boxHighlight h1,
.boxModel04　div.boxHighlight h2{
margin: 0 0 10px 0;
}
.boxModel04 h1{
font-size: 16px;
font-weight: bold;
margin: 0 0 10px 0;
}
.boxModel04 h3{
margin: 0 0 0 10px;
}
.boxModel04 table.productDetailsTable{
width: 99%;
}
.boxModel04 table.productDetailsTable td{
border: 1px solid #ffc;
padding: 5px;
}
.boxModel04 div.btnType01{
width: 65px;
margin: 10px auto;
}
.boxModel04 div.thumb{
text-align: center;
}
.boxModel04 div.thumb img{
margin: 10px 10px 10px 0;
}
.boxModel04 th{
background: #cc9;
color: #5b5b44;
font-size: 16px;
line-height: 18px;
font-weight: bold;
text-align: center;
}
.boxModel04 td{
background: #e6e6ad;
}
.boxModel04 tr{
}
.boxModel04 div.boxHighlight{
background: #ffc;
padding: 10px;
margin: 10px;
}
.boxModel04 div.description h1{
font-size: 16px;
font-weight: bold;
margin: 5px 0 20px 0;
}
.boxModel04 div.description p{
margin: 0 0 10px 0;
}
.boxModel04 ul.productInfoList{
margin: 15px 0 0 5px;
}
.boxModel04 ul.productInfoList li{
margin: 0 0 5px 0;
background: url(../image/bullet_01.gif) top left no-repeat;
padding: 0 0 0 18px;
}
.boxModel04 ul.productInfoList li a,
.boxModel04 ul.productInfoList li a:link,
.boxModel04 ul.productInfoList li a:visited{
color: #5b5b44;
}
.boxModel04 ul.productInfoList li a:hover,
.boxModel04 ul.productInfoList li a:active{
color: #333;
}
.boxModel04 ul.productPriceList{
margin: 0 0 20px 15px;
}
.boxModel04 ul.productPriceList li{
margin: 0 15px 15px 0;
line-height: 16px;
padding: 0 0 0 18px;
display: block;
float: left;
}
.boxModel04 ul.productPriceList li.price{
background: url(../image/icon_price.gif) top left no-repeat;
}
.boxModel04 ul.productPriceList li.comment{
background: url(../image/icon_comment.gif) top left no-repeat;
}
/*========== *.*BoxModel05==========*/
.boxModel05{
/*
margin: 10px 0;
float: left;
width: 99%;
border: 4px solid #cc9;*/
}
.boxModel05 td{
padding: 5px;
}
.boxModel05 h2{
color: #8e0101;
font-weight: 100;
}
.boxModel05 table.itemBox{
width: 170px;
margin: 0 10px 10px 0;
display: block;
float: left;
}
.boxModel05 table.itemBox h5 {
text-align: center;
font-weight: 100;
} 
/*========== *.*BoxModel06==========*/
.boxModel06{
margin: 10px 0 0 0;
/*
float: left;
width: 99%;*/
}
.boxModel06 table.loginBox{
width: 98%;
background: #e6e6ad;
float: left;
}
.boxModel06 table.signUpBox{
width: 98%;
float: right;
}
.boxModel06 p.tips{
font-size: 10px;
color: #9d9d9d;
margin: 5px 0;
}
html>body .boxModel06 p.tips{
font-size: 11px;
}
/*========== *.*BoxModel07==========*/
.boxModel07{
/*
width: 99%;
margin: 10px 0 0 0;
color: #666;
float: left;*/
}
.boxModel07 th{
color: #8e0101;
font-weight: 100;
}
.boxModel07 td{
border-bottom: 1px solid #ffc;
}
.boxModel07 td.title{
background: #e6e6e6;
}
.boxModel07 td.content{
background: #fff;
padding: 0 0 0 10px;
}
.boxModel08{
	width: 100%;
	display: block;
	background: #e6e6ad;
	border: 4px solid #cc9;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.boxModel08 h2{
color: #8e0101;
font-weight: 100;
margin: 0 0 0 10px;
}
.boxModel08 textarea{
	width: 350px;
}
.boxModel08 form{
margin: 0;
}
/*========== *.*BoxModel09==========*/
.boxModel09 table{
/*
float: left;
width: 99%;*/
}
.boxModel09 table th{
height: 24px;
background: #cc9 url(../image/boxmodel_04_table_header_bg.gif) top left repeat-x;
line-height: 24px;
font-weight: 100;
color: #e6e6ad;
text-align: center;
}
.boxModel09 table td{
padding: 0 5px;
background: #e6e6ad;
}
.boxModel09 table tr{
text-align: center;
}
.boxModel09 div.btn img{
margin: 0 5px;
}
.boxModel09 h1{
margin: 10px 0 5px 0;
font-weight: bold;
}
.boxModel09 p{
margin: 0 0 5px 0;
}
.boxModel09 small{
margin: 10px 0;
}
.boxModel09 p small a,
.boxModel09 p small a:link,
.boxModel09 p small a:visited{
color: #850202;
}
.boxModel09 p small a:hover,
.boxModel09 p small a:active{
color: #c10303;
}
/*========== *.*BoxModel10==========*/
.boxModel10 table{
/*
float: left;
width: 100%;
margin: 0 10px;
*/
}
.boxModel10 h2{
font-weight: bold;
color: #850202;
margin: 0 10px 5px 0;
padding: 0;
}
.boxModel10 p.instruction{
margin: 0 10px 15px 0;
}
/*========== *.*BoxModel11==========*/
.boxModel11 table{
/*
width: 100%;
*/
}
.boxModel11 h2{
font-weight: bold;
color: #850202;
margin: 0 10px 5px 0;
padding: 0;
}
.boxModel11 p{
margin: 0 10px 15px 0;
}
.boxModel11 p.date{
font-size: 10px;
}
.boxModel11 p a,
.boxModel11 p a:link,
.boxModel11 p a:visited,
.boxModel11 p a:hover,
.boxModel11 p a:active{
color: #333;
}
.boxModel11 div.thumbLeft{
float: left;
margin: 0 10px 10px 0;
}
.boxModel11 div.thumbRight{
float: right;
margin: 0 0 10px 10px;
}
.boxModel11 h1{
font-size: 16px;
line-height: 20px;
margin: 0 0 10px 0;
}
.boxModel11 p.newsContentDate{
font-size: 10px;
margin: 0 0 10px 0;
}
/*========== *.*BoxModel11==========*/
.boxModel12{
}
.boxModel12 th{
height: 24px;
background: #F00 url(../image/boxmodel_04_table_header_bg.gif) top left repeat-x;
line-height: 24px;
font-weight: 100;
color: #e6e6ad;
text-align: center;
}
.boxModel12 td{
background: #e6e6ad;
border: 1px solid #ffc;
}
.boxModel12 ul.additional{
margin: 10px;
}
.boxModel12 ul.additional li{
text-align: left;
font-size: 10px;
color: #666;
margin: 0 0 2px 0;
}
.boxModel12 ul.terms{
margin: 0 0 10px 10px;
}
.boxModel12 ul.terms li{
text-align: left;
margin: 0 0 2px 0;
background:url(../image/bullet_01.gif) top left no-repeat;
padding: 0 0 0 18px;
}