@charset "utf-8";
body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	background-position: center top;
	color: #FFFFFF;
}
a:link{color: #FFFFFF;}
a:visited{color: #FFFFFF;}
a:hover{color: #FFFFFF;}
a:active{color: #FFFFFF;}

.home_center {
	background-color: #383838;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../images/home_main_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.center {
	background-color: #383838;
	padding-right: 29px;
	padding-left: 30px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

ul{
	padding:0px;
	margin:0px;
}

.news {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
}
.news a:link{color: #FFFFFF;}
.news a:visited{color: #FFFFFF;}
.news a:hover{color: #FFFFFF;}
.news a:active{color: #FFFFFF;}

.news_time{
	color:#717070;
	line-height: 18px;
	padding-top: 2px;
	padding-bottom: 3px;
}
h1 {
	font-size: 16px;
	line-height: 39px;
	font-weight: bold;
	color: #dad7d7;
	text-align: left;
	padding-left: 25px;
	background-image: url(../images/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 39px;
}
.title_two {
	background-image: url(../images/title_two.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	line-height: 19px;
	color: #c0ed46;
	padding-left: 15px;
	text-align: left;
}
.title_two a:link{color: #c0ed46;}
.title_two a:visited{color: #c0ed46;}
.title_two a:hover{color: #c0ed46;}
.title_two a:active{color: #c0ed46;}

#content {
	color: #FFFFFF;
	text-align: justify;
	padding-top:10px;
}
.content {
	height:350px;
	font-size: 12px;
	line-height: 24px;
	text-align: justify;
}
.content td{color: #FFFFFF;}

.product_case img{
	border: 4px solid #969590;
	background-color: #FFFFFF;
}

.name{
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}
.name a:link{color: #FFFFFF;}
.name a:visited{color: #FFFFFF;}
.name a:hover{color: #FFFFFF;}
.name a:active{color: #FFFFFF;}

#product_list{
	height:480px;
	width: 100%;
	text-align: justify;
	overflow: scroll;
	overflow-x:hidden;
	clear: left;
	float: left;
	SCROLLBAR-FACE-COLOR: #fbfbfb;                     /*設定軸面顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR:#0e0e0e;              /*設定軸面三角左邊顏色*/
	SCROLLBAR-SHADOW-COLOR: #0e0e0e;               /*設定軸面三角右邊顏色*/
	SCROLLBAR-3DLIGHT-COLOR: #414141;                 /*設定左立體邊顏色*/
	SCROLLBAR-DARKSHADOW-COLOR: #414141;      /*設定右立體面顏色*/
	SCROLLBAR-ARROW-COLOR: #0e0e0e;                 /*設定箭頭的顏色*/
	SCROLLBAR-TRACK-COLOR: #383838;                   /*設定軸軌的顏色*/
	SCROLLBAR-BASE-COLOR: #ffffff;
}
#product_list p{width: 90%;}
#product_list img{
	border: 4px solid #969590;
	background-color: #FFFFFF;
}

.right_list li{
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding: 3px 10px 3px 15px;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #555450;
}
.right_list li a:link{color: #FFFFFF;}
.right_list li a:visited{color: #FFFFFF;}
.right_list li a:hover{color: #FFFFFF;}
.right_list li a:active{color: #FFFFFF;}
.product_t_bg {
	background-image: url(../images/product_t04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 36px;
	padding-right: 15px;
	padding-left: 15px;
}
.product_t_name {
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: center;
}
.product_t_name a:link{color: #FFFFFF;}
.product_t_name a:visited{color: #FFFFFF;}
.product_t_name a:hover{
	color: #c2ed46;
	font-weight: bold;
}
.product_t_name a:active{color: #FFFFFF;}

#module{
	height:330px;
	width: 100%;
	text-align: justify;
	overflow: scroll;
	overflow-x:hidden;
	clear: left;
	float: left;
	SCROLLBAR-FACE-COLOR: #fbfbfb;                     /*設定軸面顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR:#0e0e0e;              /*設定軸面三角左邊顏色*/
	SCROLLBAR-SHADOW-COLOR: #0e0e0e;               /*設定軸面三角右邊顏色*/
	SCROLLBAR-3DLIGHT-COLOR: #414141;                 /*設定左立體邊顏色*/
	SCROLLBAR-DARKSHADOW-COLOR: #414141;      /*設定右立體面顏色*/
	SCROLLBAR-ARROW-COLOR: #0e0e0e;                 /*設定箭頭的顏色*/
	SCROLLBAR-TRACK-COLOR: #383838;                   /*設定軸軌的顏色*/
	SCROLLBAR-BASE-COLOR: #ffffff;
}
#module ul{padding:10px; margin:0px;}
#module li{
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding: 5px 5px 5px 10px;
	font-weight: normal;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#module li a:link{color: #FFFFFF;}
#module li a:visited{color: #FFFFFF;}
#module li a:hover{color: #FFFFFF;}
#module li a:active{color: #FFFFFF;}
.product_search {
	font-size: 12px;
	line-height: 22px;
	color: #c0ed46;
	text-align: left;
}
select.search{
	color: #666666;
	font-size: 12px;
	margin-bottom:10px;
}
.search_name {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #161616;
	text-align: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.contact_bg {
	background-image: url(../images/contact_bg.gif);
	background-repeat: no-repeat;
	background-position: 741px top;
}
.contact_font1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c4c4c4;
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
	text-align: right;
	padding:5px 0px;
}
.contact_font2 {
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
	text-align: right;
	padding:5px 0px;
}
.contact_font3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: left;
}
input.case {
	border: 0px;
	background-color: #606060;
	background-image: none;
	text-align: left;
}

/* FAQ */
.faq_title{
	color:#c0ed46;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../images/faq_case02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: center;
	padding-top:7px;
}
.faq_title2{
	color:#c0ed46;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../images/faq_case02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: center;
	padding-top:7px;
}

.faq_list_text{
	text-align: center;
	color:#f9f9f9;
}
.faq_list_text a:link{color:#f9f9f9;}
.faq_list_text a:visited{color:#f9f9f9;}
.faq_list_text a:hover{color:#f9f9f9;}
.faq_list_text a:active{color:#f9f9f9;}

.faq_list_text2{
	text-align: left;
	padding-left:5px;
	color:#f9f9f9;
}
.faq_list_text2 a:link{color:#f9f9f9;}
.faq_list_text2 a:visited{color:#f9f9f9;}
.faq_list_text2 a:hover{color:#f9f9f9;}
.faq_list_text2 a:active{color:#f9f9f9;}

.path {
	font-size: 12px;
	line-height: 18px;
	color: #777676;
	text-align: left;
}
.path a:link{color: #777676;}
.path a:visited{color: #777676;}
.path a:hover{color: #777676;}
.path a:active{color: #777676;}


.footer {
	background-color: #161616;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 29px;
	padding-left: 30px;
	padding-top: 45px;
	padding-bottom: 10px;
}
.footer_text td{
	font-size: 11px;
	line-height: 18px;
	color: #FFFFFF;
	text-align: left;
}
.footer_text td a:link{color: #FFFFFF;}
.footer_text td a:visited{color: #FFFFFF;}
.footer_text td a:hover{color: #FFFFFF;}
.footer_text td a:active{color: #FFFFFF;}

.footer_copyright td {
	font-size: 11px;
	line-height: 16px;
	color: #838282;
	text-align: left;
}
.footer_copyright td a:link{color: #838282;}
.footer_copyright td a:visited{color: #838282;}
.footer_copyright td a:hover{color: #838282;}
.footer_copyright td a:active{color: #838282;}

/* 頁面資訊區 */
#btn_list {
	height: auto;
	width: 100%;
	text-align: left;
	clear: both;
	float: left;
	margin-top: 10px;
}

/* 頁數 */
#page_box{
	width:722px;
	text-align: right;
	float: right;
	color: #ffffff;
	padding: 4px;
}
.page_box{
	text-align: right;
	color: #ffffff;
	padding: 4px;
}
.page_outline {
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
	color:#FFFFFF;
	text-align:center;
	padding: 2px;
}
.page_outline_color {
	background-color:#CCCCCC;
	border:1px #999999 solid;
	color:#333333;
	text-align:center;
	padding: 2px;
}
.page_outline_skip {
	background-color:#FFFFFF;
	color: #666666;
	border:1px #CCCCCC solid;
	text-align:center;
	padding: 2px;
}

/* 網頁路徑 */
#path {
	background-image: url(../images/path_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 0.9em;
	color: #777676;
	width: 720px;
	float: left;
	text-align: left;
	line-height: 14px;
	height: 14px;
	text-transform: uppercase;
	padding: 5px 5px 0px 5px;
}
#path a:link { color:#777676; }
#path a:visited { color:#777676; }
#path a:hover { color:#777676; }
#path a:active { color:#777676; }

/* 上下筆按鈕 */
#pn_button{
	width: 100%;
	padding: 5px 5px 0px 5px;
	float: right;
	text-align: right;
}

/* 回上頁 */
#return_button{
	width: 100%;
	padding: 5px 5px 0px 5px;
	float: right;
	text-align: right;
}