﻿/* Web 應用程式專案的預設 CSS 樣式表 */

BODY
{
	color: #000000;
	background-color: #ffffff;
	font-size:12px;
	padding:0px;
	margin:2px;	 
}

.loginuser
{
	font-size: 12px;
	color: #cc0000;
	font-family: Arial, 'Times New Roman' , 新細明體;
}

.title01
{
	font-weight: bold;
	font-size: 13px;
	color: #ff0066;
	font-family: Arial, 'Times New Roman' , 新細明體;
}

.tabtr01
{
	font-size: 12px;
	color: #6600FF;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #e3c262;
}
.tabtr011
{
	font-size: 12px;
	color: #6600FF;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #ffcc99;
	font-weight: bold;
}

.tabtr02
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FFFFFF;
}

.tabtr03
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FBF7E5;
}

.tabtr04
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FFFFFF;
	line-height: 25px;
}

.tabtr05
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FFDEAD;
	line-height: 25px;
}

.bg01
{
    background-color:#33cc66;
}

.border01
{
    /*border-color:#33cc66;    
    border-collapse:collapse;*/
    border:1px solid #33cc66;
    border-collapse:collapse;
}

/* 共用的 CSS */
TABLE
{
    font-size:12px;
}

a 
{
	text-decoration: none;
	color:Blue;
}
a:visited {color:Blue; text-decoration:none}

a:hover
{
	position: relative;
	left: 1px;
	top: 1px;
	color: blue;
}


/* 一些連結的 CSS*/

A.RedLink 
{
	text-decoration:none;
	color:red;
}
A.RedLink:hover
{
	color:Blue;
}

/* 給 Record Editor 用的 Class */

.TitleTD
{
	font-size: 12px;
	color: mediumblue;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #e3c262;
	text-align: center;
	width: 90px;
}

/* 很奇怪，有些 CSS 會認大小寫，有些不會 ..*/
.titleTD
{
	font-size: 12px;
	color: mediumblue;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #e3c262;
	text-align: center;
	width: 90px;
}

.SeperatorTitle
{
	font-size: 12px;
	color: #6600FF;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #e3c262;
	text-align:center;
}

.BannerTD
{
	font-size: 12px;
	color: #6600FF;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #e3c262;
	text-align:center;
}


.InputTD
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FFFFFF;
	height:23px;
	padding:3px;
}


DIV.title 
{
	BORDER-RIGHT: gold groove; 
	BORDER-BOTTOM: gold groove; 
	width:160px;
	height:20px;
	font-weight: bold;
	font-size: 13px;
	color: #ff0066;
	font-family: Arial, 'Times New Roman' , 新細明體;
	text-align:right;
	padding:3px;
}

TABLE.n
{
	background-color:#f8eaad; 
	width:800px;
	font-size: 12px;
}

TH.n
{
	font-size: 12px;
	color: #6600FF;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #e3c262;
	height:26px;
	text-align:center;
}

TD.Header
{
    font-size: 12px;
	color: #6600FF;
	line-height: 20px;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #e3c262;
	height:26px;
	text-align:center;
	font-weight:bold;
}

TD.n
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FFFFFF;
	height:23px;
	padding:3px;
}


TD.n1
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FFFFFF;
	height:23px;
	padding:3px;	
}

TD.n2
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FBF7E5;
	height:23px;
	padding:3px;	
}

TR.n1
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FFFFFF;
	height:23px;
	padding:3px;	
	text-align:center;
}

TR.n2
{
	font-size: 11px;
	color: #000000;
	font-family: Arial, 'Times New Roman' , 新細明體;
	background-color: #FBF7E5;
	height:23px;
	padding:3px;
	text-align:center;
}

.OrderTableTD
{
	padding: 8px;
	vertical-align:top;
}

/* 類別目錄用 */
.CategoryMenu
{
    border:solid 1px black;
}

.MenuTitle
{
    background-color:#A3D8F9;
    padding:2px;
    margin:2px;
}

.RootMenu
{
    background:#CCFFFF;
    width:140px;
    position:relative;
    left:5px
}

