@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg) repeat-x;}
body a { text-decoration:none;}
img { border:none;}
.clean_flat { clear:both;}

/*區塊設定*/
.header,.main,.footer { width:970px; padding:0px 5px 0px 5px; margin-left:auto; margin-right:auto; background:url(../images/box.png) repeat-y;} /*實際內容寬度960px*/
.footer_box { width:940px; background:url(../images/footer_bg.jpg) no-repeat; line-height:20px; color:#666; padding:25px 10px 10px 10px; border-bottom:solid #d9d7d7 1px;}
.main { padding-bottom:5px;}

/*內頁區塊設定*/
.menu,.info { float:left;} /*左邊按鈕*/
.menu { width:230px; margin:0; padding:0;}
.info { width:730px;}
.menu ul{ margin:0; padding:0; background:url(../images/menu_bg.jpg) repeat-y;}
.menu li { margin:0 0 0 25px; padding:0; list-style-image:url(../images/arrow.png); border-bottom:dashed #999999 1px; width:185px;}
.menu a { color:#666; line-height:25px; display:block; cursor:pointer;}
.menu a:hover { color:#03C;}


.menu ul li ul { background:none;} /*第二層設定*/
.menu ul li ul li { width:160px; border:none;}


.info_text { background:url(../images/main_bg.jpg) repeat-y; padding:10px 20px 10px 20px; line-height:20px;} /*右邊內容背景設定*/
.info_dn { height:10px; background:url(../images/main_dn.jpg) no-repeat;}


/*top_logo 區塊*/
.logo,.top_links { float:left;}
.top_logo_box { width:960px; background:url(../images/top_logo_bg.jpg) repeat-x;}
.logo { width:350px;}
.top_links { width:180px; padding:0 0 0 430px;} 
.top_links a { color:#999; font-size:12px;}
.top_links a:hover { color:#03C;}
/*top 區塊*/
.top_menu { height:40px; background:url(../images/top_menu_bg.jpg) no-repeat; list-style:none; margin:0; padding:0 0 0 150px;}
.top_menu li { list-style:none; margin:10px 50px 0 0; padding:0; width:70px; float:left;}
.top_menu p { margin:0; padding:0;}

/*首頁輪播*/
.flash_box { width:960px; height:185px; position:relative; overflow:hidden; overflow:hidden;}
.flash { width:960px; height:185px; margin:0; padding:0; list-style:none; position:absolute;}
.flash li { list-style:none;}

/*分隔線*/
.line { width:960px; height:10px; background:url(../images/line.jpg) repeat-x; margin-bottom:5px;}

/*首頁內容*/
.index_about,.index_product,.index_news { float:left;}

.index_about_info { width:230px; height:280px; background:url(../images/index_main_about_info.jpg) no-repeat;}/*首頁關於我們*/
.index_about_pic { padding:0 0 0 30px;}
.index_about_text { padding:10px 30px 10px 30px; line-height:23px; color:#333;}
.index_about_link { text-align:right; padding-right:20px;}
.index_about_link a { color:#354496; line-height:20px;}
.index_about_link a:hover { color:#F00;}

.index_product { width:460px;}/*首頁產品介紹*/
.index_product_info { background:url(../images/index_main_product_bg.jpg) no-repeat; height:280px; margin:0; padding:5px 0 0 0; list-style:none;}
.index_product_info li { margin:0 0 5px 10px; padding:0; list-style:none; border:solid #999 1px; background:#f5f5f5; width:435px; height:125px;}

.index_product_info p { margin:0; padding:0;}
.index_product_info h3 { width:170px; height:110px; margin:7px 0 0 7px; padding:0; float:left;}
.index_product_info h4,.index_product_info h5 { width:240px; margin:7px 0 0 7px; padding:0;  float:left; cursor:pointer;}
.index_product_info h4 { font-size:13px;}
.index_product_info h5 { font-size:12px;font-weight:normal;}
.index_product_info a { color:#666; line-height:18px; display:block; cursor:pointer;}
.index_product_info a:hover { color:#03C;}

.index_news { width:270px;}/*首頁最新消息*/
.index_news_info { height:280px; background:url(../images/index_main_news_bg.jpg) no-repeat; margin:0; padding:10px 0 0 0;}
.index_news_info li { margin:0 0 0 15px; padding:0; list-style:none;}
.index_news_info h3,.index_news_info h4 { margin:0; padding:0; font-weight:normal; font-size:12px; float:left; cursor:pointer;}
.index_news_info h3 { width:170px;}
.index_news_info h4 { width:70px; margin-left:5px;}
.index_news_info a { color:#666; line-height:25px;}
.index_news_info a:hover { color:#03C;}
.index_news_info p { margin:0; padding:0;}

/*contact*/
.contact { line-height:25px; color:#666;}

/*product*/
.product_list { margin:0; padding:0px; list-style:none;}
.product_list p { margin:0; padding:0px;}
.product_list h3,.product_list h4 { margin:0; padding:0px; font-weight:normal; font-size:12px;}
.product_list h4 { text-align:center;}
.product_list li { margin:0 2px 5px 0; padding:0px; list-style:none; width:170px; float:left;}
.product_list a { color:#666; line-height:25px;}
.product_list a:hover { color:#03C;}

.product_pic,.product_info { float:left;}/* detail 頁面*/
.product_pic { width:255px; border:#666 solid 1px;}
.product_info { width:423px; padding:0 0 0 10px;}
.product_info h3 { margin:0; padding:0; font-size:15px; color:#354496;}
.product_text { border-top:#d9d7d7 dashed 1px; margin-top:10px; padding-top:10px;}

/*news*/
.news_list { margin:0; padding:0; list-style:none;}
.news_list li { margin:0; padding:0; list-style:none; border-bottom:solid #d9d7d7 1px;}
.news_list p,.news_detail p { margin:0; padding:0;}
.news_list h3,.news_list h4,.news_detail h3,.news_detail h4 { margin:0; padding:0; font-weight:normal; font-size:13px; float:left;}
.news_list h3,.news_detail h3 { width:580px; padding:0 10px 0 20px; font-weight:bold;}
.news_list h4,.news_detail h4 { width:70px;}
.news_list a { color:#666; line-height:30px;}
.news_list a:hover { color:#03C;}

.news_detail {}/*detail 內文*/
.news_detail_text { margin-top:10px; padding:10px 20px 0 20px; border-top:#d9d7d7 dashed 1px; line-height:25px;}

/*404*/
.error h3,.error h4 { margin:0; padding:0;}

/*map*/
.map { height:300px;}

/*pages*/
.pages { margin:10px 15px 10px 15px; padding:0;}
.pages a { color:#fff;}
.pages a:hover { color:#000;}
.pages li { margin:0 5px 10px 5px; padding:0 5px 0 5px; list-style:none; line-height:20px; float:left; border:#354496 solid 1px; background:#aebbff; cursor:pointer; display:block;}

/*btn*/
.btn { line-height:20px; border:#000 solid 1px; cursor:pointer;}
.btn:hover { background:#666; color:#fff;}
.btn_back_box { margin:10px 0 10px 0;}
.back_btn { line-height:20px; border:#000 solid 1px; cursor:pointer;}
.back_btn:hover { background:#aebbff; color:#000;}

/*font*/
.blue { color:#354496;}