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

body {margin:0;font-family: 微軟正黑體; font-size:1em; background:url(../images/bg.png) no-repeat top center; }
input, textarea {font-family: 微軟正黑體;resize: none; }
.urlprint{display:none;}
@media print
{
 @page { margin: 0; }
  body { margin: 1.6cm; }
.noprint,.header,.fixed_header,.banner,.footer,.product_small_img,.product_video,.share,.download,.menus,.nav {display:none;}
.urlprint{display:block;}
}
ul, li {margin:0; padding:0; list-style:none;}
img { border:0; }
form {margin:0;}
a { text-decoration:none; color:#000; }
.bgcolor_red { background-color:#a40a5e;  }
.bgcolor_green { background-color:#0f4f4a;  }
.bgcolor_blue { background-color:#2190c2;  }
.bgcolor_orange { background-color:#f39800;  }

.color_red { color:#a40a5e;  }
.color_green { color:#0f4f4a;  }
.color_blue { color:#2190c2;  }
.color_orange { color:#f39800;  }

.main { width:1040px; height:100%; overflow:hidden; background:url(../images/bg2.png) repeat-y top center; margin:0 auto; position:relative; }
.header { width:952px; height:140px; background:url(../images/line_long.png) no-repeat bottom center; margin:0 auto; overflow: hidden; display:block; } 
.header .logo { width: 141px; height:140px; background:url(../images/logo.png) no-repeat center center; float:left; cursor:pointer; }
.header .right_container { width: 750px; overflow:hidden; float:right; }
.header .right_container .menus { width:328px; overflow:hidden; float:right; }
.header .right_container .menus ul { width:328px;  height:30px; overflow:hidden;}
.header .right_container .menus .icons {background:url(../images/line_header.png) no-repeat bottom center;}
.header .right_container .menus a.facebook { height:15px; width:8px; background:url(../images/icon02.png) no-repeat top center; display:block; margin-top:5px; float:right; margin-right:20px; }
.header .right_container .menus a.facebook:hover { background-position:bottom center; }
.header .right_container .menus a.twitter { height:15px; width:18px; background:url(../images/icon03.png) no-repeat top center; display:block; margin-top:5px; float:right; }
.header .right_container .menus a.twitter:hover { background-position:bottom center; }
.header .right_container .menus a.home { height:15px; width:16px; background:url(../images/icon01.png) no-repeat top center; display:block; margin-top:8px; }
.header .right_container .menus a.home:hover { background-position:bottom center; }
.header .right_container .menus .others {font-size: 0.7em;}
.header .right_container .menus .others li { float: right; height:30px; line-height:30px; }
.header .right_container .menus .others .sep { background:url(../images/line_language.png) no-repeat center center; height:30px; width:1px; margin:0 20px; }
.header .right_container .nav { overflow:hidden; float:right; margin-top:30px; }
.header .right_container .nav li { float:right; height:49px; line-height:49px; width:159px; text-align:right; }
.header .right_container .nav li a.nav_menu:hover { background:url(../images/btn_nav.png) no-repeat bottom center; color:#2190c2;}
.header .right_container .nav_product_mouseon { background:url(../images/dropdown01.png) no-repeat top center; }

.fixed_header {width:100%; height:85px; position:fixed; top:0; z-index:100; display:none;}
.fixed_header .container { width:952px; height:85px; background:url(../images/line_long.png) no-repeat bottom center; margin:0 auto; /*overflow: hidden;*/ background-color:#FFF; } 
.fixed_header .container .logo { width: 141px; height:85px; background:url(../images/logo_small.png) no-repeat center center; float:left; cursor:pointer; }
.fixed_header .container .right_container { width: 750px; /*overflow:hidden;*/ float:right; }
.fixed_header .container .right_container .menus { width:328px; overflow:hidden; float:right; }
.fixed_header .container .right_container .menus ul { width:328px;  height:30px; overflow:hidden;}
.fixed_header .container .right_container .menus a.home { height:15px; width:16px; background:url(../images/icon01.png) no-repeat top center; display:block; margin-top:8px; }
.fixed_header .container .right_container .menus a.home:hover { background-position:bottom center; }
.fixed_header .container .right_container .menus .others {font-size: 0.7em;}
.fixed_header .container .right_container .menus .others li { float: right; height:30px; line-height:30px; }
.fixed_header .container .right_container .menus .others .sep { background:url(../images/line_language.png) no-repeat center center; height:30px; width:1px; margin:0 20px; }
.fixed_header .container .right_container .nav { /*overflow:hidden;*/ float:right; margin-top:10px; }
.fixed_header .container .right_container .nav li { float:right; height:49px; line-height:49px; width:159px; text-align:right; position:relative; }
.fixed_header .container .right_container .nav li a.nav_menu:hover { background:url(../images/btn_nav.png) no-repeat bottom center; color:#2190c2;}
.fixed_header .container .right_container .nav_product_mouseon { background:url(../images/dropdown01.png) no-repeat top center; }

.popup_menu { display: none;margin-left:1px; width:915px; height:318px; position:absolute; background:url(../images/dropdown02.png) no-repeat top center; left:40px; top:0; padding:20px; z-index:100; }
.popup_menu .product_img { width:387px; height:287px; border-right:1px solid #ccc; float:left; }
.popup_menu .product_list { margin-left:40px; float:left; overflow:hidden; text-align:left;}
.popup_menu .product_list a.item { display:block; width:300px; height:50px; line-height:50px; font-weight:bold; font-size: 1em; text-indent:10px;}
.popup_menu .product_list a.item_red:hover { color:#FFF ; background-color:#a40a5e;  }
.popup_menu .product_list a.item_green:hover { color:#FFF ; background-color:#0f4f4a;  }
.popup_menu .product_list a.item_blue:hover { color:#FFF ; background-color:#2190c2;  }
.popup_menu .product_list a.item_orange:hover { color:#FFF ; background-color:#f39800;  }

.banner { width:952px; height:377px; margin:10px auto 20px auto;}
.banner .pic { width:952px; height: 349px;   overflow:hidden; position:relative; }
.banner .pic ul { width:1904px; height:349px; position:absolute; left:0; top:0; }
.banner .pic .item { width:952px; height:349px; float:left; position:relative;}
.banner .pic .read_more { border:solid 1px #fff; width:151px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight:bold; display:block; position:absolute; z-index:100px; left:400px; top:260px; }
.banner .pic .slider { position:absolute; z-index:100px; left:460px; top:310px; }
.banner .pic .slider a { display:block; width:9px; height:9px; float:left; background:url(../images/banner_pot.png) no-repeat top center; margin-right:10px; }
.banner .pic .slider a:hover { background-position:bottom center; }
.banner .pic .slider .active { background-position:bottom center;}
.banner .shadow { width:100%; height:28px; background:url(../images/banner_shadow.png) no-repeat center center; }

.middle_container { width: 952px; overflow:hidden; margin:0 auto; }
.middle_container .left_part { width:655px; float:left; overflow:hidden; margin-bottom:20px; }
.middle_container .news { width:650px; height:240px; border:solid 1px #b5b6b6; }
.middle_container .news .heading { height: 40px; line-height: 40px; background-color:#b5b6b6; color:#FFF; text-indent:20px; }
.middle_container .news .subject { height: 40px; line-height: 40px; margin:0 20px; background:url(../images/line_medium.png) no-repeat bottom center; }
.middle_container .news .subject li { float:left; }
.middle_container .feature_products { width:650px; overflow:hidden; margin-top:35px; height:33px; }
.middle_container .feature_products h1 { margin:0; padding:0; font-size:1.2em; float:left; }
.middle_container .feature_products select { width:235px; height:33px; float:right; border:0; background:url(../images/home_dropdown.png) no-repeat top center;}
.middle_container .products { width:650px; overflow:hidden; margin-top:10px; }
.middle_container .products .robot1 { width: 310px; height:227px; border:solid 1px #b5b6b6; float:left; margin-bottom:20px; margin-right:26px; }
.middle_container .products .robot1 .subject { height: 40px; line-height: 40px; text-indent:20px; color:#FFF; background-color:#a40a5e; }
.middle_container .products .robot2 { width: 310px; height:227px; border:solid 1px #b5b6b6; float:left; margin-bottom:20px; }
.middle_container .products .robot2 .subject { height: 40px; line-height: 40px; text-indent:20px; color:#FFF; background-color:#0f4f4a; }
.middle_container .products .printer { width: 310px; height:227px; border:solid 1px #b5b6b6; float:left; margin-bottom:20px; margin-right:26px; }
.middle_container .products .printer .subject { height: 40px; line-height: 40px; text-indent:20px; color:#FFF; background-color:#2190c2; }
.middle_container .products .robot-1 { width: 310px; height:227px; border:solid 1px #b5b6b6; float:left; margin-bottom:20px; }
.middle_container .products .robot-1 .subject { height: 40px; line-height: 40px; text-indent:20px; color:#FFF; background-color:#f39800; }
.middle_container .right_part { width:285px; float:right; }
.middle_container .whatis { width:254px; height:205px; background:url(../images/frame_home01.png) no-repeat center top; padding:20px 15px; }
.middle_container .whatis h1 { margin:0; padding:0; font-size:1.2em; margin-bottom:10px; }
.middle_container .whatis .read_more { margin:0 auto; margin-top:40px; border:solid 1px #b5b6b6; width:151px; height:40px; background-color:#FFF; line-height:40px; text-align:center; color:#595656; font-weight:bold; cursor:pointer; }
.middle_container .enquiry { width:265px; height:521px; background:url(../images/frame_home02.png) no-repeat center top; margin-top:30px; padding:10px; }
.middle_container .enquiry h1 { margin:0; padding:0; font-size:1.2em; background:url(../images/icon04.png) no-repeat top left; text-indent:50px; height:35px; line-height:35px; margin-bottom:20px; }
.middle_container .enquiry .desc { color:#383635; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.middle_container .enquiry .form { overflow:hidden; }
.middle_container .enquiry .form li { margin-bottom:15px; }
.middle_container .enquiry .form .title { font-weight:bold; }
.middle_container .enquiry .form .field { width: 250px; height:30px; text-indent:10px; }
.middle_container .enquiry .form .textarea { width: 240px; height:150px; padding:10px; }
.middle_container .enquiry .send { margin:0 auto; margin-top:10px; border:solid 1px #b5b6b6; width:151px; height:40px; background-color:#FFF; line-height:40px; text-align:center; color:#595656; font-weight:bold; cursor:pointer; }

.middle_container .contact_us_info { width:265px; float:left; padding:10px; }
.middle_container .contact_us_form { width:645px; float:left; height:521px;  padding:10px; }
.middle_container .contact_us_form h1 { margin:0; padding:0; font-size:1.2em; background:url(../images/icon04.png) no-repeat top left; text-indent:50px; height:35px; line-height:35px; margin-bottom:20px; }
.middle_container .contact_us_form .desc { color:#383635; padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.middle_container .contact_us_form .form { overflow:hidden; }
.middle_container .contact_us_form .form li { margin-bottom:15px; }
.middle_container .contact_us_form .form .title { font-weight:bold; }
.middle_container .contact_us_form .form .field { width: 640px; height:30px; text-indent:10px; }
.middle_container .contact_us_form .form .textarea { width: 623px; height:150px; padding:10px; }
.middle_container .contact_us_form .send { margin:0 auto;  border:solid 1px #b5b6b6; width:151px; height:40px; background-color:#FFF; line-height:40px; text-align:center; color:#595656; font-weight:bold; cursor:pointer; }

.news_container {width: 952px; overflow:hidden; margin:0 auto; border:solid 1px #b5b6b6; margin-bottom:50px; padding-bottom:20px; }
.news_container .heading { height: 40px; line-height: 40px; background-color:#b5b6b6; color:#FFF; text-indent:20px; }
.news_container .subject { height: 40px; line-height: 40px; margin:0 20px; background:url(../images/line_medium.png) repeat-x bottom center; }
.news_container .subject:hover {background-color:#F5F5F5;}
.news_container .subject li { float:left; }

.link_container {width: 952px; overflow:hidden; margin:0 auto; margin-bottom:50px; }
.link_container .item { overflow:hidden; padding-bottom:20px; border-bottom:1px dotted #ccc; }
.link_container .item li { float:left; }
.link_container .item .pic { margin-right:20px; width:230px; }
.link_container .item .desc { width:700px; padding:20px 0;  }

.product_info { width: 952px; overflow:hidden; margin:0 auto; margin-bottom:20px; }
.product_info .left_part { width:386px; float:left; overflow:hidden; }
.product_info .left_part .product_img { width:384px; overflow: hidden; border:1px solid #efefef;}
.product_info .left_part .product_small_img {overflow: hidden; margin-top:10px; }
.product_info .left_part .product_small_img li { float:left; width:85px;height:63px;margin-right:5px;  }
.product_info .left_part .product_small_img li  img{ width:85px;height:63px;}
.product_info .left_part .product_small_img li.sep { margin-right:5px; } 
.product_info .left_part .product_video { margin-top:50px; }
.product_info .left_part h1 { margin:0; padding:0; height:35px; line-height:35px; color:#FFF; font-size:1.2em; font-weight:bold; text-indent:20px; }
.product_info .right_part { width:482px; float:right; overflow:hidden; background-color:#efefef; padding:30px; }
.product_info .right_part .product_desc { overflow: hidden; padding-bottom:20px; border-bottom:1px solid #ccc; }
.product_info .right_part .product_desc .headline { float:left; background:url(../images/icon05.png) no-repeat left top; font-weight:bold; text-indent:30px; height:22px; line-height:22px; font-size:1.1em; }
.product_info .right_part .product_desc .price {float: right; font-weight:bold; font-size:1.1em;}
.product_info .right_part .product_desc table { font-size:0.9em; }
.product_info .right_part .product_desc tr { height:30px; line-height:30px; }
.product_info .right_part .product_desc .share { margin-top:20px; }
.product_info .right_part .product_desc .share a.mail { background:url(../images/icon06.png) no-repeat top left; height:24px; font-weight:bold; text-indent:30px; display:block; float:left;cursor:pointer;cursor:hand; }
.product_info .right_part .product_desc .share a.print { background:url(../images/icon07.png) no-repeat top left; height:24px; font-weight:bold; text-indent:30px; display:block; float:left; margin-left:30px; }
.product_info .right_part .download{ overflow: hidden; margin-top:30px; margin-bottom:28px; }
.product_info .right_part .download .headline { background:url(../images/icon08.png) no-repeat left top; font-weight:bold; text-indent:30px; height:22px; line-height:22px; font-size:1.1em; margin-bottom:20px;}
.product_info .right_part .download table { font-weight:bold; }
.product_info .right_part .download tr { height:104px; }
.product_info .right_part .download a { text-decoration:underline; }

.service { width: 952px; overflow:hidden; margin:0 auto; margin-bottom:20px; }
.service .left_part { width:272px; float:left; overflow:hidden; height:605px; background-color:#efefef;}
.service .left_part .headline { width:240px; height:55px; line-height:55px; border-bottom:1px solid #ccc; margin:0 auto; color:#2190c2; font-weight:bold; font-size:1.2em; }
.service .left_part .menu_list { margin-top:20px; }
.service .left_part .menu_list a { margin-bottom:15px; height:35px; line-height:35px; text-indent:20px; width:272px; display:block; }
.service .left_part .menu_list a:hover { color:#FFF; background-color:#2190c2;}
.service .right_part { width:650px; float:right; overflow:hidden; }
.service .right_part .headline { width:650px; height:55px; line-height:55px; border-bottom:1px solid #ccc; margin:0 auto; color:#2190c2; font-weight:bold; font-size:1.2em; }

.faq { width: 952px; overflow:hidden; margin:0 auto; margin-bottom:20px; }
.faq .headline { width:952px; height:55px; line-height:55px; border-bottom:1px solid #ccc; margin:0 auto; color:#2190c2; font-weight:bold; font-size:1.2em; margin-bottom:20px; }
.faq ul { overflow:hidden; margin-bottom:15px; }
.faq .question { font-weight:bold; margin-bottom:5px; }

.sitemap { width: 952px; overflow:hidden; margin:0 auto; margin-bottom:20px; }
.sitemap .headline { width:952px; height:55px; line-height:55px; border-bottom:1px solid #ccc; margin:0 auto; color:#2190c2; font-weight:bold; font-size:1.2em; margin-bottom:20px; }
.sitemap ul { overflow:hidden; margin-bottom:10px; }
.sitemap ul li { overflow:hidden; margin-bottom:5px; }

.about { width: 952px; overflow:hidden; margin:0 auto; margin-bottom:20px; }
.about .headline { width:952px; height:55px; line-height:55px; border-bottom:1px solid #ccc; margin:0 auto; color:#2190c2; font-weight:bold; font-size:1.2em; margin-bottom:20px; }

.footer { width:1000px; background-color:#efefef; margin:0 auto; overflow:hidden; }
.footer .content {width:952px; margin:0 auto; overflow:hidden;}
.footer .content h1 { margin-top:20px; font-size:1.2em; font-weight:bold; }
.footer .content .follow_us { float:left; }
.footer .content .follow_us li { float:left; }
.footer .content .follow_us a.twitter { width:13px; height:22px; display:block; background:url(../images/footer_icon01.png) no-repeat top center; } 
.footer .content .follow_us a.twitter:hover { background-position: bottom center; }
.footer .content .follow_us a.facebook { width:28px; height:22px; display:block; background:url(../images/footer_icon02.png) no-repeat top center; margin-left:20px; } 
.footer .content .follow_us a.facebook:hover { background-position: bottom center; }
.footer .content .information { float:left; margin-left:250px; }
.footer .content .information li { font-size:0.8em; margin-bottom:10px; }
.footer .content .customer_service { float:left; margin-left:250px; }
.footer .content .customer_service li { font-size:0.8em; margin-bottom:10px; }
.footer .line { margin:20px auto 10px auto; background:url(../images/line_long.png) no-repeat top center; height:1px; clear:both; }
.footer .copyright { margin: 0 auto; font-size:0.8em; width:952px; margin-bottom:10px; }

/* textbox */ 
.pro_select{
width:200px;;
height:28px;
line-height:40px;
font-size: 16px;
}
.input_s{
	width: 180px;
	height: 28px;
	overflow: hidden;
	background: #f2f2f2;
	border: 1px solid #ccc;
	margin-right: 10px;
	outline: none;
	color: #906170;
	padding-left: 4px;
	background:rgba(255,255,255,0.05);
}
.language
{
color:#c9caca;
font-size:14px;
}
.language:hover
{
color:#7C7E7E;
}
/**********************************/