@charset "utf-8";

body {margin: 0px auto;color:#000; font:100% Arial, "微軟正黑體"; background-color:#f1f1f1 ;text-align:center;}

/* 通用設定 */
input.s{ border:#fff 0px solid;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
em{color:#C00; font-style:normal; font-weight:bold;}
strong{}
a{color:#666666;text-decoration:none;}
a:hover{text-decoration: underline;}

/* 內容開始 */
#main {width:1024px; margin:0px auto;}
#bg_home{}
#banner_home{float:left;width:100%; height:417px;} 
#banner{float:left;width:100%; height:330px;}
/* 上區塊 */
#menu{float:left;width:100%; height:47px; background:url(../images/menu.png) no-repeat left top; text-indent:-9999px;}
#menu li{display:block; float:left; height:47px;}
#menu a{display:block; float:left; height:47px; text-indent:-9999px;}
#menu li.b_01, #menu li.b_01 a{width:119px; background:url(../images/menu.png) no-repeat left top; }
#menu li.b_02, #menu li.b_02 a{width:150px; background:url(../images/menu.png) no-repeat -119px top; }
#menu li.b_03, #menu li.b_03 a{width:161px; background:url(../images/menu.png) no-repeat -269px top; }
#menu li.b_04, #menu li.b_04 a{width:248px; background:url(../images/menu.png) no-repeat -430px top; }
#menu li.b_05, #menu li.b_05 a{width:161px; background:url(../images/menu.png) no-repeat -678px top; }
#menu li.b_01 a:hover{background:url(../images/menu_hover.png) no-repeat left top; }
#menu li.b_02 a:hover{background:url(../images/menu_hover.png) no-repeat -119px top; }
#menu li.b_03 a:hover{background:url(../images/menu_hover.png) no-repeat -269px top; }
#menu li.b_04 a:hover{background:url(../images/menu_hover.png) no-repeat -430px top; }
#menu li.b_05 a:hover{background:url(../images/menu_hover.png) no-repeat -678px top; }





/* 首頁內容 */
#content_home{float:left;width:100%; text-align:left; background-color:#fff; padding:10px 0 30px 0;}
#content_home #aboutus{float:left;width:336px; color:#000; margin-left:30px; }
#content_home #aboutus h1, #content_home #newproduct h1{float:left; width:100%;font-size:0.8125em; color:#d1000d; font-weight:bold; margin-bottom:10px;}
#content_home #aboutus p{ float:left;width:100%;font-size:0.8em; margin:3px 0; line-height:23px;}
#content_home #newproduct{float:left;width:610px;color:#000;margin-left:30px;}
#content_home #newproduct p{float:left;width:170px;font-size:0.95em; padding:1px 0; margin:0 5px;}
#content_home #newproduct p img{border:#aaaaaa 1px solid; margin:5px 0;}
#content_home #newproduct a{color:#000;}
#content_home #newproduct p a:hover{color:#C30; text-decoration:none;}
#content_home #newproduct .btn{float:left; width:100%; text-align:right;}


#content_home #newproduct .pro_list{float:left;width:196px; height:100%;margin:2px;}
#content_home #newproduct .pro_list .pro_pic{width:190px; border:#38496b 1px solid; margin:3px 0;}
#content_home #newproduct .pro_list .pro_pic img{width:190px;}
#content_home #newproduct .pro_list .pro_word{float:left; width:190px; color:#7b7b7b; font-size:0.8125em; padding-top:5px; text-align:center; margin:0 5px;}
#content_home #newproduct .pro_list .pro_intro{float:left; width:190px;color:#7b7b7b; font-size:0.8125em; padding-top:5px; text-align:left; margin:0 5px;}
#content_home #newproduct .pro_list a{color:#000;}
#content_home #newproduct .pro_list a:hover{color:#C30; text-decoration:none;}


/* 一般內容 */

#content {float:left;width:100%; color:#000; background-color:#fff; text-align:left; margin:0; padding:25px 0;}



/*左區塊*/
#leftmenu{float:left; width:243px; margin-top:15px; margin-left:28px;}
#leftmenu #menu_list{float:left; width:100%;}
#leftmenu #menu_list li{float:left;width:243px; /*height:32px;*/ font-size:0.813em; font-family: Arial; color:#fff; margin:4px 0 1px 0;}
#leftmenu #menu_list a{float:left;display:block;width:200px; height:32px; color:#fff; background:url(../images/btn1_01.png) repeat-x left center; padding:10px 10px 0 33px; font-weight:bold;}
#leftmenu #menu_list a:hover{background:url(../images/btn1b_01.png) repeat-x left center;color:#FF0; text-decoration:none;}
#leftmenu #menu_list a.now{display:block;width:200px; height:32px; color:#FF0;background:url(../images/btn1b_01.png) repeat-x left center;  padding:10px 10px 0 33px;font-weight:bold;}
#leftmenu #menu_list li ul{float:left; width:80%; margin-left:10%;}
#leftmenu #menu_list li ul li{float:left; width:100%; color:#333; height:auto; margin:1px 0 2px 0;}
#leftmenu #menu_list li ul a{display:block;float:left; width:100%; height:auto; font-size:0.9em; font-weight:normal; background:url(../images/btn1_02.png) no-repeat left 11px; color:#333;}
#leftmenu #menu_list li ul a:hover{background:url(../images/btn1b_02.png) no-repeat left 11px; color:#C30;}


#leftnav {float:left;  width:243px; margin-top:15px; margin-left:28px;}
#leftnav dt { width:203px; height:30px; cursor:pointer; background:url(../images/btn1_01.png) no-repeat; color:#FFF; font:13px Arial; font-weight:bold; padding:12px 0 0 40px; margin:0;}
#leftnav dt:hover { width:203px; height:30px; cursor:pointer; background:url(../images/btn1b_01.png) no-repeat; color:#FF0; font:13px Arial; font-weight:bold; padding:12px 0 0 40px; margin:0;}
#leftnav dt a { color:#FFF; font:13px Arial; font-weight:bold; text-decoration:none;}
#leftnav dt a:hover { color:#FF0; font:13px Arial; font-weight:bold; text-decoration:none;}
#leftnav dd { width:243px; padding:0; margin:0;}
#leftnav dd ul { padding:0; margin:0; list-style:none; display:block;}
#leftnav dd ul li { width:243px; height:41px; cursor:pointer; background:url(../images/btn1_02.png) no-repeat; padding:0; margin:0;}
#leftnav dd ul li:hover { width:243px; height:41px; cursor:pointer; background:url(../images/btn1b_02.png) no-repeat; color:#FFF; font:13px Arial; font-weight:bold; padding:0; margin:0;}
#leftnav dd ul li a { color:#FFF; font:13px Arial; font-weight:bold; text-decoration:none; position:absolute; margin-top:12px; margin-left:52px;}
#leftnav dd ul li a div { width:190px;}
#leftnav dd ul li a:hover { color:#FF0; font:13px Arial; font-weight:bold; text-decoration:none; position:absolute; margin-top:12px; margin-left:52px;}



/*右區塊*/
#rightcontent{float:left; width:725px;}
#title{float:left; width:94%; border-bottom:#42701d 1px solid;margin:0 3%;}
#title #title_pic{float:left;width:100%; font:0.938em "微軟正黑體"; margin-bottom:5px; color:#2661a5;}



/* 一般內容 */
#page_con{float:left; width:94%; margin:15px 3%;}
#page_con p{font:0.8125em Arial; line-height:22px; margin:10px 0;}
#page_con table{width:97%; margin:0 auto; font-size:0.8125em; color:#8d8d8d;}
#page_con th{width:90px; background-color:#f9f9f9; padding:5px; text-align:center;}
#page_con td{padding:5px;}
#page_con ul{float:left; width:100%; margin:0 10px; font-size:0.8125em; color:#818181;}
#page_con ul li{float:left; width:100%; background:url(../images/arrow_02.jpg) no-repeat left 3px; padding-left:13px; margin:3px 0;}



/* 最新消息 */

#news{float:left; width:100%; margin:0;}
#news .news_list{float:left; width:100%; color:#666465; background:url(../images/bg_news.jpg) repeat-x left bottom; padding:10px 0 20px 0; margin-bottom:10px; }
#news .news_bg{}
#news .news_list .news_num{float:left; width:160px; text-align:center; color:#333; margin-right:20px;}
#news .news_list .news_num img{width:157px; border:#37486a 1px solid; padding:4px;}
#news .news_list .news_title{float:left; width:100%; font-size:1em; color:#727272; margin-bottom:10px;}
#news .news_list .news_title span{margin-left:7px; text-align:center; color:#00b7ee;}
#news .news_list .news_word{float:left; width:630px; font-size:0.8125em;  text-align:left; line-height:22px; margin-left:10px; color:#7c7c7c;  padding-right:
120px;}
#news .news_list .news_word a{color:#777;}
#news .news_list .btn{float:right; width:61px; height:27px; color:#fff; text-align:center; margin-top:30px;}
#news .news_list .btn a{display:block; width:61px; height:27px; background-color:#353535; font-size:0.9em;color:#FFF; line-height:27px;}
#news .news_detail{width:100%;}
#news .news_detail .title{float:left; width:100%; padding-bottom:10px; margin-bottom:15px;}
#news .news_detail .title .name{float:left; width:88%; color:#727272; font-weight:bold;}
#news .news_detail .title .news_data{float:right; width:10%; color:#00b7ee;}
#news .news_detail .news_p{font:0.8125em Arial; color:#777; margin:8px; line-height:22px;}





/* 產品 */
#product{float:left; width:100%; margin:0;}
#product table{}
#product table tr{}
#product .pro_list{float:left;width:231px; height:100%;margin:16px 5px;}
#product .pro_list .pro_pic{width:229px; border:#38496b 1px solid; margin:3px 0;}
#product .pro_list .pro_pic img{width:229px; height:186px;}
#product .pro_list .pro_word{float:left; width:221px; color:#7b7b7b; font-size:0.8125em; padding-top:5px; text-align:center; margin:0 5px;}
#product .pro_list .pro_intro{float:left; width:221px;color:#7b7b7b; font-size:0.8125em; padding-top:5px; text-align:left; margin:0 5px;}
#product .pro_list a{color:#000;}
#product .pro_list a:hover{color:#C30; text-decoration:none;}
#product .pro_detail{float:left; width:100%; margin-top:15px; margin-left:20px;}
#product .pro_detail .pro_pic{float:left;width:420px; margin:0 10px 20px 0; text-align:center;}
#product .pro_detail .pro_pic img{ width:420px; border:#3a4b6c 1px solid;margin:0 auto;}
#product .pro_detail .pdPic2{float:left; width:100%; margin:10px 10px 10px 0; text-align:left;}
#product .pro_detail .pdPic2 a img{width:70px;border:#ebebeb 1px solid; margin-right:5px;}
#product .pro_detail .pdPic2 a:hover img{border:#06C 1px solid;}
#product .pro_detail .pro_word1 {float:left;width:260px; margin-left:10px; font-size:0.9em;}
#product .pro_detail .pro_word1 .name{float:left;width:100%; font:1.2em "微軟正黑體"; font-weight:bold; margin:0 0 20px 0;}
#product .pro_detail .pro_word1 p{float:left; width:100%; line-height:25px;}
#product .pro_detail .pro_word2{float:left; width:97%; border-top:#3a4b6c 1px solid; padding-top:15px;}

#product .pro_detail .pro_word2 p{margin:10px 0;}
#product .pro_detail .back{float:right;width:61px; height:27px; color:#fff; text-align:center; margin:20px ;}
#product .pro_detail .back a{display:block; width:61px; height:27px;  background-color:#353535; font-size:0.9em;color:#FFF; line-height:27px;}


/* 案例 */
#case{float:left; width:700px; margin:15px 10px;}
#case .case_bg_top{float:left;width:675px; height:15px; background:url(../images/case_bg_top.jpg) no-repeat left top; margin-top:5px;}
#case .case_bg_bottom{float:left;width:675px; height:15px; background:url(../images/case_bg_bottom.jpg) no-repeat left top; margin-bottom:10px;}

#case .case_list{float:left;width:675px;font-size:0.8125em; background:url(../images/case_bg.jpg) repeat-y left top;}
#case .case_list .case_pic{float:left;width:224px;  padding:3px; text-align:right; line-height:22px; margin:0 20px;}
#case .case_list .case_word{float:left; width:380px; color:#7b7b7b; line-height:20px; padding-top:20px;}
#case .case_list .case_word big{font-size:1em; color:#000000; font-weight:bold;}
#case .case_list a{color:#000;}
#case .case_list p{margin:5px 10px;}


/* 聯絡我們 */
#contact ol{float:left; width:500px; margin:5px 15px;}
#contact li{float:left; clear:left; width:100%; font-size:1em; }
#contact label {float:left;width:5em;font:1em Arial; color:#004495; text-align:right; padding:5px 15px 5px 20px; line-height:25px;}
#contact input{width:365px;border:#939393 1px solid; background-color:#f4f4f4; font: 0.8125em Arial; height:18px; margin:6px;}
#contact textarea{width:360px;border:#939393 1px solid; background-color:#f4f4f4; font: 0.8125em Arial; line-height:20px; margin:6px;}
#contact .send{float:right;width:420px; margin:10px 20px; text-align:right;}
#contact .send .btn_1 {width:88px; height:38px;border: none; background-color:#0074ff; color:#fff;}

#contact_map{float:right; width:430px;}	

/* 換頁 */
#change{ float:left;width:94%;text-align:center; font:0.75em Arial; color:#fff; word-spacing:3px; margin:40px 3% 5px 3%;}
#change span{margin:1px;}
#change a{color:#fff; background-color:#353535; padding:3px 8px;}
#change	a.now, #change a:hover{color:#fff; background-color:#2a3b5d; text-decoration:none;}
#change .back{width:61px; height:27px; color:#fff; text-align:center; margin:20px auto 0 auto;}
#change .back a{display:block; width:61px; height:27px;  background-color:#353535; font-size:0.9em;color:#FFF; line-height:27px;}


/* copyright */
#footer_bg{float:left;width:1024px; height:79px; background:#2f4268 url(../images/bg_footer.jpg) repeat-x center top;text-align:center; margin:0 auto; }
#footer {float:left;font-size:0.75em;width:100%;color:#fff; text-align:left; margin-top:10px;}
#footer .logo{float:left; width:230px; margin-left:50px;}
#footer p{ float:left; width:66%;margin:5px 30px; text-align:left; line-height:22px;}
#footer p a, #footer p a:link{color:#fff; text-decoration:none;}
#footer p a:hover{color:#fff;text-decoration:underline;}
#footer small{font-size:1em;}