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

/*取消 Html 原有樣式  reset.css ---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; }
img, div, input { _behavior: url("css/iepngfix.htc") }/*ie6透明*/

/*相關共用------------------------------------*/
.more{ font-size: 11px; }
body{ font-family: Arial, Helvetica, sans-serif; color: #525151; font-size: 13px; line-height: 2em; background-image: url(images/bg.jpg); background-repeat: repeat-y; background-position: center; }
.clear { clear: both; }
.hd h1 { visibility: hidden; }
.claearfix:after{ content:"."; display: block; clear: both; height: 0px; visibility: hidden; }
.p_b { font-size: 13px; font-weight: bolder; color: #333333; }
.p_b2 { font-size: 13px; font-weight: color: #333333; color: #000000; line-height: 16px; }
.p_b3 { font-size: 18px; color: #9B8EC6; padding-bottom: 10px; }

.photo { padding-right: 10px; }




/* 首頁主體排版------------------------------------*/
.index{ background-image: url(images/index_bg.jpg); background-repeat: repeat-x; background-position: top; }
#index{ width: 975px; margin-right: auto; margin-left: auto; background-image: url(images/index_01.jpg); background-repeat: no-repeat; background-position: right top; position: relative; }
#index #flash{}
#index #menu{ position: absolute; top: 284px; right: 0px; }
#index .text { position: absolute; top: 350px; right: 5px; font-size: 15px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: left; width: 530px; }
#index .text  h1{ font-size: 15px; font-weight: bold; color: #594f91; }
#index .text .more{ color: #FFCC00; text-decoration: none; }
#index .text .more:hover{color: #FFFFFF; }
#index #product_list{ position: absolute; top: 500px; right: 55px; }

/* 主體排版------------------------------------*/
#wrap{ width: 900px; margin-right: auto; margin-left: auto; background-color: #FFFFFF; }/*網頁外框*/
#header{ position: relative; background-image: url(images/header_bg.jpg); background-repeat: repeat-x; background-position: bottom; padding-bottom: 5px; }/*橫幅*/
#cont{}/*中區塊外框*/
#main{}/*主區塊*/
#sidebar{} /*次區塊*/
#footer { background-image: url(images/foot_bg.jpg); background-repeat: repeat-x; background-position: top; padding-top: 5px; position: relative; clear: both; background-color: #FFFFFF; }/*頁尾*/
#footer .top { background-image: url(images/icon_top.jpg); height: 27px; width: 77px; display: block; top: 0px; right: 15px; position: absolute; }
#footer .slogo { margin-right: 10px; }
#copyright{ font-size: 11px; color: #666666; text-align: center; margin-top: 15px; }
#copyright a{color: #666666;}

/*按鈕設定*/
.input1 { background-color: #766cad; color: #FFFFFF; font-weight: bold; margin-right: 5px; margin-left: 5px; padding-right: 6px; padding-left: 6px; }
.btn { text-align: center; }

/*contact表格設定*/
.table1 { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }
.table1 .bg { background-image: url(images/05contact_thbg.jpg); background-repeat: no-repeat; background-position: left bottom; height: 10px; position: fixed; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
.table1 .bg1 { background-image: url(images/05contact_thbg.jpg); background-repeat: no-repeat; background-position: left top; height: 3px; position: fixed; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; }
.table1 th { color: #302474; font-size: 13px; font-weight: bold; background-color: #eeeeee; text-align: right; border-bottom-width: 1px; padding: 5px; border-bottom-color: #FFFFFF; border-bottom-style: solid; }
.table1 td { border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
.bgtop1 { background-image: url(images/05contact_thbg.jpg); background-position: left top; background-repeat: no-repeat; }
.bgtop2 { background-image: url(images/05contact_thbg.jpg); background-position: right top; background-repeat: no-repeat; }
.bgdown1 { background-image: url(images/05contact_thbg.jpg); background-position: left bottom; background-repeat: no-repeat; }
.bgdown2 { background-image: url(images/05contact_thbg.jpg); background-position: right bottom; background-repeat: no-repeat; }



/* 頁面------------------------------------*/
/*關於我們*/
#about{ position: relative; }
#about .hd{ background-image: url(images/01about_topbg.jpg); background-repeat: no-repeat; height: 229px; }
#about .text{ background-image: url(images/01about_bg.jpg); background-repeat: no-repeat; background-position: left bottom; padding-top: 40px; padding-right: 110px; padding-left: 110px; height: 950px; }
#about .text2 { margin-right: 110px; margin-left: 110px; }

#about .text li{ left: 10px; right: 10px; top: 10px; bottom: 10px; background-image: url(images/01about_icon.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 15px; }
#about .text .col1 { *margin-left: 490px; *margin-right: 0px; color: #594f91; line-height: 1.7em; font-size: 12px; display: block; position: absolute; right: 20px; top: 980px; }
#about .text .col1 a { color: #594F91; text-decoration: none; }
#about .text .col1 a:hover { color: #594F91; text-decoration: underline; }

#about .text .col1 h2 { font-size: 16px; margin-bottom: 5px; }

/*product*/
#product_meau .hd { background-image: url(images/02protuct01_bg.jpg); background-repeat: no-repeat; background-position: top; }
#product_meau #flash_meau2 { text-align: center; padding-top: 70px; }

/*product_page-共用設定*/
.main_box .hd { background-image: url(images/02protuct-title.jpg); background-repeat: no-repeat; background-position: 22px 30px; height: 79px; position: relative; }
.main_box #submenu { float: right; position: absolute; top: 10px; right: 10px; }
.main_box #submenu li { float: left; }
.main_box #submenu li span { visibility: hidden; }
.main_box #submenu a { background-repeat: no-repeat; background-position: 0px 0px; height: 45px; width: 145px; margin-right: 5px; display: block; text-decoration: none; }
.main_box #submenu a:hover{ background-position: 0px -46px; text-decoration: none; }
.main_box #submenu .m1 a { background-image: url(images/icon_mx.jpg); }
.main_box #submenu .m1 a:hover { background-image: url(images/icon_mx.jpg); }
.main_box #submenu .m2 a{ background-image: url(images/icon_lx.jpg); }
.main_box #submenu .m2 a:hover { background-image: url(images/icon_lx.jpg); }
.main_box #submenu .m3 a{ background-image: url(images/icon_mf.jpg); }
.main_box #submenu .m3 a:hover { background-image: url(images/icon_mf.jpg); }
.main_box #submenu .m4 a{ background-image: url(images/icon_as.jpg); }
.main_box #submenu .m4 a:hover { background-image: url(images/icon_as.jpg);  }
.main_box      .title      { font-size: 16px; font-weight: bold; background-image: url(images/icon_01.jpg); background-repeat: no-repeat; color: #919191; margin-bottom: 20px; margin-left: 22px; padding-left: 20px; background-position: 0px 7px; }
.main_box .text { background-repeat: no-repeat; background-position: bottom; background-image: url(images/product_bg.jpg); padding-bottom: 10px; }
.main_box .text .info { padding-top: 5px; padding-bottom: 30px; }
.main_box .text li { float: left; text-align: center; width: 33%; height: 220px; display: block; clip: rect(auto,auto,auto,auto); }
.main_box .text li a { color: #50458d; text-decoration: none; font-weight: bold; }
.main_box h2 { font-weight: bold; color: #666666; font-size: 15px; }
.main_box4 { text-align: center; padding-top: 25px; }

.ul2  li { background-image: url(images/01about_icon.jpg); background-repeat: no-repeat; background-position: 5px 10px; padding-left: 20px; }
.ul3  li { background-image: url(images/01about_icon.jpg); background-repeat: no-repeat; background-position: 5px 5px; padding-left: 20px; }
.info { margin-right: 25px; margin-left: 25px; margin-bottom: 30px; }
.box1 { border: 1px solid #e3e1f0; margin-bottom: 20px; }
.box1 .col_l  .title1 { background-color: #7f75bc; height: 26px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; color: #FFFFFF; text-align: center; }
.box1 .col_r  .title1 { text-align: center; color: #FFFFFF; background-color: #7f75bc; height: 26px; }
.box1 .col_l  { float: left; text-align: center; width: 574px; }
.box1 .col_l2  { float: left; text-align: center; background-color: #7f75bc; height: 26px; color: #FFFFFF; text-align: center; width: 100%; }
.box1 .col_r  { width: 274px; float: right; }
.submenu2 { padding-top: 50px; width: 40%; float: left; margin-right: 0px; margin-left: 20px; margin-bottom: 0px; }

.submenu2 .claearfix li { float: left; height: 69px; clip: rect(auto,auto,auto,auto); width: 100%; text-align: left; display: block; }
#submenu2 { margin-top: 300px; margin-right: auto; margin-left: auto; }
#submenu2 a  { background-repeat: no-repeat; background-position: 0px 0px; height: 27px; width: 173px; display: block; ); margin-right: auto; margin-left: auto; margin-bottom: 10px; }
#submenu2 a:hover{ background-position: 0px -27px; }
#submenu2 .m1 a { background-image: url(images/products/icon_sa.jpg); }
#submenu2 .m1 a:hover { background-image: url(images/products/icon_sa.jpg); }
#submenu2 .m2 a { background-image: url(images/products/icon_s.jpg); }
#submenu2 .m2 a:hover { background-image: url(images/products/icon_s.jpg); }
#submenu3 { margin-top: 20px; float: left; margin-left: 230px; }
#submenu3 a  { background-repeat: no-repeat; background-position: 0px 0px; height: 27px; width: 173px; display: block; text-decoration: none; ); }
#submenu3 a:hover{ background-position: 0px -27px; }
#submenu3 .m1 a { background-image: url(images/products/icon_al.jpg); }
#submenu3 .m1 a:hover { background-image: url(images/products/icon_al.jpg); }

.box2 .info { padding-top: 10px; width: 40%; float: left; margin-right: 0px; margin-left: 10px; margin-bottom: 0px; }
.box2 .claearfix li { float: left; height: 69px; clip: rect(auto,auto,auto,auto); width: 100%; text-align: left; display: block; }
.box2 .claearfix a { color: #666666; text-decoration: none; }
.box2 .claearfix a:hover { color: #6633CC; text-decoration: none; }
.box3 .info { padding-top: 10px; float: right; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; width: 50%; }
.box3 .claearfix li { float: left; height: 44px; clip: rect(auto,auto,auto,auto); width: 100%; text-align: left; display: block; }
.box3 .claearfix a { color: #666666; text-decoration: none; }
.box3 .claearfix a:hover { color: #6633CC; text-decoration: none; }
.table2 { padding-top: 20px; }

.title_pbg { background-image: url(images/products/protuct-titlebg.jpg); background-repeat: repeat-y; color: #FFFFFF; padding-left: 10px; font-size: 14px; }
.title_pbg2 { background-image: url(images/products/mf_title_bg.jpg); background-repeat: repeat-y; color: #FFFFFF; background-color: #A7A1CD; padding-top: 3px; padding-bottom: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #9892b7; }
.td1 { line-height: 16px; width: 10%; padding-right: 5px; padding-top: 5px; }
.td2 { padding-top: 10px; }
.td3 { padding-bottom: 15px; line-height: 20px; padding-top: 5px; }
.td4 { padding-left: 10px; }

.bg_as   { color: #FFFFFF; padding-left: 10px; font-weight: bold; background-color: #BBB3D8; font-size: 14px; }


.table3 { border: 1px solid #9892b7; }
.table3 th { background-color: #C9C1DE; }
.table3 .s3 { border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; }
.table3  th.s2,.table3 td.s2 { border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; }
.table3 th.s1, .table3 td.s1 { border-right-width: 1px; border-right-style: solid; border-right-color: #9892b7; }
.table3 td, .table3 th { text-align: center; padding-right: 6px; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; }
.table3 Tr.even td{  background-color: #e0e0e0;}/*雙數列*/







/*mx_dia_01*/
#mx_dia_01  .col_l { float: left; width: 50%; }
#mx_dia_01 .col_r { margin-right: 40px; text-align: right; }
#mx_dia_01 .col2 { text-align: center; margin-top: 30px; }
#mx_dia_01 .col3 { margin-top: 30px; }
#mx_dia_01 .col3_l { float: left; width: 30%; }
#mx_dia_01 .col3_r { text-align: right; }
#mF_dia_02 .bg { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBB3D8; }
#mf_dia_07  #col1 { background-image: url(images/products/02protuct-mf-07_03.jpg); background-repeat: no-repeat; background-position: left top; height: 316px; width: 100%; margin-bottom: 10px; margin-right: auto; }
#mf_dia_07  #col2 { background-image: url(images/products/02protuct-mf-07_07.jpg); background-repeat: no-repeat; background-position: left top; height: 291px; width: 90%; margin-bottom: 10px; margin-right: auto; margin-left: auto; }
#mf_dia_07  #col3 { background-image: url(images/products/02protuct-mf-07_11.jpg); background-repeat: no-repeat; background-position: left top; height: 299px; margin-bottom: 10px; width: 90%; margin-right: auto; margin-left: auto; }
#mf_dia_07  #col4 { background-image: url(images/products/02protuct-mf-07_15.jpg); background-repeat: no-repeat; background-position: left top; height: 292px; width: 90%; margin-bottom: 10px; margin-right: auto; margin-left: auto; }
#mf_dia_07 #col3 .text3 { padding-top: 120px; padding-left: 308px; }
#mf_dia_07 #col4 .text3 { padding-top: 130px; }
#mf_dia_12 #col1 { background-image: url(images/products/02protuct-mf-12_03.jpg); background-position: right top; height: 619px; width: 90%; background-repeat: no-repeat; margin-right: auto; margin-left: auto; }











/*最新消息*/
#news table .title { background-image: url(images/04news_titlebg1.jpg); background-repeat: no-repeat; color: #919191; }
#news table .date { background-image: url(images/04news_titlebg2.jpg); width: 144px; background-repeat: no-repeat; color: #919191; background-position: right top; }
#news  table { width: 857px; margin-bottom: 20px; }
#news .hd { background-image: url(images/04news_title.jpg); background-repeat: no-repeat; background-position: left top; height: 208px; }

#news table td { padding: 10px; }
#news table th { text-align: center; font-weight: bold; padding-top: 7px; padding-bottom: 15px; }
#news .text table h2 { padding-left: 20px; background-image: url(images/04news_icon.jpg); background-repeat: no-repeat; background-position: 0px 6px; color: #573C91; font-size: 13px; }
#news .text table p { font-size: 12px; }
#news .text table .row td { background-color: #f4f3f8; }


/*產品目綠*/
#catalogue .hd { background-image: url(images/03catalogue01_title.jpg); background-repeat: no-repeat; background-position: 20px 30px; height: 500px; }
#catalogue_meau li { float: left; margin-right: 2px; }
#catalogue_meau li span { visibility: hidden; }
#catalogue_meau a { background-repeat: no-repeat; background-position: 0px 0px; height: 327px; width: 203px; display: block; margin-top: 97px; margin-left: 16px; text-decoration: none; }
#catalogue_meau a:hover{ background-position: -202px; }
#catalogue_meau .cm1 a { background-image: url(images/03catalogue01_mx.jpg) }
#catalogue_meau .cm1 a:hover { background-image: url(images/03catalogue01_mx.jpg) }
#catalogue_meau .cm2 a { background-image: url(images/03catalogue01_lx.jpg) }
#catalogue_meau .cm2 a:hover { background-image: url(images/03catalogue01_lx.jpg) }
#catalogue_meau .cm3 a { background-image: url(images/03catalogue01_mf.jpg) }
#catalogue_meau .cm3 a:hover { background-image: url(images/03catalogue01_mf.jpg) }
#catalogue_meau .cm4 a { background-image: url(images/03catalogue01_as.jpg) }
#catalogue_meau .cm4 a:hover { background-image: url(images/03catalogue01_as.jpg) }
#catalogue_meau #flash_meau { margin-top: 75px; }


/*聯絡我們*/
#contact .hd { background-image: url(images/05contact_title.jpg); background-repeat: no-repeat; background-position: left top; }
#contact .hd .col2 { font-size: 14px; color: #302474; clip: rect(auto,auto,auto,auto); padding-top: 60px; padding-left: 53px; }
#contact .hd .col2 h2 { font-size: 18px; color: #564d89; }
#contact .text { margin-right: 25px; margin-left: 25px; margin-top: 25px; }

._picb{ height: 420px; padding-top: 10px; width: 477px; }
._picb li { display: none; }
._pics .select a{ color: #7F75BC; font-weight: bold; }

.contact_send{ text-align: center; }