@charset "utf-8";
/* CSS Document */
html, body {font-family: Arial, Helvetica, sans-serif; margin-top:0px; background-color:#000000; font-size:13px; line-height:20px;}
#wrap {position:relative; width:950px; margin:0px auto; padding:0px;}

/*樣式*/
a{text-decoration:none;} a:link{color:#fff;} a:visited{color:#fff;} a:active{color:#fff;}
.main_title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; color:#FFFFFF;}
.pro_table{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#FFFFFF; text-align:center;}
.pro_table_txt{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-align:center;}

/*內頁部分-共用*/
#main_title{position:relative; float:left; margin:0px; padding:0px; width:950px;}
#banner{position:relative; float:left; margin:0px; padding:0px; width:950px; height:160px;}
#main_menu{position:relative; float:left; margin:0px; padding:0px; width:950px; height:45px; background:url(img/main_menu_bg.gif) repeat-x;}
#main_menu_bt{position:relative; float:left; margin:8px 0px 0px 0px; padding:0px; width:470px; text-align:center; text-decoration:none;}
#main_content{position:relative; float:left; margin:0px; padding:0px; width:950px; background:#1B1B1B;}
#main_footer{position:relative; float:left; margin:0px; padding:0px 10px 0px 0px; width:940px; height:30px; background:url(img/footer_bg.gif) repeat-x; color:#FFFFFF; text-align:right; line-height:30px;}

/*內頁部分-pro*/
#title_pro{ position:relative; float:left; margin:0px; padding:0px; width:480px; height:45px; background:url(img/title_pro.jpg) no-repeat;}
#pro_main_content{position:relative; float:left; margin:0px; padding:0px; width:950px; background:url(img/pro_menu_bg.gif) repeat-y;}
#pro_content{position:relative; float:left; margin:0px; padding:0px; width:704px; background:url(img/pro_content_bg.gif) repeat-y;}
/*product introduction*/
#pro_intro{position:relative; float:right; margin:1px; padding:0px; width:698px; height:200px; background:url(img/pro_intro_bg.gif) repeat-x; color:#fff;}
#intro_title{position:relative; float:left; margin:0px; padding:0px; width:698px; height:30px; background:url(img/pro_intro_title.gif) no-repeat;}
#intro_photo_area{position:relative; float:left; width:117px;}
#intro_photo{position:relative; float:left; margin:5px 20px 0px 20px; padding:10px 0 0 10px; width:117px; height:117px;}
#intro_zoom{position:relative; float:left; margin:15px 0 0 75px!important; *margin:15px 0 0 75px!important; margin:0 0 0 45px; width:50px; color:#fff;}
#intro_con{position:relative; float:left; margin:5px 0 0 50px!important; *margin:5px 0 0 50px!important; margin:5px 0 0 0; padding:0px; width:500px; color:#fff;}

/*feature*/
#pro_fea{position:relative; float:right; margin:1px; padding:0px; width:698px;}
#fea_title{position:relative; float:left; margin:0px; padding:0px; width:698px; height:30px; background:url(img/pro_img_title.gif) no-repeat; border-top:#535353 solid 1px;}
#fea_con{position:relative; float:left; margin:0px; padding:5px 0px 5px 28px; width:670px; color:#FFFFFF;}
#fea_img{position:relative; float:left; width:130x; height:130px; padding:20px 0 0 40px; overflow:hidden;}
#dl_spec{position:relative; float:left; width:130x; height:10px; margin:10px 0 0 600px!important; *margin:10px 0 0 600px!important; margin:10px 0 0 300px;}

#pro_fea2{position:relative; float:right; margin:1px; padding:0px; width:698px;}
#fea2_title{position:relative; float:left; margin:0px; padding:0px; width:698px; height:30px; background:url(img/pro_spec_title.gif) no-repeat; border-top:#535353 solid 1px;}
#fea2_con{position:relative; float:left; margin:0px; padding:5px 0px 5px 28px; width:670px; color:#FFFFFF;}
#fea2_img{position:relative; float:left; width:100px; height:100px; padding:20px 0 0 20px; overflow:hidden;}

#pro_fea3{position:relative; float:right; margin:1px; padding:0px; width:698px;}
#fea3_title{position:relative; float:left; margin:0px; padding:0px; width:698px; height:30px; background:url(img/pro_fea_title.gif) no-repeat; border-top:#535353 solid 1px;}
#fea3_con{position:relative; float:left; margin:0px; padding:5px 0px 5px 28px; width:670px; color:#FFFFFF;}
#fea3_img{position:relative; float:left; width:100px; height:100px; padding:20px 0 0 20px; overflow:hidden;}

/*pro選單*/
#pro_menu{position:relative; float:left; margin:0px; padding:10px 0px; width:246px; background:url(img/pro_menu_bg.gif) repeat-y; color:#fff;}
#pro_menu_tree{margin:0px;}
#pro_menu_tree ul{margin:0px; padding:0px 0px 0px 5px; text-decoration:none; list-style:none; font-weight:bold;}
#pro_menu_tree li{margin:0px; padding:0px 0px 0px 15px; text-decoration:none;}
#pro_menu_tree a{margin:0px; padding:2px; text-decoration:none;}
#pro_menu_tree a:hover{cursor:pointer;}
#pro_menu_tree ul ul a{margin:0px; text-decoration:none; font-weight:normal; color:#999999;}
#pro_menu_tree ul ul a:hover{color:#fff;}

/*pro-list*/
#pro_list_content{position:relative; float:left; margin:0px; padding:0px; width:950px; background:url(img/pro_list_bg.gif) repeat-y;}
#list_title{position:relative; float:left; margin:0px; padding:0px; width:698px; height:30px; background:url(img/pro_list_title.gif) no-repeat;}
#list_content{position:relative; float:left; margin:1px 1px 1px 5px; padding:0px; width:698px; background:url(img/list_content_bg.gif) repeat-x;}
#list_block{position:relative; float:left; margin:0px 20px 0px 20px!important; *margin:0px 20px 0px 20px!important; margin:0; width:130px;}
#list_photo{position:relative; float:left; margin:15px 10px 3px 10px!important; padding:0px; width:130px; height:130px;}
#list_txt{position:relative; float:left; margin:15px!important; *margin:15px!important; margin:0 10px; padding:0px; width:130px; text-align:center; color:#fff; font-size:12px; height:12px;}

/*pro ref*/
#pro_ref_block{width:300px; position:relative; float:left; text-align:center; margin:10px 0 5px 0;}
#pro_ref_img{height:180px;}
#pro_ref_txt{height:150px; width:240px; color:#fff; text-align:left; padding:0 0 0 30px!important; *padding:0 0 0 30px!important; padding:0 0 0 10px;}