@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; text-align: center; background: #fff url(../images/body_bg.jpg) repeat-x 0 0;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}
img { display: block; border: 0;}


.TextRed { font: 12px/2 Arial, Helvetica, sans-serif, "新細明體"; color: #f00;}
.Debug { clear: both;}


.OutWrap { margin: 0; padding: 0; text-align: center;}


.Header {margin: 0 auto; padding: 2px 0 0 0; width: 986px; height: 73px; text-align: left;}
.Header .Logo { position: relative; float: left; width: 250px; height: 73px;}
.Header .Logo h1, .Header .Logo h2 {
	margin: 0; padding: 0;
	font: 12px/1.5 "新細明體";
	color: #000;
	}
.Header .Logo a { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background:  #fff url(../images/logo.jpg) no-repeat center center; color: #fff; text-align: right; font: 10px/1.5 Arial, Helvetica, sans-serif, "新細明體";}
.Header .Logo a:hover { color: #c00;}

.Header .Serv { float: right; padding: 0 10px 0 0; width: 200px;}
.Header .Serv p { margin: 0; padding: 0 0 0 15px; background: url(../images/serv_dot.jpg) no-repeat left center; font: 11px/3 Tahoma, "新細明體";}
.Header .Serv p b { padding: 0 0 0 5px; color: #900;}
.Header .Serv a { display: block; width: 100%; height: 24px; background: url(../images/serv_login_bg.jpg) repeat-x 0 0; border: 1px solid #f90; font: 11px/24px Tahoma, "新細明體"; color: #fff; text-decoration: none;}
.Header .Serv a:hover { color: #f60;}
.Header .Serv a span { display: block; padding: 0 0 0 45px; background: url(../images/serv_login.jpg) no-repeat 0 0;}
.Header .Serv a:hover span { background: url(../images/serv_login.jpg) no-repeat 0 -24px;}

.Header .ServSign { float: right;}

.Navi { margin: 0; padding: 0; height: 55px; background: url(../images/navi_bg.jpg) repeat-x 0 0; text-align: center; clear: both;}
.Navi ul { margin: 0 auto; padding: 0; width: 986px;}
.Navi ul li { position: relative; z-index: 3; float: left; margin: 0; padding: 0; list-style: none;}
.Navi ul li ul { visibility: hidden; position: absolute; left: 0; top: 55px; width: 150px; background: #459206 url(../images/navi_sub_item_bg.jpg) repeat-x 0 0;}
.Navi ul li ul li { display: inline; float: none; margin: 0; padding: 0; width: 100%; height:30px;}
.Navi ul li a { display: block; float: left; margin: 0; padding: 0; width: 139px; outline: none;}
.Navi ul li span { display: block; float: left; padding: 0 1px; height: 55px; background: url(../images/navi_div.jpg) no-repeat 0 0;}
.Navi ul li ul li a { display: block; margin: 0; padding: 0; width: 100%; font: 12px/30px Tahoma, "新細明體"; color: #fff; text-decoration: none; border-bottom: 1px solid #6FB02E;}
.Navi ul li ul li a:hover { background: #579F17;}
.Navi a.NaviItem01 { background: url(../images/navi_item_1.jpg) no-repeat 0 0; height: 55px; }
.Navi a.NaviItem02 { background: url(../images/navi_item_2.jpg) no-repeat 0 0; height: 55px; }
.Navi a.NaviItem03 { background: url(../images/navi_item_3.jpg) no-repeat 0 0; height: 55px; }
.Navi a.NaviItem04 { background: url(../images/navi_item_4.jpg) no-repeat 0 0; height: 55px; }
.Navi a.NaviItem05 { background: url(../images/navi_item_5.jpg) no-repeat 0 0; height: 55px; }
.Navi a.NaviItem06 { background: url(../images/navi_item_6.jpg) no-repeat 0 0; height: 55px; }
.Navi a.NaviItem07 { background: url(../images/navi_item_7.jpg) no-repeat 0 0; height: 55px; }
.Navi a.NaviItem01:hover { background: url(../images/navi_item_1.jpg) no-repeat 0 -55px;}
.Navi a.NaviItem02:hover { background: url(../images/navi_item_2.jpg) no-repeat 0 -55px;}
.Navi a.NaviItem03:hover { background: url(../images/navi_item_3.jpg) no-repeat 0 -55px;}
.Navi a.NaviItem04:hover { background: url(../images/navi_item_4.jpg) no-repeat 0 -55px;}
.Navi a.NaviItem05:hover { background: url(../images/navi_item_5.jpg) no-repeat 0 -55px;}
.Navi a.NaviItem06:hover { background: url(../images/navi_item_6.jpg) no-repeat 0 -55px;}
.Navi a.NaviItem07:hover { background: url(../images/navi_item_7.jpg) no-repeat 0 -55px;}

.SwfBox { margin: 0 auto; padding: 0; width: 986px; background: #D9DEBE;}
.SwfBox img { display: block;}

.BandBox { margin: 0 auto; padding: 1px; width: 984px; background: #A9C368; text-align: left;}
.BandBox dl { display: block; margin: 0; padding: 0; height: 40px; background: #fff url(../images/band_bg.jpg) 0 0;}
.BandBox dl dt { float: left; margin: 0; padding: 0; width: 196px; height: 40px; overflow: hidden;}
.BandBox dl dd { display: block; float: left; margin: 0; padding: 0; height: 40px;}
.BandBox dl a { display: block; float: left; margin: 0; padding: 0; height: 40px; outline: none;}
.BandBox dl dt a:hover { background: #efe;}
.BandBox dl dd a:hover { background: #ffe;}

.InfoBox { margin: 0 auto; padding: 5px; width: 976px; background: #fcfce2 url(../images/infobox_bg.jpg) repeat-x 0 0; text-align: left; overflow: hidden; zoom: 1; outline: none;}
.InfoBoxCol { float: left; margin: 0; padding: 5px; width: 315px; height: 200px; background: url(../images/infobox_col_bg.jpg) no-repeat 0 0;}
.InfoBox h4 { margin: 0; padding: 0 15px 0 30px; font: bold 12px/3 Arial, Helvetica, sans-serif, "新細明體"; color: #fff;}
.InfoBox h4 a { float: right; font-size: 11px; font-weight: bold; text-decoration: none; color: #fff;}
.InfoBox ul, .InfoBox ul li { margin: 0; padding: 0; list-style: none;}
.InfoBox ul { margin: 5px 20px 0 20px;}
.InfoBox ul li { background: url(../images/line_dot.jpg) repeat-x left bottom;}
.InfoBox ul li a { font: 12px/2.5 Tahoma, "新細明體"; color: #333; text-decoration: none;}
.InfoBox ul li a:hover { color: #690;}
.InfoBox ul li a span { margin: 0 8px 0 0; padding: 1px 4px;}
.InfoBox ul li a span.Date { font-size: 11px; color: #000;}
.InfoBox ul li a span.Type01 { background: #f60 url(../images/type_bg_01.jpg) no-repeat 0 0; color: #fff;}
.InfoBox ul li a span.Type02 { background: #036 url(../images/type_bg_02.jpg) no-repeat 0 0; color: #fff;}

.InfoBoxCol .InfoBoxContent { padding: 10px 10px 0 10px;}
.InfoBoxCol .InfoBoxImg { float: right; margin:0; border: 1px solid #ccc;}
.InfoBoxCol .InfoBoxImg img { display: block; width: 120px;}
.InfoBoxCol .InfoBoxText { float: left; margin: 0; width: 160px; font: 12px/1.5 Arial, Helvetica, sans-serif, "新細明體";}
.InfoBoxCol .InfoBoxText b { font-size: 13px; color: #690;}
.InfoBoxCol .InfoBoxText p { margin: 0; padding: 10px 0 0 0; color: #666;}

.Footer { padding: 10px 0; height: 35px; background: url(../images/footer_bg.jpg) repeat-x 0 0;}
.Footer p { margin: 0; padding: 0; font: 12px/1.5 Tahoma, "新細明體"; color: #fff;}
.Footer a { color: #cfc; font-weight: bold; font-size: 11px;}


/* SubPage */
.MainWrap { margin: 0 auto; padding: 30px 0; width: 890px; clear: both; overflow: auto; zoom: 1; outline: none;}
.MainLeft { float: left; width: 210px; text-align: left;}
.MainRight { float: right; margin:0; width: 890px;; text-align: left;}

.PageCatalog { background: #fff;}
.PageCatalog h3 { margin: 0; padding: 0;}
.PageCatalog ul, .PageCatalog ul li { margin: 0; padding: 0; list-style: none;}
.PageCatalog ul { padding: 5px; background: #E8E5DA;}
.PageCatalog ul ul { display: none; padding: 0;}
.PageCatalog ul li a { display: block; padding: 0 0 0 35px; height: 36px; line-height: 36px; font-size: 12px; color: #333; cursor: pointer;}
.PageCatalog ul li a.collapsed { font-weight: bold;}
.PageCatalog ul li ul li a { padding: 0 0 0 45px;} 
.PageCatalog ul li a.ItemTop { background: url(../images/side_navi01.gif) no-repeat 0 0;}
.PageCatalog ul li a.ItemTop:hover { background: url(../images/side_navi01_o.gif) no-repeat 0 0;}
.PageCatalog ul li a.ItemMid { background: url(../images/side_navi02.gif) no-repeat 0 0;}
.PageCatalog ul li a.ItemMid:hover { background: url(../images/side_navi02_o.gif) no-repeat 0 0;}
.PageCatalog ul li a.ItemSub { background: url(../images/side_navi04.gif) no-repeat 0 0;}
.PageCatalog ul li a.ItemSub:hover { background: url(../images/side_navi04_o.gif) no-repeat 0 0;}
.PageCatalog ul li a.ItemBot { background: url(../images/side_navi03.gif) no-repeat 0 0;}
.PageCatalog ul li a.ItemBot:hover { background: url(../images/side_navi03_o.gif) no-repeat 0 0;}


.PageName { position: relative; z-index: 2;}
.PageName img { display: block; border: 3px solid #DCE6E7;}
.PageName p { position: absolute; left: 2px; top: 28px; margin: 0; padding: 2px 5px 2px 25px; background: #79A536; font: bold 12px/1.5 Tahoma, "新細明體"; text-align: right; color: #fff;}

.PageAdBox { background: #fff; margin: 5px 0;}

.PageTitle { height: 41px; background: url(../images/pagetitle_bg.jpg) repeat-x 0 0;}
.PageTitle h3 { float: left; margin: 0; padding: 12px; background: url(../images/pagetitle_name_bg.jpg) repeat-x 0 0; font: normal 17px/1 "華康儷中黑", "新細明體", Tahoma; color: #000; border-right: 1px solid #fff;}

.PageLocation { padding: 0 15px; clear: both; font: 11px/1.5 Tahoma, "新細明體"; text-align: right;}
.PageLocation a { color: #7AA736; text-decoration: underline;}
.PageContent { padding: 15px; font: 13px/1.5 Tahoma, "新細明體";  color: #333; text-align: left;}

.PageBanner { padding: 10px 0;}
.PageBanner img { display: block; border: 0;}

/* News List */
.PageNews { border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; border-left: none; border-right: none;}
.PageNews ul { margin: 0; padding: 0;}
.PageNews ul li { margin: 0; padding: 10px; list-style: none; border-bottom: 1px solid #ccc;}
.PageNews ul li.One { background: #efefef;}
.PageNews ul li.Two { background: #fff;}
.PageNews ul li.Three { background: #fff; border:0px; list-style:inside;}
.PageNews ul li p { padding-left:15px;}
.PageNews ul li span.Date { font-size: 14px; color: red; font-weight:bold;}
.PageNews ul li a span.Type01 { background: #f60 url(../images/type_bg_01.jpg) no-repeat 0 0; color: #fff;}
.PageNews ul li a span.Type02 { background: #036 url(../images/type_bg_02.jpg) no-repeat 0 0; color: #fff;}

/* News List */ 
.PageNewsN { border-bottom: 1px solid #ccc; padding-bottom:10px;}
.PageNewsN ul { margin: 0; padding:0;}
.PageNewsN ul li { margin: 0 0 10px 0; padding: 10px 0 0 0; list-style: none;}
.PageNewsN ul li.One { background: #efefef;}
.PageNewsN ul li.Three {border:0px; list-style:inside; color: #C00;}
.PageNewsN ul li p{color:#000;}
.PageNewsN ul li span.Date { font-size: 14px; color: #C00; font-weight:bold;}
.PageNewsN ul li span.DateD { font-size: 16px; color: #63a827; font-weight:bold; margin:0 10px;}
.PageNewsN ul li a span.Type01 { background: #f60 url(../images/type_bg_01.jpg) no-repeat 0 0; color: #fff;}
.PageNewsN ul li a span.Type02 { background: #036 url(../images/type_bg_02.jpg) no-repeat 0 0; color: #fff;}
.One { background: #efefef;}
.PageNewsN ul li .player{ font-family: Tahoma; text-align:center; padding:0 0 10px 0;}

/* Product */
.PageProd { display: block;}
.PageProd h3 { margin: 0; padding: 0; background: url(../images/page_title_line.jpg) repeat-x 0 100%;}
.PageProd ul, .PageProd ul li { margin: 0; padding: 0; list-style: none;}
.PageProd ul { padding: 8px; overflow: auto; zoom: 1; outline: none;}
.PageProd ul li { float: left; margin: 0 4px; width: 140px; height: 240px;}
.PageProd ul li a { font-size: 13px; font-weight: bold; color: #690;}
.PageProd ul li a:hover { text-decoration: underline; color: #f30;}
.PageProd ul li a img { display: block;}
.PageProd ul li a p { margin: 0; padding: 0;}
.PageProd ul li a p.More { text-align: right; text-decoration: underline; color: #f30; font-family: Tahoma; font-size: 10px; font-weight: normal;}

.pdog { float: left; width: 49%; height: 200px;}
.imgcs { float: left; width: 150px;}
.titlepg, .titlepg a { color: #690; font-weight: bold; font-size: 13px;}
.titleec { font-size: 11px; color: #666;}
.titleec ul, .titleec ul li { margin: 0; padding: 0; list-style: none;}

.komidashi { font: 20px/1.5 "華康儷中黑", "新細明體", Tahoma; color: #000; background:#F1F1F1; border-top:2px solid #DEDEDE; margin:0 0 30px; padding:4px;}
.box { background: #fff; overflow: auto; zoom: 1; outline: none;}
.box img { float: left;}
.box .info { float:right; width:290px;}
.box table.basic {
border:1px solid #D9D9D9;
margin:0 0 10px;
width:290px;
}
.PageCompany table.basic {
border:1px solid #D9D9D9;
margin:0 0 10px;
}

.PageCompany table.about {
	border:1px solid #D9D9D9;
	margin:0 0 10px;
	background:url(../company/images/about.jpg) 0 290px no-repeat;
	
}
table, caption, th, td {
border:0 none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
font-style:normal;
font-weight:normal;
margin:0;
}
.gray { background: #efefef;}

div.bigImg {
margin:0 0 25px;
text-align:center;
}
.clr {
display:block;
}


/* Customer */
.PagePerfomance h3 { margin: 0; padding: 0; font: bold 21px/1.5 "華康儷中黑", "新細明體", Tahoma; color: #000;}
.PagePerfomance h4 { margin: 0; padding: 0; font: bold 17px/2 Arial, Helvetica, sans-serif, "新細明體"; color: #690;}
.PagePerfomance p { margin: 0; padding: 0; line-height: 1.5em; color: #000; font: 10px/2 Tahoma;}
.PagePerfomance th { color: #fff; text-align: center;}
.PageSign {font: 12px/2 Tahoma, "新細明體"; }
.PageSign dl { display: block; margin: 0; padding: 5px 0; width: 100%; clear: both; overflow: auto;}
.PageSign dt, .PageSign dd { margin: 0; padding: 0; float: left;}
.PageSign dt { width: 120px; text-align: right;}
.PageSign span { padding: 0 10px;}

.Show { float: left; padding: 2px; background: #333; width:252px; height:252px; }
#picBox{ padding: 0; background: #333; width:252px; height:252px; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:252px; width:504px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin: 0; padding: 0; width: 84px; height:84px;}
#picBox ul#show_pic li img{ display:block; border: 0; margin: 0; padding: 0; border: 2px solid #333;}
#picBox_top{ padding: 0; background: #333; width:252px; height:252px; overflow:hidden; position:relative;}
#picBox_top ul#show_pic_top{ margin:0; padding:0; list-style:none; height:252px; width:502px; position:absolute;}
#picBox_top ul#show_pic_top li{ float:left; margin: 0; padding:0; height:84px;}
#picBox_top ul#show_pic_top li img{ display: block; border: 0; border: 2px solid #333;}

.List { margin: 0 0 0 10px; float: left; overflow: auto; width: 350px; height: 252px;}
.List table { width: 330px;}
.List td { width: 33%; text-align: center; background: #fff;}

/*　Catalog　*/
.PageCata { background: #fff;}
.PageCata ul, .PageCata ul li { margin: 0; padding: 0; list-style: none;}
.PageCata ul li { float: left; width: 200px; overflow: auto; outline: none; zoom: 1; text-align: center;}
.PageCata ul li a {font: 12px/2 Tahoma, "新細明體";  color: #690; outline: none;}

#fbContents, #fbMenu { float: left; font: 12px/2 Tahoma, "新細明體";}
#fbContents { width: 70%;}
#fbMenu { width: 30%;}
#fbMenu div { float: left; width: 24%; text-align: center;}

/* FAQ */
dl.FAQ { margin: 0; padding: 0 0 20px 0;}
dl.FAQ dt, dl.FAQ dd { margin: 0; padding: 0;}
dl.FAQ dt { display: block; margin: 0 0 10px 0; padding: 10px 0; background: url(../faq/images/faq_bg.jpg) repeat-x left bottom; overflow: auto;}
dl.FAQ span { display: block; margin: 0; padding: 0 30px; background: url(../faq/images/faq_q.jpg) no-repeat 0 0; font: bold 13px/20px Tahoma, "新細明體"; color: #C00;}
dl.FAQ dt.Str { background: #ffc url(../faq/images/faq_bg.jpg) repeat-x left bottom;}
dl.FAQ dd { padding: 0 30px; background: url(../faq/images/faq_a.jpg) no-repeat 0 0; font: 12px/20px  Tahoma, "新細明體";}
dl.FAQ dd ul, dl.FAQ dd ol { margin: 10px 0 10px 20px; padding: 0;}
dl.FAQ dd ol { margin: 10px 0 10px 30px; padding: 0;}
dl.FAQ dd img { padding: 20px 0;}



/* Contact */
.PageCompany input.btn{
	width:57px;
	height:21px;	
	background:url(../company/images/btn_send.gif) 0 0 no-repeat;
	margin-right:20px;
	border:none;
	cursor: pointer;
	}