/* 	
    區塊寬度、高度、背景圖、背景色、對齊方式
	width:650px;                                            寬度
 	height:265px;                                           高度
	background-color:#FFFFFF;                               背景色
 	background-image: url(images/clouds_1.jpg);             背景圖
    background-repeat:no-repeat;                            如果區塊有背景圖，不要重複
    background-position:center left;                        如果區塊有背景圖，置放位置為 中間 左邊
	float: left;                                            區塊靠左對齊(擇1使用)
	float: right;                                           區塊靠右對齊(擇1使用)
    
	
	
	文字樣式設定
	font-family: Verdana, Arial, Helvetica, sans-serif;     文字字體
    font-size: 12px;                                        文字字級
	color: #000000;                                         文字顏色
	font-weight: bold;                                      粗體字
    text-align: right;                                      區塊內文字對齊右方(改為left為對齊左方)
    
    
	區塊間距設定
	margin: 0px auto;                                       區塊間距上下左右為0(如設定auto為自動對齊中間)                                   
	margin-top: 10px;                                       區塊間距上為10px
	margin-right: 10px;                                     區塊間距右為10px
	margin-bittom: 10px;                                    區塊間距下為10px
	margin-left: 40px;                                      區塊間距左為40px
	
	
	區塊內距設定
	padding:5px;                                            區塊內距上下左右各5(如果只設定一個)
	padding-top: 4px;                                       單獨設定上方內距4px
	padding-right: 4px;                                     單獨設定右方內距4px
	padding-bottom: 4px;                                    單獨設定下方內距4px
	padding-left: 4px;                                      單獨設定左方內距4px
	
	
	區塊邊框線統一設定
	border: 1px solid #000000;                              所有邊框線都為1、實線、顏色為黑色
	
	區塊邊框線分別設定
	border-right-width: 1px;                                右方框線寬度1
	border-bottom-width: 1px;                               下方框線寬度1
	border-left-width: 1px;                                 左方框線寬度1
	
	border-top-style: none;                                 上方框線樣式為無                             
	border-right-style: dotted;                             右方框線樣式為點狀線
	border-bottom-style: dashed;                            下方框線樣式為虛線 
	border-left-style: solid;                               左方框線樣式為實線 
	
	border-right-color: #FF0000;                            右方框線顏色為紅 
	border-bottom-color: #00FF00;                           下方框線顏色為綠 
	border-left-color: #0000FF;                             左方框線顏色為藍 
	
	
	
	上、下、左、右、中間等名詞
	center                                                  中間
	top                                                     上方
	right                                                   右方
	bottom                                                  下方
	left                                                    左方
*/
/* */
body {
/* 網頁背景底圖設定*/
/* background-image: url(images/11.jpg);             背景圖*/
background-color: #FFFFFF;              背景色
/* 網頁捲軸顏色設定*/

SCROLLBAR-FACE-COLOR: #cccccc;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #999999;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #e3e3e3;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #999999;

/* 網頁邊界對齊設定*/
margin: 0px
}
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;   /* 網頁預設文字字體*/
	font-size: 12px;                                      /* 網頁文字大小將其預設為12級*/
	color: #4C4C4C;                                       /* 網頁文字顏色將其預設為黑色*/
}
/* 網頁超連結顏色設定*/
a:link,a:active,a:visited { color : #4C4C4C; }
a:hover { text-decoration: underline; color : #000000; }
hr { height: 0px; border: solid #000000 0px; border-top-width: 1px;}

.bodyline { background-color: #FFFFFF; border: 1px #FFFFFF solid; }

.forumline { background-color: #FFFFFF; border: 1px #84488C solid; }   /*forum.php頁面討論區外框線*/

td.row1 { background-color: #F8F8F8; }
td.row2 { background-color: #F8F8F8; }
td.row3 { background-color: #F8F8F8; }
td.aqua { background-image: url(images/cellpic3.gif); }
td.aqua1 { background-color: #EDF3FE; }
td.aqua2 { background-image: url(images/cellpic0.gif); }

td.rowpic {
background-color: #FFFFFF;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}

th {
color: #63605E; font-size: 13px; font-weight : bold;
background-color: #333333; height: 25px;
background-image: url(images/cellpic3.gif);
}
/* 討論區表格顏色設定*/
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/aquatbm.gif);
background-color:#600060; border: #FFFFFF; border-style: solid; height: 22px;
    font-size: 12px;                              
	color: #ffffff;                                     
}
/* 討論區forum頁面表格底線、文字設定*/
.forumtd_line {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #999999;
    font-size: 12px; 
	color: #000000;
    height: 30px;
}
/* 購物車商品表格左邊線*/
.forumtd_line_left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #F8F8F8; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 13px; border-width: 0px 0px 0px 0px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 0px 0px 0px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 0px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 0px; }
th.thBottom,td.catBottom { border-width: 0px 0px 0px 0px; }
th.thTop { border-width: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }

.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Arial Black",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #333333;
}

.loslogos {
font-size: 11px; font-family: "Arial",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; color : #FFFFFF;
}
.loslogos2 {
font-weight: bold; font-size: 12px; font-family: "Arial Black",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #FFFFFF;
}

.loslogosbig {
font-weight: bold; font-size: 22px; font-family: "Arial Black",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #FFFFFF;
}
/* 網頁文字設定*/
.gen { font-size : 13px; }
.genmed { font-size : 12px; }
.genmed2 { font-size : 12px;color : #ff0000; }
.genmed3 {
	color: #ff9933;
	font-weight: bold;
	font-size: 18px;
}
.genmed4 {font-size : 12px;color : #000000;}
.genmed4 {font-size : 10px;color : #2583d7;}
.genmed5 {font-size : 10px;color : #fea120;}
.genmed6 {font-size : 10px;color : #b53bff;}
.genmed7 {font-size : 10px;color : #eb6877;}
.gensmall { font-size : 11px; }
.gen,.genmed,.gensmall { color : #333333; }
a.gen,a.genmed,a.gensmall { color: #333333; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #446D8C; text-decoration: underline; }
/* 網頁主要按鈕列顏色設定*/
.mainmenu { font-size : 12px; color : #333333 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #333333; }

.aquamenu { font-size : 10px; color : #000000 }
a.aquamenu { text-decoration: none; color : #000000; }
a.aquamenu:visited { text-decoration: none; color : #000000; }
a.aquamenu:hover{ text-decoration: none; color : #333333; }

/* 網頁主要按鈕列顏色設定*/
.cattitle { font-weight: bold; font-size: 13px ; letter-spacing: 1px; color : #333333}
a.cattitle { text-decoration: none; color : #333333; }
a.cattitle:hover{ text-decoration: underline; }

.forumlink { font-weight: bold; font-size: 13px; color : #006699; }
a.forumlink { text-decoration: none; color : #333333; }
a.forumlink:hover{ text-decoration: underline; color : #DDE4EC; }

.nav { font-weight: bold; font-size: 12px; color : #333333;}
a.nav { text-decoration: none; color : #333333; }
a.nav:hover { text-decoration: underline; }

.topictitle { font-weight: bold; font-size: 12px; color : #333333; }
a.topictitle:link { text-decoration: none; color : #333333; }
a.topictitle:visited { text-decoration: none; color : #559EE2; }
a.topictitle:hover { text-decoration: underline; color : #DDE4EC; }

.name { font-size : 12px; color : #333333;}

.postdetails { font-size : 11px; color : #333333; }

.postbody { font-size : 13px;}
a.postlink:link { text-decoration: none; color : #333333 }
a.postlink:visited { text-decoration: none; color : #559EE2; }
a.postlink:hover { text-decoration: underline; color : #DDE4EC}

.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #006600;
background-color: #FFFFFF; border: #555555; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FFFFFF; border: #555555; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.copyright { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #333333; text-decoration: underline;}