.SubMenu
{
    background:#CCFFFF;
    width:90px;
    display:none;
    position:absolute;
    left:80px;
    z-index:100;
    border-left:solid 1px #FFFFFF;
}

.MenuItem 
{
    width:100%;
    border-bottom:solid 2px #FFFFFF;
}
	
.clsMenu 
{
    display: none; 
    margin-left:12px;
}

.Menu 
{ 
    background-color: #FFFFFF; 
    color: #363636; 
    border: solid 1px; 
    font-size:12px;
    margin-bottom:2px;
}

/* 購物區用 */
.cart-01-bl-title {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
}

.cart-02-bl-s {
	font-family: "新細明體";
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
}

.cart-03-ora-s {
	font-family: "新細明體";
	/*font-size: 11px;*/
	font-size: 20px;
	line-height: 13px;
	font-weight: normal;
	color: #FA741F;
	letter-spacing: 1px;
}

.cart-05-title {
	font-family: "新細明體";
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color:Green;
	letter-spacing: 1px;
}

#divItems{
    scrollbar-face-color: #ffffff;
    overflow-x: hidden;
    scrollbar-highlight-color: #33cc66;
    overflow: scroll;
    width: 482px;
    scrollbar-shadow-color: #33cc66;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #33cc66;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    height: 385px
}
.form-mem-01-pink {
	height: 20px;
	border: 1px solid #FF5699;
	margin: 0px;
	padding: 0px;
}

/*購物車-加購區*/
.cart_Add_01_title {
	font-family: "新細明體";
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
}
.cart_Add_02_ProdTitle {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
}
.cart_Add_02_ProdTitle_Gray {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	letter-spacing: 1px;
}
.cart_Add_03_WebPrice_del{
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #000000;
	letter-spacing: 1px;
	text-decoration: line-through;
}
.cart_Add_03_WebPrice_del_Gray {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #999999;
	letter-spacing: 1px;
	text-decoration: line-through;
}
.cart_Add_04_AddPrice {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #947141;
	letter-spacing: 1px;
}
.cart_Add_04_AddPrice_Gray {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #999999;
	letter-spacing: 1px;
}
.cart_Add_05_Intro {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	letter-spacing: 1px;
}
.cart_Add_05_Intro_Gray {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #999999;
	letter-spacing: 1px;
}
.cart_Add_Pic {border:1px dashed #C0C0C0;}
.cart_Add_Qty {
	height: 20px;
	border: 1px solid #947141;
	margin: 0px;
	padding: 0px;
}
/*產品列表*/
.ProdListPic {border:1px dashed #E1E1E1;}

/*產品問答*/
.QNAAsk{ background-color: #FFCACA; font-family: "新細明體"; font-size: 13px; color: #333333; letter-spacing: 1px; }
.QNAAsker{ TEXT-DECORATION:underline;}
.QNAResponse{ background-color: #FFE6E6; color: #333333; }
/*討論區*/
.DisHeader{ background-color: #FFCB8C; font-family: "新細明體"; font-size: 13px; color: #0B4C82; letter-spacing: 1px; line-height:20px; }
/*首頁跑馬燈*/
.divMarquee{/* background-image:url('/images/test.gif'); background-color: #FFCB8C;  color: #0B4C82;*/
	  border:1px dotted #EFEFEF; font-family: "新細明體"; font-size: 13px; letter-spacing: 1px; line-height:20px; }
/*佈告欄*/
/*標題*/
.B_Subject {font-size: 18px; font-family: "新細明體"; font-weight: bold; line-height:35px; }
.tbl_dotted{border:1px dotted #E1E1E1;}
.bg01{ background-color:#EFEFEF;}
.txt01 { line-height:30px;}
.txt02 { line-height:16px;}

button.n { font-size: 12px; line-height:15px; width:100px; height:23px;}

/*匯款通知*/
.BgGreen { background-color: #006600;}
.txtGreen { color: #006600; font-size: 16px;}
.txtRed { color: #CC0000; font-size: 16px;}
.txtTitle { color: #006600; font-size: 32px; font-family: 標楷體; font-weight: bold;}
