/* 
---------------------------------------------------------------
m  開頭為程式模組專用樣式 
	 如 #m-product
	
   銜接於ID標籤內的樣式，表達方式，以#m-product為例，取#m-之後的第一個英文單字
	 如.dp-list

  全部樣式皆可自由更改，但皆不得刪除，以免造成網站變形  
---------------------------------------------------------------
---------------------------------------------------------------
start 購物模組 model basket
--------------------------------------------------------------- 
*/
#m-basket {
	text-align: left;
}
.mb-title {
	margin: 0px 0px 5px;
	border: 1px solid #CCCCCC;
	height: 25px;
}
.mb-title h3{
	text-align: left;
	background: url(images/model/icon.gif) no-repeat left center;
	padding-left: 22px;
}
.mb-title span{
	color: #FF0000;
}
#mb-list {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mb-list th {
	text-align: center;
	font-size: 13px;
	background: #ECE9D8;
	padding: 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	height: 20px;
}
#mb-list td {
	text-align: center;
	line-height: 25px;
	padding: 5px 0px;
	border-bottom: 1px solid #CCCCCC;
}
#mb-order {
	font-size: 13px;
}
#mb-order table{
	margin: 0px 0px 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mb-order th {
	text-align: right;
	background: #ECE9D8;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
}
#mb-order td {
	text-align: left;
	line-height: 25px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
}
/* 
---------------------------------------------------------------
  end   購物模組 model basket
---------------------------------------------------------------
---------------------------------------------------------------
  start 表單模組 model contact
--------------------------------------------------------------- 
*/
#m-contact {
	line-height: 25px;
}
#m-contact .title {
	text-align: left;
	background: url(images/model/icon.gif) no-repeat left center;
	padding-left: 22px;
	height: 25px;	
}
#m-contact table{
	margin: 0px 0px 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#m-contact th {
	text-align: right;
	background: #ECE9D8;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
}
#m-contact td {
	text-align: left;
	line-height: 25px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
}
/* 
---------------------------------------------------------------
  end   表單模組 model contact
---------------------------------------------------------------
---------------------------------------------------------------
  start 內容模組 model content
--------------------------------------------------------------- 
*/
#mc-label {
	background: url(images/model/mc_label_bg.gif); 
	height: 30px;
}
#mc-label .over {
	color: #FFFFFF;
	text-align: center;
	float: left;
	background: url(images/model/mc_label_over.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
#mc-label .out {
	color: #996600;
	font-weight: bold;
	text-align: center;
	float: left;
	background: url(images/model/mc_label_out.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
#mc-news {
	letter-spacing: 1px;
	background:#fcf9f2;
}
#mc-news ul {
	margin: 0px;
}
#mc-news li {
	background: url(images/model/icon.gif) no-repeat left center;
	padding-left: 22px;
}
.mc-title {
	margin: 0px 0px 5px;
	border: 1px solid #CCCCCC;
	height: 25px;
}
.mc-title h3{
	text-align: left;
	background: url(images/model/icon.gif) no-repeat left center;
	padding-left: 22px;
}
.mc-title span{
	color: #FF0000;
}
#mc-list {
	line-height: 25px;
}
#mc-list hr {
	color: #CC0000;
}
#mc-list span{
	color: #FF0000;
}
#mc-list .title{
	color:#CC6600;
	background: #F0F9FF;
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #CEEAFD;
}
#mc-list .image {
	float: left;
	padding: 5px;
	margin-bottom: 5px;
	height: 100px;
	width: 100px;
}
#mc-list .description {
	float: left;
	padding: 5px;
	margin-bottom: 5px;
}
#mc-list .bottom{
	color: #AAAAAA;
	font-size: 11px;
	text-align: right;
}
#mc-content {
	line-height: 25px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
}
#mc-content h1{
	font-size: 16px;
	color: #000000;	
}
/* 
---------------------------------------------------------------
  end   內容模組 model content 
---------------------------------------------------------------
---------------------------------------------------------------
  start 論壇模組 model forum
--------------------------------------------------------------- 
*/
#mf-label {
	background: url(images/model/mf_label_bg.gif); 
	height: 30px;
}
#mf-label .over {
	color: #FFFFFF;
	text-align: center;
	float: left;
	background: url(images/model/mf_label_over.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
#mf-label .out {
	color: #003399;
	font-weight: bold;
	text-align: center;
	float: left;
	background: url(images/model/mf_label_out.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
#mf-news {
	letter-spacing: 1px; 
	background:#d4f0ff;
}
#mf-news ul {
	margin: 0px;
}
#mf-news li {
	background: url(images/model/icon.gif) no-repeat left center;
	padding-left: 22px;
}
.mf-title {
	font-weight: bold;
	text-align: left;
	background: url(images/model/icon.gif) no-repeat left center;
	padding-left: 22px;
	height: 25px;	
}
.mf-title span{
	color: #FF0000;
}
#mf-index {
	background:#EEEEEE;
}
#mf-list {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mf-list th {
	font-size: 13px;
	text-align: left;
	background: #ECE9D8;
	padding: 5px ;
	border-bottom: 1px solid #CCCCCC;
	height: 20px;
}
#mf-list td {
	text-align: left;
	line-height: 25px;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
