@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%;}

/*相關共用------------------------------------*/
.clear { clear: both;}/*清除*/
.hd_c { background-image: url(images/01about_sidebar_line.jpg); background-repeat: no-repeat; background-position: 0px 22px; padding-bottom: 10px; }
.hd { padding-top: 39px; padding-left: 2px; color: #041d30; font-weight: bold; font-size: 20px; padding-bottom: 12px; background-image: url(images/01about_line.jpg); background-repeat: no-repeat; background-position: 0px bottom; }
.hd p { background-image: url(images/inco_1.jpg); background-repeat: no-repeat; display: block; padding-left: 23px; }
.hd1 { padding-top: 15px; padding-bottom: 10px; background-image: url(images/01about_ltd_line.jpg); background-repeat: no-repeat; background-position: 0px bottom; }
.hd2 { font-size: 15px; color: #0a3662; font-weight: bold; background-image: url(images/inco_competition.jpg); background-position: 2px 6px; background-repeat: no-repeat; margin-top: 15px; margin-bottom: 10px; padding-left: 14px; }
.hd3 { font-size: 20px; color: #844a06; font-weight: bold; margin-bottom: 17px; }

body { background-color: #00001b; text-align: center; background-image: url(images/index_bg4.jpg); background-repeat: repeat-y; background-position: center; }
#wrap { width: 962px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; text-align: left; background-color: #FFF; margin-top: -15px; }
#header { }
#cont { }
#sidebar { min-height:590px; _height:590px; float: left; width: 175px; position: relative; }
#main { float: right; width: 731px; margin-top: 16px; margin-right: 21px; font-size: 13px; color: #5a5959; line-height: 1.7em; margin-bottom: 60px; }
#footer { background-image: url(images/01about_foot.jpg); background-repeat: no-repeat; height: 67px; width: 962px; position: relative; }
.text_cn { color: #041d30; font-size: 15px; font-weight: bold; }
.text_eh { font-size: 10px; color: #454545; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; height: 8px; margin-top: 5px; margin-left: 2px; }
.linkmap { float: right; margin-top: 14px; color: #9b5b30; padding-left: 18px; }
.linkmap a { text-decoration: none; font-size: 13px; color: #9b5b30; padding-right: 2px; padding-left: 2px; display: inline-block; }
.linkmap a:hover { color: #F27900; text-decoration: underline; }
.menu { height: 40px; position: absolute; bottom: 0px; width: 962px; background-image: url(images/menu.jpg); background-repeat: no-repeat; }
.menu ul { padding-top: 15px; padding-left: 115px; }
.menu li { background-image: url(images/menu_line.jpg); background-repeat: no-repeat; float: right; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; } 
.menu li a { display: inline; background-image: url(images/inco_menu.jpg); background-repeat: no-repeat; float: left; background-position: 0px 2px; font-size: 15px; color: #FFFFFF; text-decoration: none; padding-right: 32px; padding-left: 18px; margin-top: 2px; }
.menu li a:hover { color: #FEC721; } 
.icon1 { background-image: url(images/inco_03product.jpg); background-repeat: no-repeat; background-position: 0px 6px; padding-right: 5px; font-size: 13px; color: #063c65; float: left; padding-left: 18px; }
.icon2 { background-image: url(images/inco_news.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 15px; text-decoration: none; color: #05466a; font-weight: bold; display: block; font-size: 15px; margin-bottom: 10px; margin-top: 7px; } 
.icon3 { background-image: url(images/inco_index.jpg); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 24px; text-decoration: none; color: #041d30; font-weight: bold; display: block; font-size: 15px; margin-bottom: 10px; margin-top: 7px; } 

.p_b { font-size: 13px; color: #055490; font-weight: bold; } 
.p_red { color: #dc2525; text-decoration: none; }
.table1 td ,.table1 th{ border: 1px solid #FFF; color: #2e4a7e; padding: 4px; }
.table1 .row { background-color: #f0f3f6; }
.table2 { margin-top: 15px; border: 1px solid #d4e0e9; }
.table2 th { background-color: #eef2f6; font-size: 12px; color: #355269; padding-left: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 3px; padding-bottom: 3px; border: 1px solid #d4e0e9; }
.table2 td { padding-left: 12px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #d4e0e9; padding-top: 7px; padding-bottom: 7px; }

#page{ display:inline-block; margin-top: 15px; }/*頁碼*/
#page a,#page strong{ float:left; display:block; color:#B80103; text-align:center; margin:0 5px 0 0; padding:1px 8px; text-decoration:none; border:1px solid #CCCCCC; font-family: tahoma, helvetica, sans-serif; font-size: 93%; }
#page a:hover{ background:#3666d4;color:#FFF;}
#page .strong{ color:#000; font-weight:bold; padding:2px 6px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
#page-next,#pageg-prev, .page-nav{ margin-top:-2px;padding-bottom:1px;padding-top:1px;border-width:2px;}
#page-prev, .page-nav{ margin-right:14px;}

#top { position: relative; height: 115px; }
#top #logo { position: absolute; top: 26px; left: 23px; }
#toplink { position: absolute; top: 33px; right: 18px; }
#toplink li { display: inline; background-image: url(images/inco_0.jpg); background-repeat: no-repeat; float: left; padding-right: 10px; padding-left: 10px; background-position: 0px 4px; }
#toplink li a { display: block; font-size: 12px; text-decoration: none; color: #3c6f96; font-family: Verdana, Arial, Helvetica, sans-serif; }
#toplink li a:hover { color: #CB0002; }
#product_menu { position: absolute; top: 15px; left: 10px; }
#product_menu li { padding-bottom: 3px; }
#product_menu li a { text-decoration: none; float: right; color: #052239; font-weight: bold; font-size: 14px; padding-top: 12px; padding-right: 19px; }
#product_menu li a:hover { color: #CA0000; }
#sidebar .m1 { background-image: url(images/01about_p1.jpg); background-repeat: no-repeat; height: 39px; width: 172px; }
#sidebar .m2 { background-image: url(images/01about_p2.jpg); background-repeat: no-repeat; height: 39px; width: 172px; }
#sidebar .m3 { background-image: url(images/01about_p3.jpg); background-repeat: no-repeat; height: 39px; width: 172px; }
#sidebar .m4 { background-image: url(images/01about_p4.jpg); background-repeat: no-repeat; height: 39px; width: 172px; }
#sidebar .m5 { background-image: url(images/01about_p5.jpg); background-repeat: no-repeat; height: 39px; width: 172px; }
#sidebar .m6 { background-image: url(images/01about_p6.jpg); background-repeat: no-repeat; height: 39px; width: 172px; }
#contact_info { float: left; width: 175px; background-image: url(images/01about_sidebar_bg.jpg); background-repeat: no-repeat; padding-bottom: 15px; position: absolute; top: 297px; left: 10px; }
#contact_info .text  { margin-top: 12px; margin-left: 9px; margin-right: 9px; }
#contact_info ul { padding-top: 15px; }
#contact_info li { font-size: 13px; color: #000000; line-height: 1.7em; background-image: url(images/inco_3.jpg); background-repeat: no-repeat; background-position: 0px 8px; padding-left: 7px; }

#footer .linktop { position: absolute; right: 18px; top: -20px; }
#footer .slogo { position: absolute; left: 26px; top: 26px; }
#footer .copyright { position: absolute; top: 25px; left: 26px; font-size: 12px; color: #5a5959; }
#footer .copyright a { color: #5A5959; text-decoration: none; }
#footer .copyright a:hover { color: #1B4C84; text-decoration: underline; }
#footer .text { position: absolute; top: 24px; right: 22px; }
#footer .text a { font-size: 12px; text-decoration: none; color: #5a5959; padding-right: 3px; padding-left: 3px; }
#footer .text a:hover { color: #CA0000; }

#index .col { padding-left: 25px; }
#index .col_l { width: 385px; float: left; background-image: url(images/index_w1.jpg); background-repeat: no-repeat; background-position: 10px 40px; }
#index .col_l  .text { padding-top: 40px; padding-left: 108px; background-repeat: no-repeat; background-position: left bottom; background-image: url(images/index_w2.jpg); }
#index .col_l  .en { line-height: 1.2em; }

#index .col_r { width: 300px; float: right; position: relative; }
#index .col_r .more { right: 0px; top: 5px; float: right; }

#index .col_r .more a { text-decoration: none; color: #536b82; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#index .col_r .more a:hover { color: #CC0000; text-decoration: underline; }
#index .col_r li { background-image: url(images/inco_index1.jpg); background-repeat: no-repeat; background-position: 0px 10px; padding-left: 10px; position: relative; margin-top: 4px; margin-bottom: 4px; }
#index .col_r li a { text-decoration: none; color: #5a5959; }
#index .col_r li a:hover { color: #FE8100; }
#index .col_r .date { position: absolute; right: 0px; top: 0px; color: #895b01; font-size: 10px; }

#about .col { padding-bottom: 42px; padding-top: 25px; margin-right: 7px; margin-left: 7px; }
#about .col1 li { padding-bottom: 23px; }
#about .col1 img { margin-bottom: 8px; }
#about .ltd th { background-image: url(images/inco_0.jpg); background-repeat: no-repeat; background-position: 0px 14px; padding-left: 12px; color: #122f78; padding-right: 12px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
#about .ltd td { padding-top: 8px; padding-bottom: 6px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; }
#about .ltd a { text-decoration: none; color: #5A5959; }
#about .ltd a:hover { color: #0000FF; }

#about_2 .col { padding-top: 22px; }
#about_2 .col_l { float: left; width: 380px; margin-right: 70px; }
#about_2 .col_l li { padding-bottom: 17px; }
#about_2 .col_r { float: left; background-repeat: no-repeat; height: 184px; width: 251px; position: relative; }
#about_2 .col_r .iso { position: absolute; top: 195px; left: 48px; }
#about_2 .col_r .iso_en { position: absolute; top: 195px; left: 10px; }

#competition .col .text { margin-top: 25px; margin-bottom: 42px; }
#competition .col_l { float: left; width: 295px; margin-right: 32px; }
#competition .col_l li { padding-bottom: 12px; }
#competition .col_r { float: left; background-image: url(images/02competition_04.jpg); background-repeat: no-repeat; height: 285px; width: 375px; position: relative; }
#competition .col_r .pic { position: absolute; left: 11px; top: 11px; }

/*核心競爭力新設定*/
#pagelink { padding-top: 45px; padding-left: 11px; }
#pagelink li { float: left; margin-right: 15px; }
#pagelink .m7 { -moz-user-select: none; -khtml-user-select: none; background-image: url(images/02competition_02_01_en.jpg); background-repeat: no-repeat; height: 38px; width: 155px; }
#pagelink .m8 { -moz-user-select: none; -khtml-user-select: none; background-image: url(images/02competition_02_02_en.jpg); background-repeat: no-repeat; height: 38px; width: 246px; }
#pagelink .m9 { float: left; -moz-user-select: none; -khtml-user-select: none; background-image: url(images/02competition_02_03_en.jpg); background-repeat: no-repeat; height: 38px; width: 264px; }
#pagelink a { padding-left: 35px; float: left; padding-top: 6px; color: #FFFFFF; font-size: 15px; font-weight: bold; background-position: center; text-decoration: none; }
#pagelink a:hover { color: #FBC72B; }
#pagelink_en { padding-top: 45px; padding-left: 11px; }
#pagelink_en li { float: left; margin-right: 15px; }
#pagelink_en .m7 { -moz-user-select: none; -khtml-user-select: none; background-image: url(images/02competition_02_01_en.jpg); background-repeat: no-repeat; height: 38px; width: 155px; }
#pagelink_en .m8 { -moz-user-select: none; -khtml-user-select: none; background-image: url(images/02competition_02_02_en.jpg); background-repeat: no-repeat; height: 38px; width: 246px; }
#pagelink_en .m9 { float: left; -moz-user-select: none; -khtml-user-select: none; background-image: url(images/02competition_02_03_en.jpg); background-repeat: no-repeat; height: 38px; width: 264px; }
#pagelink_en a { padding-left: 35px; float: left; padding-top: 6px; color: #FFFFFF; font-size: 14px; text-decoration: none; line-height: 1em; font-weight: bold; }
#pagelink_en a:hover { color: #FBC72B; }

.competition .text { width: 100%; }
.competition .col { background-color: #FFFFFF; border: 3px solid #b1c6d5; clear: both; }
.competition .col .info { padding-right: 15px; padding-bottom: 36px; padding-left: 15px; padding-top: 36px; min-height:280px; _height:280px; }
.img1 { float: right; background-image: url(images/02competition_02_p0.jpg); background-repeat: no-repeat; padding: 9px; }
/*核心競爭力新設定 end*/
.product .col1 { margin-right: 7px; margin-left: 7px; }
.product .col1_l { float: left; margin-left: 41px; margin-right: 53px; width: 204px; }
.product .col1_l img { margin-bottom: 12px; }
.product .col1_r { float: left; height: 285px; width: 375px; }
.product .col1_r  .img { background-image: url(images/02competition_04.jpg); background-repeat: no-repeat; padding: 12px; }
.product .col { margin-right: 7px; margin-left: 7px; }
.product .text  { margin-top: 25px; margin-bottom: 25px; }
.product .col_l { float: left; height: 139px; width: 181px; border: 1px solid #cbd4cb; margin-right: 20px; margin-left: 7px; }
.product li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #9b9b9b; padding-bottom: 14px; padding-top: 14px; overflow: hidden; zoom: 1; }
.product .pic1 { padding-top: 3px; padding-left: 2px; }
.product .col_r { padding-top: 3px; overflow: hidden; zoom: 1; }
.product .col_r .more { margin-top: 20px; }

#product_dia .col { margin-right: 7px; margin-left: 7px; margin-top: 21px; overflow: hidden; zoom: 1; overflow: hidden; zoom: 1; }
#product_dia .col_l { height: 285px; width: 373px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; float: left; margin-right: 20px; }
#product_dia  talbe { margin-bottom: 10px; }
#product_dia .col_r { overflow: hidden; zoom: 1; }
#product_dia .more { margin-top: 20px; }

#equipment .col { margin-top: 35px; margin-right: 40px; margin-left: 40px; }
#equipment .col1_l { width: 303px; float: left; }
#equipment .col1_r { float: right; width: 303px; }

#news li { padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; position: relative; }
#news li p{ float: left; }
#news .text { margin-top: 25px; margin-right: 4px; margin-left: 4px; }
#news .info { line-height: 1.5em; }
#news .date { position: absolute; right: 0px; top: 0px; color: #673a00; }
#news .text a:hover { text-decoration: underline; }

#news_dia .text .img { float: right; background-repeat: no-repeat; background-image: url(images/04news_02_01.jpg); padding-top: 8px; padding-right: 7px; padding-bottom: 7px; padding-left: 8px; margin-left: 5px; margin-bottom: 5px; }
#news_dia .img2 { background-image: url(images/04news_02_03.jpg); background-repeat: no-repeat; padding: 5px; }
.box .text { margin-right: 7px; margin-left: 7px; margin-top: 15px; line-height: 2em; margin-bottom: 15px; }
.box .text p { padding-top: 5px; padding-bottom: 8px; color: #000000; }
.en1 a { font-size: 10px; }
.en .td1{ width: 96px; }
.ee{ font-size: 10px; }
