﻿@charset "utf-8";
body
{
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #666666;
	font-family: "新細明體";
	font-size: 12px;
	line-height: 160%;
	text-decoration: none;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
	SCROLLBAR-3DLIGHT-COLOR:    #FFFFFF; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #FFFFFF; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #4C1A36; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #FFFFFF; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #FFFFFF; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #FFFFFF; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #FFFFFF; /*面板底色*/ 
}

p
{
	font-size: 15px;
	color: #979797;
	line-height: 1.8em;
}

h1
{
	font-size: 20px;
	color: #888888;
	font-weight: bold;
}

#container
{
	width: 952px;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(/Images/main_bg.gif);
	background-repeat: repeat-y;
} 

#containerTop
{
	background-image: url(/Images/main_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
}

#sidebar1
{
	float: left; /* 因為這個元素是浮動元素，所以您必須指定寬度 */
	width: 216px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}

#mainContent
{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 5px;
} 

.block1
{
	width: 685px;
	border-top: 1px dashed #b0b0b0;
	border-bottom: 1px dashed #b0b0b0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.block2
{
	width:685px;
	border-bottom: 1px dashed #b0b0b0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.block3
{
	width:685px;
	margin-top:20px;
}

.block4
{
	width:195px;
	margin-left: 21px;
	margin-top: 0px;
}

.block5
{
	width: 216px;
	margin-top: 15px;
}

.bottom-line
{
	border-bottom: 1px dashed #b0b0b0;
}

.line-top
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

.line-bottom
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

#containerBottom
{
	background-image: url(/Images/main_bottom.gif);
	background-repeat: no-repeat;
	height: 34px;
} 

.fltrt
{ /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}

.fltlft
{ /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}

.clearfloat
{ /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.dottedtop
{
	width: 980px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

.dottedbottom
{
	width: 980px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

.dotted
{
	width: 980px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

#header
{
	width: 980px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-right: auto;
	margin-left: auto;
}

#footer
{
	background-color: #F7F7F7;
	padding: 10px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	width: 100%;
	color: #818181;
	line-height: normal;
}

.image1
{
	border: 1px solid #909090;
}

/* font */
.title1
{
	font-family: "新細明體";
	font-weight:bold;
	font-size: 15px;
	color: #be74b7;
}

.title2
{
	font-family: "新細明體";
	font-weight:bold;
	font-size: 15px;
	color: #000;
}

.text1
{
	font-family: "新細明體";
	font-size: 15px;
	color: #a7b101;
	text-decoration:none;
}

a.text1:hover
{
	color: #8cd142;
	text-decoration:underline;
}

.text2
{
	font-family: "新細明體";
	font-size: 11px;
	color: #727272;
}

.text3
{
	font-family: "新細明體";
	font-size: 12px;
	color: #8b8b8b;
	text-decoration:none;
}

a.text3:hover
{
	color: #d57b00;
	background-color:#fff0d1;
}

.text4
{
	font-family: "新細明體";
	font-size: 12px;
	color: #8b8b8b;
}

.link1
{
	font-family: "新細明體";
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
}

.link2
{
	font-family: "新細明體";
	font-size: 12px;
	color: #429bd7;
	text-decoration:none;
}

.link3
{
	font-family: "新細明體";
	font-size: 12px;
	color: #006;
	text-decoration:none;
}

a.link2:hover
{
	text-decoration:underline;
}

.price1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bolder;
	color: #FF0000;
}

.price2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FF0000;
}

a.link1:hover
{
	color: #fffd71;
	text-decoration: underline;
}

.teavel1
{
	font-family: "新細明體";
	font-size: 13px;
	color: #FF9999;
	line-height: 150%;
}

.teavel2
{
	font-family: "新細明體";
	font-size: 15px;
	color: #6699CC;
}

#form1
{
	font-family: "新細明體";
	font-size: 15px;
	color: #6699CC;
}

.dotline1
{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #F90;
}

.blog p
{
	font-size: 13px;
	color: #666;
}

.blog h1
{
	font-size: 15px;
	font-weight: bold;
	color: #F60;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height: 30px;
}

.blogIntro
{
	font-size: 15px;
	color: #FFF;
}

.blog h2
{
	font-size: 14px;
	color: #F30;
}

.Dotted
{
	font-size: 9pt;
	border-collapse: collapse;
	background-color: #EAD8FE;
	border: 1px dotted #FFFFB3
}

.Dotted-Line
{
	font-size: 9pt;
	border-collapse: collapse;
	background-color: #EAD8FE;
	border-style: dotted;
	border-width: 1px
}

.Button
{
	border: #edf6fc 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	font-size: 12px;
	cursor: hand;
	color: black;
	background-color: #edf6fc;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#edf6fc);
}

.SmallTxt
{
	line-height: 1.0
}

/*--填寫欄位設定-------------------------------------------------*/
.inputkeyword0
{
	BORDER-RIGHT: 0px inset; 
	BORDER-TOP: 0px inset; 
	BORDER-LEFT: 0px inset; 
	BORDER-BOTTOM: 0px inset; 
	color:#666666; 
	font-size:9pt;
	background-color:#ffffff;
	height:15;
}

.inputkeyword01
{
	line-height:12pt;
	color:#000000;
	background-color:#FFFFFF; 
	border-width:1px; 
	border-style:solid;
	border-color:#4C1A36;
	SCROLLBAR-3DLIGHT-COLOR:    #FFFFFF; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #FFFFFF; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #4C1A36; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #FFFFFF; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #FFFFFF; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #FFFFFF; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #FFFFFF; /*面板底色*/ 
}

.inputkeyword02
{
	line-height:11pt;
	color:#2E3092;
	background-color:#EAF8FE; 
	border-width:1px; 
	border-style:dotted;
	border-color:#02045D;
	SCROLLBAR-FACE-COLOR:#EAF8FE;/*面板*/ 
	SCROLLBAR-HIGHLIGHT-COLOR: #EAF8FE;/*右上外框*/
	SCROLLBAR-SHADOW-COLOR: #EAF8FE;/*左下外框*/
	SCROLLBAR-3DLIGHT-COLOR: #EAF8FE; /*右上外框邊緣*/
	SCROLLBAR-ARROW-COLOR: #00114B; /*箭頭*/
	SCROLLBAR-TRACK-COLOR: #EAF8FE;/*面板底色*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #EAF8FE; 
	SCROLLBAR-BASE-COLOR: #EAF8FE;
}

.inputkeyword03
{
	line-height:12pt;
	color:#000000;
	background-color:#edf6fc; 
	border-width:1px; 
	border-style:solid;
	border-color:#cccccc;
	SCROLLBAR-3DLIGHT-COLOR:    #FFFFFF; /*左上外框邊緣*/
	SCROLLBAR-HIGHLIGHT-COLOR:  #FFFFFF; /*左上外框內綠*/
	SCROLLBAR-ARROW-COLOR:      #4C1A36; /*箭頭*/
	SCROLLBAR-BASE-COLOR:       #FFFFFF; /*不知作用*/
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc; /*右下外框邊緣*/ 
	SCROLLBAR-SHADOW-COLOR:     #FFFFFF; /*右下外框內綠*/
	SCROLLBAR-FACE-COLOR:       #FFFFFF; /*面板*/ 
	SCROLLBAR-TRACK-COLOR:      #edf6fc; /*面板底色*/ 
}

.bgAliceBlue
{
	background-color: AliceBlue;
}

.bgWhite
{
	background-color: White;
}

/*----------------table----------------*/
.frameLine {border-right:1px solid #E5E5E5;border-left:1px solid #E5E5E5;}
.frameTitle {background-image: url(/Images/frame_up.gif);background-repeat: no-repeat;background-position: left top;height:39px;padding-top:6px;padding-left:10px;}

/*----------------Text Color----------------*/
.txtAliceBlue{color:#F0F8FF}
.txtGrayBlue{color:#3399CC}
.txtGray{color:#999999}
.NewsLine {background-image: url(/Images/line.gif);background-repeat: repeat-x;background-position: left bottom;margin-bottom:15px}
