@charset "utf-8";
/* CSS Document */
body {
	background-color:#D8D8D8;
	margin-left:0px;
	margin-top:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體, 細明體;
}


a:link {
	color:#000000;
}
a:visited {
	color:#000000;
}
a:hover {color: #FF6600; text-decoration: none}

form {
	margin: 0 0 0 0;
}
table {
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體, 細明體;
	font-size:12px;
}


/* menutop 上方選單連結樣式*/
/* 英文字*/
.menutop_en {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
/*
.menutop_en:link {
	color: #000000;
	text-decoration: none;
}
.menutop_en:hover {
	color: #ff6600;
	text-decoration:none;
}
*/

.menutop {
	font-family: Verdana, Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體, 細明體;
	color: #000000;
	text-decoration: none;
	font-size:12px;
}

.menutop:link {
	color: #000000;
	text-decoration: none;
}
.menutop:visited {
	color: #000000;
	text-decoration: none;
}
.menutop:active {
	color: #000000;
	text-decoration: none;
}
.menutop:hover {
	color: #ff6600;
	text-decoration:none;
}

/*預設的DIV樣式是無邊界, 因為在 firefox會出現邊界*/
div {
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體, 細明體;
	border:none;
}

input {
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體, 細明體;
}
select {
	font-family: "Verdana","新細明體";
	font-size: 9pt;
	color: #000000;
}

/*上傳時，選取相片*/
.btn_SelectImage_on {
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/selimage_on.png);   
  	vertical-align:   middle;
	width: 108px;
	height: 38px;
	cursor: pointer;
}

.btn_SelectImage_off {
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/selimage_off.png);   
  	vertical-align:   middle;
	width: 108px;
	height: 38px;
	cursor:default;
}

/*開始上傳 */
.btn_UploadImage_on {
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/upimage_on.png);   
  	vertical-align:   middle;
	width: 108px;
	height: 38px;
	cursor: pointer;
}

.btn_UploadImage_off {
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/upimage_off.png);   
  	vertical-align:   middle;
	width: 108px;
	height: 38px;
	cursor:default;
}


/*取消上傳 */
.btn_CancelUpload_on {
	border:none;
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/upcancel_on.png);   
  	vertical-align:   middle;
	width: 106px;
	height: 34px;
	cursor: pointer;
}

.btn_CancelUpload_off {
	border:none;
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/upcancel_off.png);   
  	vertical-align:   middle;
	width: 106px;
	height: 34px;
	cursor:default;
}


/*上傳時，下一步按鈕的變化*/
.btn_Next_on {
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/next_on.gif);   
  	vertical-align:   middle;
	width: 135px;
	height: 45px;
	cursor: pointer;
}

.btn_Next_off {
	border-width: 0px;
	background:none;
  	background-image:   url(/tw/minicard/images/next_off.gif);   
  	vertical-align:   middle;
	width: 135px;
	height: 45px;
	cursor:default;
}

/*登入按鈕樣式*/
.ButtonLogin {
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體, 細明體;
	font-size:11px;
	border-style:solid;
	border-width:1px;
	padding-top: 2px;
	cursor:pointer;
}

/*上傳的區塊邊框*/
.UploadBox {
	border-style: dashed;
	border-color: #808080;
	border-width:1px;
}

/*上傳提示的區塊*/
.UploadHint {
	color:#000000;
	font-size:10pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;

}
/*上傳提示的區塊，上傳清單顯示時要靠左*/
.UploadHintLeft {
	color:#666666;
	font-size:10pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
}

/*上載提示移除的樣式*/
.upload-remove:link {
	color: #336699;
	text-decoration: none;
}
.upload-remove:visited {
	color: #336699;
	text-decoration: none;
}
.upload-remove:active {
	color: #336699;
	text-decoration: none;
}
.upload-remove:hover {
	color: #990000;
	text-decoration:underline;
}

/*上傳瀏覽樣式*/
.fileInput {
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體, 細明體;
	font-size:13px;
}

