@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%;}
body { text-align: center; background-image: url(../image/bg.jpg); background-repeat: repeat-x; background-color: #F4F4F4; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
/*文字---------------------------------*/

/*共用---------------------------------*/
.search { width: 230px; margin-top: 5px; margin-bottom: 15px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; }
.page { height: 30px; width: 180px; margin-top: 10px; text-align: center; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
input { background-color: #3498CC; height: 25px; width: 60px; margin-right: 10px; margin-left: 10px; color: #FFFFFF; }
.text { width: 580px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 20px; line-height: 21px; font-family: Arial, Helvetica, sans-serif; }
#comp_icon { }
#comp_icon_w { margin-left: 50px; }
#comp_icon_a { padding-top: 5px; padding-bottom: 5px; }
.text img { }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FF590D; clear: both; margin-bottom: 5px; }
.blue { color: #0066CC; }
.row2 td { background-color: #E5EDEF; }

.title { margin-right: auto; margin-left: auto; height: 40px; width: 616px; margin-bottom: 10px; }

/*排版---------------------------------*/
#outer-wrapper{ text-align:left; width: 870px; margin-right: auto; margin-left: auto;}
#wrap{}
#header-wrapper{ margin-right: auto; margin-left: auto; width: 836px; }
#Header{ margin-right: auto; margin-left: auto; }
#content-wrapper{ background-color: #EBEBEB; background-image: url(../image/sidebar_bg.jpg); background-repeat: repeat-y; background-position: left; width: 836px; margin-right: auto; margin-left: auto; }
#main-wrapper{ float: right; zoom:1; width: 616px; background-color: #FFFFFF;  min-height: 638px; height:auto !important; height:638px;}
#main-wrapper-ch{ float: right; zoom:1; width: 616px; background-color: #FFFFFF;  min-height: 592px; height:auto !important; height:592px;}
#main{ background-color: #FFFFFF; }
#sidebar-wrapper{ float: left; width: 220px; background-color: #EAECEE; }
#sidebar{ background-color: #eaecee; }
#clear{ clear: both;}
#menu { background-color: #EBEBEB; }

/*頁面---------------------------------*/
#menu .hd { background-image: url(../image/menu_hd_bg.jpg); background-repeat: repeat-x; height: 40px; }
#menu .tit { border-left-width: 5px; border-left-style: solid; border-left-color: #3498CC; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; background-color: #FFFFFF; border-right-width: 1px; border-right-style: solid; border-right-color: #EAECEE; }
#menu li   { font-family: Arial, Helvetica, sans-serif; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; margin-right: 12px; margin-left: 12px; background-image: url(../image/icon.jpg); background-repeat: no-repeat; background-position: 5px 15px; padding-left: 15px; padding-bottom: 7px; padding-top: 10px; }
#menu li a { color: #000000; text-decoration: none; }
#menu li a:hover { color: #FF590D; }
#menu a { color: #666666; text-decoration: none; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; display: block; }
#main .bmain  { float: left; margin-left: 35px; margin-top: 10px; margin-bottom: 5px; }
#main .bmain li { font-family: Arial, Helvetica, sans-serif; color: #0099ff; text-decoration: none; line-height: 18px; background-image: url(../image/icon.jpg); background-repeat: no-repeat; background-position: 2px 3px; padding-left: 20px; }
#main .bmain p { margin-left: 5px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; color: #000000; }
#main .c2 { margin-left: 8px; margin-right: 8px; background-image: url(../image/cota_banner_04.jpg); background-repeat: no-repeat; height: 263px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; text-decoration: none; text-align: left; padding-left: 5px; }
#main .c2 p { font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-decoration: none; padding-left: 20px; margin-top: 13px; }
#main .c2 li { background-image: url(../image/icon3.jpg); background-repeat: no-repeat; background-position: 5px 8px; }
#news { width: 610px; margin-bottom: 15px; font-family: Arial, Helvetica, sans-serif; }
#news .cd { margin-left: 15px; margin-right: 10px; }
#news  .cd img { float: left; margin-left: 10px; }
#news .cd ul { float: right; width: 530px; }
#news  .cd li { font-family: Arial, Helvetica, sans-serif; background-image: url(../image/011-552.gif); background-repeat: no-repeat; background-position: left; color: #333333; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; padding-left: 15px; margin-left: 20px; margin-right: 15px; padding-top: 5px; padding-bottom: 5px; }
#news .cd th { background-color: #f1f1f1; padding-top: 8px; padding-bottom: 8px; text-align: center; border: 1px solid #dedede; }
#news .cd td { font-family: Arial, Helvetica, sans-serif; color: #333333; padding-top: 8px; padding-bottom: 8px; padding-left: 10px; border: 1px solid #dedede; }
#news .fd { margin-top: 5px; background-color: #F1F1F1; border-top-width: 1px; border-bottom-width: 3px; border-top-style: solid; border-top-color: #DEDEDE; border-bottom-color: #7CB2D6; border-bottom-style: solid; font-family: Arial, Helvetica, sans-serif; }
#news a { color: #444; }
#news a:hover { color: #006448; }
#news td.row2   { background-color: #E5EDEF; }
#newspage { width: 610px; margin-bottom: 15px; height: auto; }
#newspage  h1 { font-size: 15px; font-weight: bold; color: #CC6666; padding-bottom: 10px; }
#newspage  h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 10px; color: #003399; font-weight: normal; }
#newspage  .text { font-family: Arial, Helvetica, sans-serif; line-height: 22px; color: #333333; width: 500px; float: left; margin-top: 20px; margin-bottom: 20px; margin-left: 25px; }
#newspage .img { float: left; border: 1px solid #CCCCCC; margin-top: 70px; margin-bottom: 20px; padding: 5px; }
#newspage .fd { padding-top: 6px; padding-bottom: 6px; border-bottom-width: 3px; border-bottom-color: #CCCCCC; border-bottom-style: solid; font-family: Arial, Helvetica, sans-serif; text-align: right; margin-top: 10px; }
#main_c2 { margin-left: 8px; margin-right: 8px; background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif; line-height: 22px; text-decoration: none; text-align: left; padding-left: 5px; width: 590px; margin-top: 10px; padding-top: 15px; padding-bottom: 15px; background-image: url(../image/contact_02.jpg); background-position: 20px; }
#main_c2 p { font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-decoration: none; padding-left: 20px; margin-top: 13px; }
#main_c2 li { background-image: url(../image/icon5.jpg); background-repeat: no-repeat; background-position: 1px 3px; font-family: Arial, Helvetica, sans-serif; }
#customer { width: 290px; float: left; margin-top: 15px; margin-right: 0px; margin-left: 10px; margin-bottom: 0px; }
#customer .list  { float: left; margin-left: 35px; margin-top: 10px; }
#customer  li  { font-family: Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; line-height: 18px; background-image: url(../image/icon.jpg); background-repeat: no-repeat; background-position: 2px 6px; padding-left: 20px; height: 36px; margin-bottom: 20px; }
#customer  p  { margin-left: 5px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; color: #000000; }
#product { width: 500px; margin-left: auto; text-align: center; margin-top: 20px; margin-bottom: 30px; margin-right: auto; font-family: Arial, Helvetica, sans-serif; }
#product  img  { margin-bottom: 6px; margin-top: 6px; }
#pdt_info { border: 2px solid #CCCCCC; margin-top: 10px; margin-bottom: 20px; margin-right: auto; margin-left: auto; width: 480px; }
#pdt_info .pic { margin-right: auto; margin-left: auto; text-align: center; background-image: url(../image/logo_bg.jpg); background-repeat: no-repeat; background-position: 12px 12px; padding-top: 70px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #006699; }
#pdt_info .pic img { margin: 5px; padding: 3px; }
#pdt_info .text { width: 360px; margin-right: auto; margin-left: auto; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #006699; }
#pdt_info .text li { background-image: url(../image/icon2.jpg); background-repeat: no-repeat; background-position: 1px 12px; padding-left: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; height: 24px; padding-top: 6px; }
#pdt_info .text ul { margin-top: 5px; margin-bottom: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #006699; background-repeat: no-repeat; background-position: 1px 1px; padding-left: 16px; }
.downloadinfo { padding-left: 50px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; padding-right: 50px; }
#footer a { color: #546c76; text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #546c76; }
#footer a:hover { color: #0099CC; border-bottom-style: none; }
#footer{ color: #546c76; background-color: #dce6e7; text-align: center; margin-right: 17px; margin-left: 17px; padding: 10px; font-family: Arial, Helvetica, sans-serif; 
}