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

a{ color:#444; text-decoration:none;}
a:hover{ color:#0088cc;}
a:active{ background-color: transparent;}
body{ font-family:Arial, '新明細體'; font-size:12px; color:#444; background: url(../images/body_bg.png);}

#wrapper { width:1008px; margin:0 auto;}
#header { background:url(../images/headerbg.png) no-repeat; height:140px;}
#toplink { margin-left:569px; margin-top:23px; float:left; width:220px;}
#toplink p { margin-right:37px; float:left; display:inline-block;}
#toplink p.last { margin-right:0;}
#toplink a { color:#fff;}
#toplink a:hover { color:#eee;}
#search { float:right; background:url(../images/searchbg.png) no-repeat; width:192px; height:29px; margin:13px 15px 0 0;}
#search .sbox { width:150px; float:left; margin:5px 0 0 12px; height:15px; line-height:15px; line-height:18px\9;border:none; color:#b9b9b9; font-size:12px; width:140px;}
#search .sbtn { background:url(../images/searchbtn.jpg) no-repeat; width:13px; height:13px; float:right; margin:7px 13px 0 0; border:none; cursor:pointer;}
#nav { float:left; font-family:'微软雅黑', '微軟正黑體', '新明細體';font-size:15px; margin:40px 0 0 375px;} 
#nav ul { width:600px;}
#nav li {  float:left; display:inline-block;}
#nav li a { color:#fff;padding:6px 18px 8px 12px;} 
#nav li a:hover { color:#0088cc; background:url(../images/navhoverbg.png) no-repeat;} 
#nav li.one a:hover { color:#0088cc; background:url(../images/navhoverbg1.png) no-repeat;} 
#nav li.five a:hover { color:#0088cc; background:url(../images/navhoverbg5.png) no-repeat;} 
#bannerbox { background:url(../images/bannerbg.png) no-repeat; height:270px; position:relative;}
#bannerbox .topbg { position:absolute; width:60px; height:58px; bottom:0; right:29px; z-index:999;}
#idx_slider { float:left; margin:6px 0 0 29px; width:950px; height:264px; overflow:hidden;}
#idx_slider img { width:950px; height:264px;}
#idx_content { background:url(../images/contentbg.png) repeat-y; float:left; width:1000px; padding:0 4px;}
#idx_about { background:url(../images/aboutbg.jpg) no-repeat; margin:25px 0 13px 0;float:left; width:1000px; font-family:'微軟正黑體', '新明細體';}
#idx_about p { line-height:29px; font-size:17px; color:#222; margin-bottom:29px;}
#idx_about .range { margin:87px 480px 0 25px; float:left;}
#think { height:216px; float:left; width:1000px; margin-bottom:17px; position:relative; background:url(../images/idx_thinkbg.jpg) no-repeat;}
.t1pic { width:135px; height:135px; position:absolute; z-index:99; left:75px; top:36px; /*filter:alpha(opacity=0);-moz-opacity:0; opacity:0;*/}
.t2pic { width:135px; height:135px; position:absolute; z-index:99; left:250px; top:36px; /*filter:alpha(opacity=0);-moz-opacity:0; opacity:0;*/}
.t3pic { width:135px; height:135px; position:absolute; z-index:99; left:433px; top:36px; /*filter:alpha(opacity=0);-moz-opacity:0; opacity:0;*/}
.t4pic { width:135px; height:135px; position:absolute; z-index:99; left:613px; top:36px; /*filter:alpha(opacity=0);-moz-opacity:0; opacity:0;*/}
.t5pic { width:135px; height:135px; position:absolute; z-index:99; left:788px; top:36px; /*filter:alpha(opacity=0);-moz-opacity:0; opacity:0;*/}
#idx_service { width:1000px; height:131px; float:left;}
#footer { width:1008px; background:url(../images/footerbg.png) no-repeat; height:202px; clear:both; margin:0 auto;}
#footer .info { width:620px; margin:68px 0 0 60px; color:#4b4b4b;float:left; position:relative;}
#footer .info li { width:310px; display:block; float:left; line-height:24px;}
#footer .contact { width:119px; height:32px; position:absolute; z-index:99; right:40px; top:8px;}
#footer .contact:hover {filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}
#footer .google_search { width:250px; float:left; margin:76px 0 0 18px;}
#footer .copyright { float:left; width:971px; line-height:39px; height:39px; margin-top:31px; color:#fff; padding-left:37px;}
#footer .copyright p { display: inline-block; float:left;}
#footer .copyright a { float:right; color:#0088cc; margin-right:20px; display:block;}
#footer .copyright a:hover { text-decoration:underline;}

/*google 站內搜尋*/ 
div.gsc-control-cse { background-color:transparent; border:0px;}
.gsc-search-box-tools .gsc-search-box td.gsc-input { padding-right: 2px;}
div input.gsc-search-button-v2 {padding: 6px 10px; margin-bottom:3px;}
div.gsc-control-cse { padding: 0px; margin-top:0px;}
div form.gsc-search-box { padding: 0px;  margin-bottom: 6px;}

/*gotop*/
#top-control{ width:49px; height:49px; position:fixed; bottom:-100px; right:50px; z-index:2;}
a#gotop{ background:url(../images/gotop.jpg); width:49px; height:49px; display:block; text-indent:-9999px; position:relative; top:5px;}

/*內頁*/
#mbanner {float:left; width:979px; padding-left:29px; background: url(../images/mbannerbg.png);}
#bread { width:1008px; background:url(../images/breadbg.png) no-repeat; height:51px;float:left;}
#bread ul { margin:18px 0 0 75px; float:left; width:900px; color:#656565; height:12px;} 
#bread li { background:url(../images/bread_arrow.jpg) no-repeat left center; padding-left: 8px; padding-right:4px; float:left; display:inline-block;height:12px;line-height:13px;line-height:13px\9; *line-height:15px;}
:root #bread li { line-height:17px\9; }
#twocolumn { width:1000px; float:left; background:url(../images/m_twobg.jpg) repeat-y; height:100%; overflow:hidden;}
#contact { width:1000px; float:left; margin-bottom:30px;}
#left_menu { width:269px; float:left; background:url(../images/left_right_shadow.jpg) no-repeat right top; padding-bottom: 500em;margin-bottom: -500em;}
#left_menu .title { width:219px; height:59px; float:left; margin:22px 0 0 25px;}
#left_menu ul { float:left; display:block; width:200px; margin:15px 34px 0 35px;}
#left_menu li { line-height:30px; background: url(../images/left_arrow.png) no-repeat left center; padding-left:19px; font-size:13px; font-weight:bold; letter-spacing:1px;}
#left_menu li:hover {background: url(../images/left_arrow_hover.png) no-repeat left center;}
#right_content { float:left; width:685px; margin-left:22px; padding:17px 0 0 0;padding-bottom: 500em;margin-bottom: -500em;}
#right_content .content_title { font-size:25px; float:left;font-family:'微軟正黑體', '新明細體'; background:url(../images/m_title_bg.png) no-repeat left center; padding-left:47px; line-height:40px; margin-bottom:24px; width:638px;}
#contact .content_title { font-size:25px; float:left;font-family:'微軟正黑體', '新明細體'; background:url(../images/m_title_bg.png) no-repeat left center; padding-left:47px; line-height:40px; margin: 0 0 24px 25px; width:928px;}
#right_content .backbox { float:left; width:685px; margin-bottom:35px;}
#right_content .backbox img:hover {filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}
#right_content .backbox .line { background:url(../images/pd_bottom_linebg.jpg); width:685px; height:10px; margin-bottom:10px;}

/*產品JQ*/
#leftslider { width: 400px; float: left; height: 365px; margin-right:5px;}
.picBtnLeft { width: 400px; height: 365px; background-image: url(../images/pdbg.jpg); background-repeat: no-repeat; background-position: left top; float: left; }
.picBtnLeft .bd {width: 400px;height: 300px;overflow: hidden; background:url(../images/main_pdbg.jpg) no-repeat;}
.picBtnLeft .bd img { width: 400px; height: 300px;}
.picBtnLeft .hd { width: 400px; height: 65px; }
.picBtnLeft .hd ul { width: 370px;display: block; margin: 7px 0 0 15px;}
.picBtnLeft .hd ul li { padding: 0px 0 2px 0; float: left; background:url(../images/pds_shadow.jpg) no-repeat bottom;}
.picBtnLeft .hd ul .left { float: left; margin-right: 9px; }
.picBtnLeft .hd ul li img { width: 64px; height: 48px; border: 1px solid #ddd; cursor: pointer; }
.picBtnLeft .hd ul li.on {}
.picBtnLeft .hd ul li.on img { border-color: #1290d0; }

#pdtop { float:left; width:685px;}
#pdtop .text { float:left; margin-left:24px; width:255px;}
#pdtop .text h1 { font-size:19px; font-family:'微軟正黑體', '新明細體'; height:30px;}
#pdtop .text p { line-height:20px; padding-bottom:23px; margin-bottom:23px; border-bottom:1px solid #d8d8d8; font-size:13px;}
#pdtop .text .dl { float:left; margin-left:1px;}
#pdtop .text .dl img:hover {filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}

/*產品tabs*/
#pd_bottom { width:685px; float:left; margin-bottom:33px; margin-top:40px;}
ul.tabs{margin:0;padding:0;float:left;list-style:none;height:29px;border-bottom:1px solid #d8d8d8;width:685px;}
ul.tabs li{float:left;margin-right:3px;padding:0;height:28px;line-height:28px;border:1px solid #d8d8d8;margin-bottom:-1px;background:#f5f5f5;overflow:hidden; font-size:13px;}
ul.tabs li a, ul.tabs .pdfdl a {text-decoration:none;color:#000;display:block;padding:0 23px;outline:0}
ul.tabs li a:hover, ul.tabs .pdfdl a:hover {background:#fff;}
ul.tabs li.active{background:#fff;border-bottom:1px solid #fff;height:29px;font-weight:bold;line-height:29px;position:relative;top:-3px;border-left:1px solid #d8d8d8; border-top:3px solid #0088cc;}
ul.tabs li.active a:hover{background:#fff;border-bottom:1px solid #fff;height:29px;line-height:29px}
.tab_container{clear:both;float:left;width:100%;border:1px solid #d8d8d8;border-top:0;}
.tab_content{padding:15px; line-height:21px;}
.tab_content img{float:left;margin:5px 0; width:685px;}

/*產品列表*/
#pdlist ul { display:block; float:left; width:685px;}
#pdlist li { display:block; float:left; width:685px; background:url(../images/pdlistbg.png) no-repeat 635px 140px; border-bottom:1px solid #dadada; padding:15px 0; margin-bottom:15px;}
#pdlist li:hover { background-color:#F3F3F3;}
#pdlist li .listpic { width:235px; height:178px; background:url(../images/pdlist_shadow.png) no-repeat bottom; float:left; margin: 0 20px 0 5px; padding-bottom:6px;}
#pdlist li .listpic img { width:235px; height:176px; float:left; display:block;}
#pdlist li .title { color:#0088cc; font-size:20px; float:left; margin:5px 0px 15px 0px; width:410px; font-family:Arial, "微軟正黑體";display:block;}
#pdlist li .text { width:410px; font-size:13px; line-height:20px; color:#777;display:block; float:left; margin-bottom:12px;}
#pdlist li .btn:hover {filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;}

/*頁數*/
#page { width:100%; float:left; height:25px; margin:30px 0px;}
.manu { padding: 3px; margin: 3px; text-align: center; font-size:12px; font-family:Arial;}
.manu a { border: #eee 1px solid; padding: 2px 5px; margin: 2px; color: #036cb4; text-decoration: none; }
.manu a:hover { border: #999 1px solid; color: #666; }
.manu a:active { border: #999 1px solid; color: #666; }
.manu .current { border: #036cb4 1px solid; padding: 2px 5px; font-weight: bold;  margin: 2px; color: #fff; background-color: #0088cc; }
.manu .disabled { border: #eee 1px solid; padding: 2px 5px; margin: 2px; color: #ddd; }

/*news*/
#newslist { width:685px; float:left; margin-top:5px;}
#newslist ul { display:block; float:left; width:685px; background:url(../images/newsbg.jpg) no-repeat center top; padding-top:31px;}
#newslist li { display:block; float:left; width:685px; height:35px;background:url(../images/pdlistbg.jpg) no-repeat right 140px; border-bottom:1px solid #dadada;}
#newslist li:nth-child(2n) { background-color:#F6F6F6;}
#newslist li .title { color: #0088cc; font-size: 13px; float: left;font-family: Arial, "微軟正黑體"; display: block; margin-left:10px; width:515px;line-height:35px;}
#newslist li .date { font-size: 12px; line-height: 14px; color: #777; display: block; float: left; font-family: Arial; width:100px;text-align:center;line-height:35px;}
#newslist li .number { font-size: 12px; line-height: 14px; color: #777; display: block; float: left; font-family: Arial; width:58px; text-align:center;line-height:35px;}
#newslist li a {color: #0088cc;}
#newslist li a:hover {filter:alpha(opacity=80);/*IE7*/-moz-opacity:0.8; opacity:0.8;}

/*newsshow*/
#newsshow { float:left; width:685px;margin-top:5px;}
#newsshow .title { border-bottom:1px #e0e0e0 solid;border-top:1px #e0e0e0 solid; background-color:#efefef; font-size:12px; color:#555;font-family: Arial; padding:10px 5px;float:left; width:100%;}
#newsshow .title h2 { font-size:16px; float:left; line-height:20px;font-family: "微軟正黑體", "新明細體"; font-weight:bold; color:#0088cc;}
#newsshow .title .date { float:right;line-height:20px;}
#newsshow .main { line-height:22px; font-size:12px; color:#444; padding:10px 0px; float:left;font-family: Arial; width:685px;}
#newsshow .main img {display:block;	float:left;	margin:5px 0px; width:685px;}

/*RD*/
#rd { float:left; width:685px; padding:0 0 30px 0; margin-top:5px;}
#rd ul {float:left; width:685px; background:url(../images/title_shadow.jpg) no-repeat 0px 30px; margin-bottom:15px;}
#rd li.title { font-size:17px; font-weight:bold; color:#FFF; font-family:Arial, "微軟正黑體"; background:url(../images/icon.jpg) no-repeat 5px 7px; padding:0px 15px 0px 17px; margin-bottom:15px; height:30px; line-height:30px; width:685px; background-color:#1997d4; width:auto;}
#rd li { width:685px; float:left; font-size:13px;font-family:Arial, "新明細體"; display:block; margin-bottom:2px;}
/*#rd li:hover { background-color:#CCC;}*/
#rd li .subtitle { width:100px; padding:8px 8px 8px 15px;display:block;float:left; margin-right:5px; font-weight:bold; background:url(../images/arrow.png) no-repeat 2px center;}
#rd li .text { width:auto; display:block;float:left;padding:8px;}

/*odmwork*/
#odmwork { float:left; width:685px; color:#444;margin-top:5px;}
#odmwork .title { font-size:18px; font-weight:bold; margin-bottom:10px;font-family:Arial, "微軟正黑體";color:#0c93d3;}
#odmwork .wbox { width:685px; margin-bottom:40px; float:left;}

/*contact*/
#contact { padding-top:20px;}
#contact .left { width:560px; float:left; margin-left:25px;}
#contact .right { width:365px; float:left; margin-left:25px;}
#contact .right .map { width:365px; margin-top:15px; padding-bottom:9px; background:url(../images/map_shadow.jpg) no-repeat bottom; position:relative;}
#contact .form { width:560px; float:left; font-size:13px; font-family:Arial, "新明細體"; }
#contact .form td { line-height:40px; vertical-align:middle; border-bottom:1px #999 dotted;border-bottom:1px #999 dotted;}
#contact .form h1 { font-size:20px; color:#0088cc;font-family:Arial, "微軟正黑體";font-weight:bold;}
#contact .form .box1 { width:80%; line-height:20px; height:20px; border:1px solid #d7d7d7; background-color:#efefef;}
#contact .form .box3 { width:50%; line-height:20px; height:20px; border:1px solid #d7d7d7; background-color:#efefef;}
#contact .form .box2 { width:95%; line-height:22px; border:1px solid #d7d7d7; height:150px; margin:5px 0px;background-color:#efefef;}
#contact .form .box4 { width:20%; line-height:20px; height:20px; border:1px solid #d7d7d7; background-color:#efefef;}
#contact .send {border:0px;	background-color:#0a91cd;color:#FFF; font-size:12px;padding:5px 8px;margin:10px 0px;}
#contact .form p { line-height:22px; margin-bottom:15px;}
.red { color:#da0000;}
#contact .info li.title { color:#0088cc; font-weight:bold; font-size:20px;font-family:"微軟正黑體", "新明細體";}
#contact .info li { line-height:25px; font-size:13px;}
.robot { float:left; margin-left:12px; margin-top:45px;}