#mf-subject {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mf-subject th {
	font-size: 13px;
	text-align: left;
	background: #ECE9D8;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	height:20px;
}
#mf-subject td {
	text-align: left;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
#mf-form {
	line-height: 25px;
	margin: 0px 0px 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mf-form th {
	text-align: right;
	background: #ECE9D8;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
}
#mf-form td {
	text-align: left;
	line-height: 25px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
}
.mfs-title {
	text-align: center;
	font-weight: bold;
	background: #ECE9D8;
	padding: 5px 0px 0px;
	margin: 0px 0px 1px;
	border-bottom: 1px solid #CC6600;
	height: 20px;
}
#mfs-content {
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
}
#mfs-content th {
	vertical-align: top;
	text-align: left;
	width: 90px;
	padding: 5px;
}
#mfs-content td {
	vertical-align: top;
	text-align: left;
	background: #EEEEEE;
	padding: 5px;
}
.mfr-title {
	text-align: center;
	font-weight: bold;
	background: #ECE9D8;
	padding: 5px 0px 0px;
	margin: 0px 0px 1px;
	border-bottom: 1px solid #CC6600;
	height: 20px;
}
#mfr-content {
	border: 1px solid #CCCCCC;
}
#mfr-content th {
	vertical-align: top;
	text-align: left;
	width: 100px;
	padding: 5px;
}
#mfr-content td {
	vertical-align: top;
	text-align: left;
	background: #EEEEEE;
	padding: 5px;
}
/* 
---------------------------------------------------------------
  end   論壇模組 model forum
---------------------------------------------------------------
---------------------------------------------------------------
  start 會員模組 model member
--------------------------------------------------------------- 
*/
#mm-label {
	background: url(images/model/mm_label_bg.gif);
	height: 30px;
}
#mm-label .over {
	color: #FFFFFF;
	text-align: center;
	float: left;
	background: url(images/model/mm_label_over.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
#mm-label .out {
	color: #003399;
	font-weight: bold;
	text-align: center;
	float: left;
	background: url(images/model/mm_label_out.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
.mm-title {
	font-weight: bold;
	text-align: left;
	background: url(images/model/icon.gif) no-repeat left center;
	padding-left: 22px;
	height: 25px;	
}
.mm-title span{
	color: #FF0000;
}
#mm-entry {
	line-height: 35px;
	text-align: center;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#mm-form {
	line-height: 25px;
	padding: 5px;
	margin: 0px 0px 5px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#mm-form h3{
	font-size: 14px;
	background: url(images/model/icon.gif) no-repeat left center;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 5px;
}
#mm-form table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mm-form th {
	text-align: right;
	background: #ECE9D8;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	width: 100px;
}
#mm-form td {
	text-align: left;
	line-height: 25px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
}
#mm-order {
	line-height: 25px;
	padding: 5px;
	margin: 0px 0px 5px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#mm-order h3{
	font-size: 14px;
	background: url(images/model/icon.gif) no-repeat left center;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 5px;
}
#mm-order span{
	color: #FF0000;
}
#mm-order table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mm-order th {
	text-align: right;
	background: #ECE9D8;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	width: 100px;
}
#mm-order td {
	text-align: left;
	line-height: 25px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
}
#mm-coupon {
	line-height: 25px;
	padding: 5px;
	margin: 0px 0px 5px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#mm-coupon h3{
	font-size: 14px;
	background: url(images/model/icon.gif) no-repeat left center;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 5px;
}
#mm-coupon span{
	color: #FF0000;
}
#mm-coupon table {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mm-coupon th {
	text-align: right;
	background: #ECE9D8;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	width: 100px;
}
#mm-coupon td {
	text-align: left;
	line-height: 25px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
}
/* 
---------------------------------------------------------------
  end   會員模組 model member
---------------------------------------------------------------
---------------------------------------------------------------
  start 商品模組 model product
--------------------------------------------------------------- 
*/
#m-product {
	line-height: 24px;
}
#m-product .link{
	color: #000000;
	text-align: left;
	float: left;
	background: url(images/model/mp_link.gif) repeat-x;
	border: 1px solid #B2E0F7;
	padding: 3px;
	margin: 0px 0px 5px 2px;
}
#m-product .hover {
	color: #FF0000;
	text-align: left;
	float: left;
	background: url(images/model/mp_hover.gif) repeat-x;
	border: 1px solid #a4bd27;
	padding: 3px;
	margin: 0px 0px 5px 2px;
}
#m-product .mp-left{
	float: left;
	border:solid #CCCCCC 1px;
	padding: 5px;
	width:50%;
}
#m-product .mp-right{
	float: left;
	padding: 5px;
	width:45%;
}
#mp-label {
	background: url(images/model/mp_label_bg.gif); 
	height: 30px;
}
#mp-label .over {
	color: #FFFFFF;
	text-align: center;
	float: left;
	background: url(images/model/mp_label_over.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
#mp-label .out {
	color: #003399;
	font-weight: bold;
	text-align: center;
	float: left;
	background: url(images/model/mp_label_out.gif);
	padding: 2px 0px 0px;
	height: 28px;
	width: 85px;
	cursor:pointer;
}
#m-product .mp-detail{
	text-align: left;
	clear: both;
	padding: 5px 0px;
}
#m-product .mp-content{
	font-weight: bold;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#mp-forum .title{
	font-weight: bold; 
	background:#FFFFCC; 
	padding: 3px 0px 0px 5px; 
	margin-top:5px; 
	border-bottom:#FF9900 solid 1px;
}
#mp-forum .title h3{
	font-size: 14px;
	background: url(images/model/icon.gif) no-repeat left center;
	padding: 0px 0px 0px 25px;
}
#mp-correlate .title{
	font-weight: bold; 
	background:#FFFFCC; 
	padding: 3px 0px 0px 5px; 
	margin-top:5px; 
	border-bottom:#FF9900 solid 1px;
}
#mp-correlate .title h3{
	font-size: 14px;
	background: url(images/model/icon.gif) no-repeat left center;
	padding: 0px 0px 0px 25px;
}
/* 
---------------------------------------------------------------
  end   商品模組 model product
---------------------------------------------------------------
---------------------------------------------------------------
  以下為菜單、分頁連結樣式
--------------------------------------------------------------- 
*/
/* start 彈出式選單 */
#m-bomb, #m-bomb ul {
	margin: 0;
	list-style: none;
}
#m-bomb a {
	display: block;
}
#m-bomb a.trigger {
	margin: 0;
}
#m-bomb ul a:hover {
	background: #606060 !important;
	color: #FFFFFF !important;
}
#m-bomb li {
	float: left;
}
#m-bomb li ul, #m-bomb ul li  {
	text-align: left;
	width: 150px;
}
#m-bomb ul li a  {
	color: #666666;
	font-weight: bold;
	padding: 5px;
}
#m-bomb li ul {
	position: absolute;
	display: none;
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#m-bomb li:hover a, #m-bomb a:focus, #m-bomb a:active, #m-bomb li.bomb a {
	background: #FFFFFF;
}
#m-bomb li:hover ul, #m-bomb li.bomb ul {
	display: block;
}
#m-bomb li:hover ul a, #m-bomb li.bomb ul a {
	background: transparent;
}
/* end   彈出式選單 */
.m-crumb {
	color: #999999;
	font-size: 11px;
	text-align: right;
}
.m-crumb a {
	color: #999999;
	text-decoration: underline;
}
.m-crumb a:hover {
	color: #FF0000;
}
#record {
	font-weight: bold;
}
#record .number{
	color: #FF0000;
}
#pagination {
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	margin: 0px 0px 5px;
}
#pagination .navigation {
	float: left;
	overflow: hidden;
	background: #EEEEEE;
	padding: 0px 3px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #999999;
	height: 20px;
}
#pagination .list{
	float: left;
	overflow: hidden;
	background: #EEEEEE;
	padding: 0px 6px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #999999;
	height: 20px;
}
#pagination .hover{
	color: #999999;
	float: left;
	overflow: hidden;
	background: #CCCCCC;
	padding: 0px 6px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #990000;
	height: 20px;
}
/* 
---------------------------------------------------------------
  以上為菜單、分頁連結樣式
---------------------------------------------------------------  
---------------------------------------------------------------
  以下為表單樣式
--------------------------------------------------------------- 
*/
.button{
	font-size: 11px;
	color: #666666;
	background: url(images/model/button.gif) no-repeat;
	margin-top: 5px;
	margin-right: 3px;
	margin-left: 3px;
	height: 25px;
	width: 60px;
	border: 0;
	cursor:pointer;
}
.text{
	font-size: 11px;
	color: #666666;
	border: 1px solid #CCCCCC;
}
/* 
---------------------------------------------------------------
  以上為表單樣式
---------------------------------------------------------------  
*/