/*上傳清單的檔案物件要樣式，要隱藏看不到*/
.upFiles {
	/*visibility:hidden;*/
	display:none;
}


/*上傳資訊區*/
.upInfo {
	font-size:10pt;
	color:#FF6600;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;

}
/* 上傳資訊區 - 數字 */
.upInfo-number {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#FF6600;

}

/* 裁圖區  Begin ------------------------------ */
/* 圖片ID- 數字 */
.photo-crop-number {
	/*font-family:Arial, Helvetica, sans-serif;*/
	background-color:#FF6600;
	font-size:11pt;
	color:#000000;
}

.photo-crop-title {
	/*font-family:Arial, Helvetica, sans-serif;*/
	background-color:#F0F0F0;
	font-size:10pt;
	color:#000000;
	height: 25px;
}

/*移除本張圖片*/
.photo-remove {
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
	font-size:10px;
	height: 20px;
	margin-top:2px;
}

.photo-crop-checkbox {
	font-size:10pt;
	color:#666666;
}

/* 上傳資訊區 - background */
/* 圖片選取 */
.sel-on {
	background-color:#FFFFFF;

}
/* 圖片選取 */
.sel-off {
	background-color:#eeeeee;
}

/*upload-2.php 下方總計的資訊*/
.crop-info {
	color:#FF6600;
	font-family:Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
	font-size:10pt;
}


/*upload-3.php 上方顏色的mouse樣式*/
.color-over {
	border:solid;
	border-width:1px;
	border-color:#999999;
	cursor:pointer;
}
.color-out {
	border:solid;
	border-width:1px;
	border-color:#ffffff;
	cursor:pointer;
}

/*upload-3.php 文字框樣式*/
.mfilltext {
	border:1px solid #C0C0C0;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 210px;
}

/*upload-3.php 加粗字體的樣式*/
.mfilltext-bold {
	color: #666666;
	font-size: 9pt;
}

/*upload-3.php 預覽第一行字體的樣式*/
.minicard-preview-1 {
	font-size: 10pt;
}
.minicard-preview-2 {
	font-size: 9px;
}
.minicard-preview-3 {
	font-size: 9px;
}
.minicard-preview-4 {
	font-size: 8px;
}
.minicard-preview-5 {
	font-size: 8px;
}
.minicard-preview-6 {
	font-size: 7px;
}

/*upload-3.php 下方logo的mouse樣式*/
.logo-over {
	border:solid;
	border-width:2px;
	border-color:#999999;
	cursor:pointer;
}
.logo-out {
	border:solid;
	border-width:2px;
	border-color:#ffffff;
	cursor:pointer;
}

/*member-add.php*/
.fillTxt {
	font-family: "Verdana","新細明體";
	font-size: 9pt;
	color: #686868;
}
/*文字欄位*/
.fillField {
	border-width:1px;
	border-color:#c0c0c0;
	border-style:solid;
	color:#686868;
	font-size: 9pt;
}
/*table under line 表格列下方的底線*/
.field-line {
	BORDER-BOTTOM: #e4e4e4 1px dotted;
}

/*付款流程 cart_pay1.php*/
/*正在此付款階段*/
.pay_flow_step_on {
	font-family: "Verdana","新細明體";
	font-size: 9pt;
	color: #ffffff;
	background-color:#000000;
	text-align:left;
}
/*不在此付款階段*/
.pay_flow_step_off {
	font-family: "Verdana","新細明體";
	font-size: 9pt;
	color: #666666;
	background-color:#CCCCCC;
	text-align:left;
}

/* 訂單金額 - 數字 */
.order-total {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#FF6600;
}
.order-print-title {
	font-family: "Verdana","新細明體";
	font-size:14pt;
	font-weight:bold;
	color:#000000;
	background-color:#999999;

}

/* 相關連結左邊的說明標題*/
.div_news_title {
	line-height: 23px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
	font-size:13px;
}
.div_news_list {
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;
	color:#666666;
	font-size:13px;
}