@charset "utf-8";
@import "reset.css";
/* CSS Document */
*{margin:0; padding:0; font-family:'simsun','新細明體';}
body{margin:0; padding:0; font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif;}
img{border:none;}
a{ font-family: "Arial", Gadget, sans-serif;  text-decoration:none; color:#333; }
a:hover{ font-family: "Arial", Gadget, sans-serif; text-decoration:none; color:#33F;}
table{border-collapse:collapse;}
form, p, ul, ol, li{margin:0; padding:0;}
li{list-style:none;}
.clear{clear:both;}
div,td,b,p,ul,li,a,form,span,table {font-family: "Arial", Gadget, sans-serif;}


/* form */
input[type=text], input[type=password], input[type=file], textarea, select{
	border:1px solid #aaa; padding:2px;  font-family: Arial, Helvetica, sans-serif;
	}
textarea{overflow:auto;}
input[type=button], input[type=submit]{
	}
LABEL{ font-family: Arial, Helvetica, sans-serif;}
.select{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

/* font-size & color */
.font_11{font-size:11px;}
.font_12{font-size:12px;}
.font_13{font-size:13px;}
.font_14{font-size:14px;}
.font_15{font-size:15px;}

.red{color:#f00;}
.black{color:#000;}
.orange{color:#f60;}
.purple{color:#7a3258;}
.green{color:#009a45;}
.blue{color:#008bd5;}


/* IE6 PNG */
.ie6png{behavior:url(images/iepngfix.htc);}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }


/*layout--------------------------*/
body{ background-attachment: fixed; background-image: url(images/bg.png); background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; }
#wrap{ width: 799px;; position: relative; margin: 0px auto; background-image: url(images/wrap_bg.png); background-repeat: no-repeat;  height:auto;  }
#header{ width: 100%; position: relative; height:60px; }
#container{ width: 100%; position: relative;  margin: 0px auto;  background-image: url(images/wrap_bg.png); background-repeat: no-repeat; background-position:bottom center;}
#footer{ width: 100%; position: relative; text-align:center; padding-top:20px; padding-bottom:20px; background-image: url(images/wrap_bg.png); background-repeat: no-repeat; background-position:bottom center; font-family: Arial, Helvetica, sans-serif; font-size:10px;}
#footer a{ color:#7f621c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 18px; }
#footer a:hover{ color:#C90;}
/*header--------------------------*/
.logo{ height: 35px; width: 172px; position: absolute; left: 20px; top: 15px; }
.top_info{ position: absolute; right:80px; top: 15px;}
.top_info a{ font-size: 12px; color: #6e6757; font-family: Arial, Helvetica, sans-serif, "新細明體"; }
.top_info a:hover{ text-decoration:none; color:#FFF;}
.top_mail{position: absolute; right:25px; top: 15px;}
.top_mail:hover{ position: absolute; right:25px; top: 15px; }
.top_mail a{ font-size: 12px; color: #666; font-family: Arial, Helvetica, sans-serif, "新細明體"; }
.top_mail a:hover{ text-decoration:none; color:#FFF;}

/*container------------------------*/
.return_btn{ font-size: 12px; color: #666; background-image: url(images/btn_mask.png); background-repeat: no-repeat; height: 15px; width: 48px; cursor: pointer; padding:5px; text-align:center; background-color:#fff; }
/*menu--------*/
.menu{ height: 29px; width: 760px; position: relative; margin:0px auto; }
.menu a:hover{ background-image: url(images/menubg_over.png); background-repeat: no-repeat;  }
.menu a{ background-image: url(images/menubg.png); background-repeat: no-repeat; float: left; height: 29px; display:block; }
#m1{ background-position: 0 0; width: 90px;}
#m2{ background-position: -95px 0px; width: 95px;}
#m3{ background-position: -190px 0px; width: 95px;}
#m4{ background-position: -280px 0px; width: 95px;}
#m5{ background-position: -375px 0px; width: 95px;}
#m6{ background-position: -475px 0px; width: 95px;}
#m7{ background-position: -570px 0px; width: 95px;}
#m8{ background-position: -665px 0px; width: 95px;}

/*flash---------------------------------*/
.swf_info{ width:750px; height:280px; position:relative; margin: 0px auto; margin-top:10px; background-image:url(images/flash_bg.jpg);}
.fla_shadow{ background-image: url(images/fla_shadow.png); background-repeat: no-repeat; height: 14px; width: 752px; position: relative; margin:0px auto; margin-bottom:10px; }
/*quicklink--------------------------*/
.quick_btn{ position:relative;  padding-left:35px; }
.quick_btn a{ position:relative; float:left;  }
.pro{ margin-right:45px; background-image: url(images/pro.png); background-repeat: no-repeat; height: 112px; width: 212px; cursor: pointer; }
.sol{ margin-right:45px; background-image: url(images/sol.png); background-repeat: no-repeat; height: 112px; width: 212px; cursor: pointer; }
.sup{ margin-right:0px; background-image: url(images/sup.png); background-repeat: no-repeat; height: 112px; width: 212px; cursor: pointer; }
.pro:hover{  margin-right:45px; background-image: url(images/pro_over.png); background-repeat: no-repeat; height: 112px; width: 212px; }
.sol:hover{  margin-right:45px; background-image: url(images/sol_over.png); background-repeat: no-repeat; height: 112px; width: 212px; }
.sup:hover{  margin-right:0px; background-image: url(images/sup_over.png); background-repeat: no-repeat; height: 112px; width: 212px; }
/*home_information------------------------*/
.con_table{ position:relative;  overflow:hidden; margin:0 auto; margin-top:20px; width:750px;  }
.con_table .wel{ padding-right:15px; padding-bottom:10px; border:solid 2px #8b8577; padding-left:15px; padding-top:15px; }
.con_table .wel p{ padding-top:5px; padding-left:15px; padding-right:10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; color: #666; }
.con_table .part{ border:solid 2px #8b8577; padding-left:15px; padding-top:15px;}
.con_table .part a{ font-size: 11px; font-weight: bold; color: #333;  font-family: Arial, Helvetica, sans-serif;}
.con_table .part a:hover{ color: #C63; text-decoration: none;}
.con_table .part p{ padding-left:15px; padding-right:20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #666; }
.con_table .news{ border:solid 2px #8b8577; padding-left:15px; padding-top:15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; text-decoration: none; text-align:left; padding-right:15px; }
.con_table .news a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.more{ font-size: 12px; font-weight:bold; color: #06C;  font-family: Arial, Helvetica, sans-serif;}
.more:hover{ color: #6CF; text-decoration: none;}

.left_pic{ width:229px; height:276px; background-image:url(images/left_pic.png); background-repeat:no-repeat; position:absolute; z-index:99; bottom:9px; left:20px;}
/*about us-----------------------*/
.about_title{ font-family: Arial, Helvetica, sans-serif "微軟正黑體"; font-size: 18px; color:#B1722C; padding-top:15px; padding-bottom:15px; font-weight:bold; word-break: break-all; }
.about_text{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; line-height: 17px; }
.about_text th{ font-family: Arial, Helvetica, sans-serif; border-right-width: 3px; border-right-style: solid; border-right-color: #963; font-size:16px; line-height:22px; text-align:center; color: #C90; }
.about_text td{ font-family: Arial, Helvetica, sans-serif; font-size:12px; padding-left:10px; height:30px;}
.about_text b{ font-size:13px; color: #883209; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C63; line-height:16px;}
.about_text h3{ font-size: 13px; color: #078ABC; font-family: "Arial Black", Gadget, sans-serif; }
.about_text h4{ font-size: 12px; color: #E3A64A; font-family: "Arial Black", Gadget, sans-serif; }
/*product--------------------*/
.pro_content{ position: relative; height: auto; width: 100%;  background-image: url(images/pro_bg_cen.png); background-repeat: repeat-y; padding-left:20px; }
.pro_bg_top{background-image: url(images/pro_bg_top.png); background-repeat:no-repeat; width:100%; height:35px; background-position:top center;}
.pro_bg_bottom{background-image: url(images/pro_bg_bot.png); background-repeat: no-repeat; width:100%; height:21px;  background-position:bottom center;}
.pro_left{ position: relative; height: auto; min-height:500px;  width: 228px; float:left; }
.pro_right{float:left; width:520px; padding-left:17px; margin:0px auto; font-family: "Arial", Gadget, sans-serif;}
.pro_right a{ font-family: "Arial", Gadget, sans-serif; font-size: 12px; line-height: 16px; color:#666; }
.pro_tittle{ font-family: "Arial", Gadget, sans-serif "微軟正黑體"; font-size: 16px; line-height: 16px; color: #eaa718; background-image: url(images/title.png); background-repeat: no-repeat; height: 35px; width: 215px; padding-left:20px; background-position: 0px top; font-weight:bolder; }
.pro_title_R{ height: 20px; width: 515px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #745F2E; padding-left:5px; }
.pro_title_R a:hover{ color:#000;}
.pro_detail{ font-size: 14px; line-height: 26px; font-weight: bold; color: #333;  }
.pro_detail_text{ padding-top:15px; font-size: 12px; line-height: 16px; color: #666; text-align: left; }
.pro_detail_text h4{ font-size: 12px; line-height: 24px; font-weight: bold; color: #000; }
.pro_type{font-family: "Arial", Gadget, sans-serif;   font-size: 13px; color: #69410d; line-height:20px; width: 210px; padding-left:5px; cursor:pointer; padding-bottom:5px; background-image: url(images/proname.png); background-repeat: no-repeat; background-position:bottom left; height:30px;}
.pro_type div{font-family: "Arial", Gadget, sans-serif;}
.pro_lev_1{  font-size: 13px; color: #69410d; line-height:20px; width: 210px; padding-left:5px; cursor:pointer; padding-bottom:5px; background-color:#7d7369;}
.pro_lev_1 a{  font-family: "Arial", Gadget, sans-serif; padding-top:3px;  color: #69410d;  display:block; }
.pro_lev_1 a:hover{ font-size: 13px; color: #3787a1; text-decoration: none; }
.pro_lev_2{  padding-left:5px;  padding-bottom:2px; padding-top:2px; width:210px; height:35px; border-bottom:1px solid #FFF; background: #938269; /* Old browsers */
background: -moz-linear-gradient(top,  #938269 0%, #7a694e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#938269), color-stop(100%,#7a694e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #938269 0%,#7a694e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #938269 0%,#7a694e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #938269 0%,#7a694e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #938269 0%,#7a694e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#938269', endColorstr='#7a694e',GradientType=0 ); /* IE6-9 */
}
.pro_lev_2 a{  font-family: "Arial", Gadget, sans-serif; font-size: 13px; color: #ffffff; display:block; }
.pro_lev_2 a:hover{ font-size: 13px; color: #fea128; text-decoration: none; }
.pro_lev_3{  padding-left:5px;  padding-bottom:2px; padding-top:2px; width:210px; height:35px; border-bottom:1px solid #FFF; background: #b29f87; /* Old browsers */
background: -moz-linear-gradient(top,  #b29f87 1%, #b39e83 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b29f87), color-stop(99%,#b39e83)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b29f87 1%,#b39e83 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b29f87 1%,#b39e83 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b29f87 1%,#b39e83 99%); /* IE10+ */
background: linear-gradient(to bottom,  #b29f87 1%,#b39e83 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b29f87', endColorstr='#b39e83',GradientType=0 ); /* IE6-9 */
}
.pro_lev_3 a{  font-family: "Arial", Gadget, sans-serif; font-size: 13px; color: #f7f4cd; display:block; }
.pro_lev_3 a:hover{ font-size: 13px; color: #fea128; text-decoration: none; }
.pro_lev_4{  padding-left:5px;  padding-bottom:2px; padding-top:2px; width:210px; background-color:#ede5d3; height:25px; border-bottom:1px solid #FFF;background: #edeade; /* Old browsers */
background: -moz-linear-gradient(top,  #edeade 0%, #ede5d3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edeade), color-stop(100%,#ede5d3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #edeade 0%,#ede5d3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #edeade 0%,#ede5d3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #edeade 0%,#ede5d3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #edeade 0%,#ede5d3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeade', endColorstr='#ede5d3',GradientType=0 ); /* IE6-9 */
}
.pro_lev_4 a{  font-family: "Arial", Gadget, sans-serif; font-size: 13px; color: #69410d; display:block; }
.pro_lev_4 a:hover{ font-size: 13px; color: #fea128; text-decoration: none; }
.pro_block{}
.pro_box{ height: 123px; width: 115px; overflow:hidden; background-image: url(images/img_pro_box.png); background-repeat: no-repeat; margin:0 auto; padding-top:3px; padding-left:5px }
.pro_block_pic_s{ height: 100px; width: 100px; overflow:hidden; text-align:center; vertical-align: middle; padding:3px; }
.pro_block_pic_s img{ height: 98px;}
.pro_type_pic{height: 86px; width: 230px; overflow:hidden; text-align:center; background-image:url(images/img_type_box.png); vertical-align: middle; text-align:center; padding-top:3px;}
.pro_type_pic img{height: 78px;}
.web_path{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; border-bottom:#963 2px solid; padding-top:10px; padding-bottom:2px;  text-align:left;}
.web_path a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #777;}
.web_path b{font-family: Arial, Helvetica, sans-serif; }

.pro_list{ margin-top:10px;  margin-bottom:10px;}
.pro_list td{ padding-left:5px; line-height: 16px; }
.pro_list p{ border-bottom:solid 1px #7DAEE3; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; font-weight:bold; }

.pro_imgbox{ height: 60px; width: 60px; border: 1px solid #CCC; overflow: hidden; margin-top:5px; }
.pro_imgbox img{ width: 60px;}

.pro_list_table .t1 a{ font-size: 15px; font-weight: bold; color: #963; line-height:24px; }
.pro_list_table .t2 a{ font-size: 12px; }
.pro_detail_title{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #1BA0C7; line-height:30px; font-weight:bold;  }

.left_mask{  background-image: url(images/left_mask.png); background-repeat: no-repeat; background-position: left bottom; }
/*partner------------------------------*/
.partner_title{ font-family: Arial, Helvetica, sans-serif "微軟正黑體"; font-size: 18px; color:#2276A8; padding-top:15px; padding-bottom:15px; font-weight:bold; word-break: break-all; }
.partner_title2{font-family: Arial, Helvetica, sans-serif "微軟正黑體"; font-size: 18px; color:#B1722C; padding-top:15px; padding-bottom:15px; font-weight:bold; word-break: break-all;}
.partner_title_1{ margin-top:10px;  background-image: url(images/part_title_1.png); background-repeat: no-repeat; height: 40px; width: 500px; }
.partner_title_2{ margin-top:10px;  background-image: url(images/part_title_2.png); background-repeat: no-repeat; height: 40px; width: 500px; }
.partner_table{ font-size: 12px; line-height: 18px;}
.partner_table th{ padding-left:5px; text-align:right; padding-right:10px;  font-family: Arial, Helvetica, sans-serif;}
.partner_table td{  font-family: Arial, Helvetica, sans-serif;}
/*contact us-----------------------------------------*/
.contact_title{ font-size: 13px; line-height: 24px; color: #CD6441; font-weight:bold; border-top-width: 1px; border-top-style: solid; border-top-color: #AE7424; margin-top:10px; font-family:Arial, Helvetica, sans-serif; }
.contact_table{ font-size: 11px; color: #777; line-height: 18px; font-family:Arial, Helvetica, sans-serif; }
.contact_table div{ font-size: 11px; color: #777; line-height: 18px; font-family:Arial, Helvetica, sans-serif; }
.contact_table div a{ font-family:Arial, Helvetica, sans-serif; color:#09F;}
/*news-------------------------------------------------*/
.news_table{ font-size: 12px; line-height: 16px; color: #888;  word-break: break-all;}
.news_table td{ padding-top:8px; text-align:left; }
.news_table a{font-size: 13px; color: #333; }
.news_table a:hover{ color: #F63;}
.news_title {font-size: 14px; color: #633; font-weight:bold; height:30px; }
/*faq--------------------------------------------------*/
.faq_table{ font-size: 12px; line-height: 20px; color: #666; font-family:Arial, Helvetica, sans-serif; }
.faq_table th{background-color:#F5E0B4; color:#630; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.faq_table td{ background-color:#FEF5E2; color: #295E67; font-family:Arial, Helvetica, sans-serif; }

.page{ padding-top:10px;}
.btn_style{ padding: 3px; margin-top: 10px; background-image: url(images/btn_mask.png); background-repeat: no-repeat; height: 28px; width: 81px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor: pointer; }
.btn_search{ padding: 3px; padding-left:12px; background-image: url(images/btn_search.png); background-repeat: no-repeat; height: 25px; width: 81px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; cursor: pointer;}

.errmsg{font-size:15px;padding-bottom:5px;color:#FF0E2F; padding-left:10px;}
.btn_dl{ border:1px solid #BDBDBD; border-bottom:2px solid #268CC5;  border-right:2px solid #ccc; width:125px; display:block; padding:3px 0px; margin-bottom:5px;}

.text_block ul{ margin:0px 6px;}
.text_block li{ margin:0px 5px; list-style-image:url(images/list_star.png)}

/* 20160420 Microchip Bluetooth Solution大分類新增圖片連結 */
.fix_link{ position:absolute; right:30px; bottom:10px;}