@charset "utf-8";



body {

	font-size: 12px;
	line-height: 18px;
	color: #464646;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #a9b0ba;
}
#main {
	background-repeat : no-repeat;
	background-position: center top;
	background-image: url(../images/main.jpg);
}

#foot {
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}

td {
	font-size: 13px;
	line-height: 22px;
	color: #666666;
}

.container {
width:997px;
height:100%;
display:block;
margin-left:auto;
margin-right:auto;
}

.container-main {
width:997px;
height:100%;
display:block;
margin-left:auto;
margin-right:auto;
}
.footer{

	font-size: 12px;

	line-height: 22px;

	color: #727273;

	background-repeat: no-repeat;

	background-image: url(../images/bottom_bg.jpg);

	background-position: top;

}



h1 {
	font-size: 15px;
	color:#294775;
	font-weight:bold;
	line-height:18px;
    margin-bottom:0px;
    margin-top:0px;
}
h2 {
	font-size: 13px;
	color:#356384;
	font-weight:bold;
	line-height:18px;
    margin-bottom:0px;
    margin-top:0px;
}
h3 {
	font-size: 13px;
	color:#339933;
	font-weight:bold;
	line-height:25px;
	margin-top: 2px;
	margin-bottom: 2px;
}
h4 {
	font-size: 16px;
	color:#e11422;
	font-weight:bold;
	line-height:25px;
	margin-top: 2px;
	margin-bottom: 2px;
}
h5 {
	font-size: 13px;
	color:#e11422;
	font-weight:bold;
	line-height:25px;
	margin-top: 2px;
	margin-bottom: 2px;
}
a:link {
	font-size: 13px;
	color: #727273;
	line-height: 20px;
	text-decoration: none;
}
a:visited {
	font-size: 13px;
	color: #727273;
	line-height: 20px;
	text-decoration: none;
}
a:hover {
	font-size: 13px;
	color: #0099CC;
	line-height: 20px;
	text-decoration: underline;
}
a:active {
	font-size: 13px;
	line-height: 20px;
	color: #66CCCC;
	text-decoration: underline;
}
.job:link    {

	font-size:12px;

	color:#006699;

	text-decoration:none;

	line-height: 16px;

}

.job:visited {

	font-size:12px;

	color:#006699;

	text-decoration:none;

	line-height: 16px;

}

.job:active  {

	font-size:12px;

	color:#006699;

	text-decoration:none;

	line-height: 16px;

}

.job:hover   {

	font-size:12px;

	color:#0099CC;

	text-decoration:none;

	line-height: 16px;

}
.a01 {
	font-size: 12px;
	color: #003399;
	line-height: 16px;
	text-decoration: underline;
}
.a01:link {
	font-size: 12px;
	color: #003399;
	line-height: 16px;
	text-decoration: underline;
}
.a01:visited {
	font-size: 12px;
	color: #003399;
	line-height: 16px;
	text-decoration: underline;
}
.a01:hover {
	font-size: 12px;
	color: #557bb4;
	line-height: 16px;
	text-decoration: underline;
}
.a01:active {
	font-size: 12px;
	line-height: 16px;
	color: #2a4775;
	text-decoration: underline;
}


.top:link    {

	font-size:12px;

	color:#ffffff;

	text-decoration:none;

	line-height: 16px;

}

.top:visited {

	font-size:12px;

	color:#ffffff;

	text-decoration:none;

	line-height: 16px;

}

.top {

	font-size: 12px;

	color: #FFFFFF;

}

.top:active  {

	font-size:12px;

	color:#66CCCC;

	text-decoration:none;

	line-height: 16px;

}

.top:hover   {

	font-size:12px;

	color:#66CCFF;

	text-decoration:underline;

	line-height: 16px;

}

.small {

	font-size: 10px;

	line-height: 15px;

}

.p9white {

	FONT-SIZE: 13px; COLOR: #fff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif";line-height:18px;

}

.navi {

	FONT-SIZE: 11px; COLOR: #2a4775; FONT-FAMILY: "新細明體"

}

.input_search {

	font-size: 13px;

	background-color: #FFFFFF;

    border:0px #ccc solid;

	height: 16px;

}



.inputstyle {



	BORDER-RIGHT: ##D9D9D9 1px solid; BORDER-TOP: ##D9D9D9 1px solid; FONT-SIZE: 12px; BORDER-LEFT: ##D9D9D9 1px solid; BORDER-BOTTOM: ##D9D9D9 1px solid; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; BACKGROUND-COLOR: ##D9D9D9

}



.bg_nonerepeat {



	background-repeat: no-repeat;



	background-position: center center;



}



.big {



	font-size: 28px;



	font-family: "標楷體";



	color: #336600;



	line-height: 32px;



}







.blue {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 13px;



	font-weight: bold;



	color: #4b85a4;



}



.index_txt {

	font-size: 12px;

	line-height: 18px;

	color: #3d6ea5;

}



.index_txt_light {

	font-size: 12px;

	line-height: 25px;

	border-bottom:#ececec 1px solid;

}



ul.viewed li {

width:150px;height:190px;float:left;

/*border-right:#ccc 1px dotted;*/

}



ul.viewed {

	clear: both;

	list-style-type:none;

	padding:0px;

}



ul.viewed li div{

    display:table-cell;text-align:center;vertical-align:middle;

}

.border-3 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C4CFD7;
	border-left-color: #C4CFD7;

	}
.picborder {
	border:#efefef 1px solid;
	padding:4px;}	
/*上方商品分類選單 menu */

#menu {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	width:677px;
	height:37px;
	display:block;
	float:left;
	margin-left:10px;
}

#menu li {
	color: #ffffff;
	width:100px;
	height:37px;
	line-height:34px;
	text-align:center;
	display:inline;
	float:left;
	text-align: center;
	background-image:url(../images/menu-vline.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#menu li a:link, #menu li a:visited, #menu li a:active {
	display:block;
	width:100px;
	height:34px;
	font-size: 12px;
	line-height: 34px;
	color: #ffffff;
}
#menu li a:hover {
	width:100px;
	height:34px;
	line-height:34px;
	background-image:url(../images/menu-hover.gif);
	background-repeat:repeat-x;
}
/*上方商品分類選單 menu 結束*/	
.block-back {
	background-image:url(../images/block-back.gif);
	background-repeat:no-repeat;
	background-position:top;}
.border-3 {
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;	}