/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, 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%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/*================================reset================================*/
.clear{
	clear:both;
	}
body{
	position:relative;
	width:100%;
	height:auto;
	font-family:"微軟正黑體" !important;
	font-size:13px;
	color:#555555;
	}
.body_bg{
	background:url(image/bodybg.png) bottom left repeat-x;
	}
body p,body ul{
	line-height:25px;
	font-size:13px;
	}
.water{
	width:768px;
	height:444px;
	background:url(image/waterbg.png) bottom left no-repeat;
	position:absolute;
	left:0px;
	bottom:6px;
	z-index:1;
	}
.water_1{
	width:788px;
	height:490px;
	background:url(image/water_bg.png) bottom right no-repeat;
	position:absolute;
	right:0px;
	bottom:6px;
	z-index:1;
	}
.main{
	width:100%;
	position:relative;
	z-index:10;
	}
h2,h3,h4{
	color:#333333;
	}
h2{
	font-size:30px;
	}
h3{
	font-size:15px;
	font-weight:bold;
	}
.h3{
	font-size:15px;
	}
h4{
	font-size:21px;
	font-weight:bold;
	}
.grid_1{
	width:960px;
	margin:0px auto;
	position:relative;
	z-index:20;
	}
.grid_2{
	width:476px;
	}
.grid_3{
	width:980px;
	margin:0px auto;
	position:relative;
	z-index:30;
	}
.grid_4{
	width:430px;
	float:left;
	word-wrap:break-word;
	}
.grid_5{
	width:130px;
	float:left;
	padding:0px 40px 0px 0px;
	}
.grid_6{
	width:600px;
	float:left;
	padding:0px 40px 0px 0px;
	word-wrap:break-word;
	}
.grid_7{
	width:90px;
	float:left;
	}
.grid_8{
	width:400px;
	float:left;
	}
.grid_9{
	width:530px;
	float:left;
	}
.grid_10{
	width:260px;
	float:left;
	}
.wrapper{
	width:100%;
	position:relative;
	margin:0px auto;
	padding:0px;
	overflow:hidden
	}
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
.color_1{
	color:#689f00;
	}
.color_2{
	color:#238cbd;
	}
.padding{
	padding:20px 0px 20px 0px;
	}
.padding_1{
	padding:10px 0px 10px 0px;
	}
.padding_2{
	padding:20px;
	}
.padding_3{
	padding:0px 20px;
	}
.padding_4{
	padding:20px 10px;
	}
.padding_right{
	padding:0px 40px 0px 0px;
	}
.padding_5{
	padding:160px 0px 0px 0px;
	}
.padding_6{
	padding:30px 0px 0px 0px;
	}
.padding_7{
	padding:0px 0px 0px 30px;
	}
.padding_8{
	padding:0px 10px 0px 0px;
	}
/*header*/
a.logo h1{
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	width:133px;
	height:83px;
	background:url(image/logo.png) top center no-repeat;
	margin-top:10px;
	float:left;
	} 
.header{
	position:relative;
	z-index:20;
	width:755px;
	float:right;
	text-align:right;
	margin-bottom:10px;
	}
#cse-search-box{
	position:relative;
	height:32px;
	margin:25px 0px 15px 0px;
	}
.header form input{
	width:342px;
	height:32px;
	border:none;
	outline:none;
	background:url(image/search.png) top center no-repeat;
	padding-left:20px;
	margin-top:0px;
	}
.header .button{
	position:absolute;
	right:0px;
	border:none;
	outline:none;
	cursor:pointer;
	width:42px;
	height:32px;
	background:url(image/search_icon.png) top center no-repeat;
	}
.header .menu_1{
	float:left;
	width:600px;
	}
.header .menu_1 .m_li{
	position:relative;
	float:left;
	width:120px;
	height:26px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:url(image/nev_bg.png) 0px 5px no-repeat;
	}
.header .menu_1 .m_li a.m_a{
	display:inline-block;
	width:120px;
	height:26px;
	color:#333;
	text-decoration:none;
	}
.header .menu_1 .m_li a:hover.m_a{
	color:#00598f;
	}
.header span.follow{
	float:right;
	font-size:10px;
	color:#00598f;
	height:26px;
	}
.header span.follow img{
	vertical-align:middle;
	margin-left:5px;
	}
.header .menu_1 .m_li:hover a {
	color:#00598f;
	}
.header .menu_1 .m_li:hover .menu_2{
	visibility:visible;
	}
.header .menu_1 .menu_2{
	visibility:hidden;
	background:url(image/sub_bottom.png) bottom center  no-repeat;
	z-index:20;
	position:absolute;
	top:20px;
	left:0px;
	width:417px;
	padding:0px 0px 18px 0px;
	}
.sub_top{
	width:417px;
	height:35px;
	background:url(image/sub_top.png) top center no-repeat;
	}
.header .menu_1 .menu_2 ul{
	background:url(image/sub_middle.png) top center  repeat-y;
	height:auto;
	width:407px;
	padding:0px 0px 0px 10px;
	font-size:13px;
	}
.header .menu_1 .menu_2 ul li{
	background:url(image/slide_listtype.png) 0px 8px no-repeat;
	padding:0px 0px 0px 10px;
	width:100px;
	float:left;
	margin:10px;
	text-align:left;
	}
.header .menu_1 .menu_2 ul li a{
	color:#136da3;
	text-decoration:none;
	}
.header .menu_1 .menu_2 ul li a:hover{
	text-decoration:underline;
	}
/*end of header*/

/*banner*/
.banner_btn{
	width:23px;
	height:38px;
	}
.banner_box{
	background:url(image/banner_bgx.jpg) top left repeat-x;
	height:350px;
	width:100%;
	}
.banner_box .bg_1{
	background:url(image/banner_png.png) top center no-repeat;
	width:960px;
	height:320px;
	margin:0px auto;
	padding-top:30px;
	}
.banner_box .banner{
	position:relative;
	overflow:hidden;
	width:835px;
	height:295px;
	margin:0px auto;
	z-index:10;
	}
.banner_box .banner .banner_items .bannerbox{
	width:835px;
	height:295px;
	margin:0px auto;
	}
.banner_box .banner .banner_items{
	position:absolute;
	top:0px;
	left:0px;
	width:9999px;
	}
.banner_box .banner .banner_items .bannerbox{
	float:left;
	}
.banner_box .fleft{
	float:left;
	}
.banner_box .fright{
	float:right;
	}
.banner_box .fleft,
.banner_box .fright{
	margin-top:150px;
	}
.banner_box .banner .banner_items .bannerbox .banner_txt{
	padding-top:10px;
	width:405px;
	float:left;
	}
.banner_box .banner .banner_items .bannerbox .banner_txt h4{
	font-size:24px;
	color:#fff;
	line-height:24px;
	}
.banner_box .banner .banner_items .bannerbox .banner_txt p{
	overflow:hidden;
	font-size:13px;
	line-height:25px;
	color:#fff;
	margin:20px 0px 20px 0px;
	height:120px;
	}
.banner_box .banner .banner_items .bannerbox .bannerimg{
	width:380px;
	height:295px;
	overflow:hidden;
	float:right;
	}
.banner_box .circle{
	text-align:right;
	}
.banner_box .circle span{
	display:inline-block;
	width:12px;
	height:12px;
	background: url(image/index_9_1_38.png) top center no-repeat;
	cursor:pointer;
	z-index: 100;
	}
.banner_box .circle span.now{
	background:url(image/index_9_1_36.png) top center no-repeat;
	}
/*end of banner*/

.floatbox{
	position: fixed;
    padding:0px 0px 0px 0px;
	top:350px;
	right:-84px;
	background:url(image/box_bg.png) top right no-repeat;
	width:114px;
	height:317px;
	z-index: 1000;
	}
.floatbox ul{
	padding:0px 7px;
	float:left;
	text-align:center;
	padding-top:10px;
	}
.float_show{
	float:left;
	width:30px;
	height:123px;
	background:url(image/thb_tab.png) top center no-repeat;
	}
/*尚無資料*/
.nodata{
 height:140px;
 width:100%;
 text-align:center;
 padding:60px 0px 0px 0px;
 }	
/*最新消息*/
.tab_left{
	width:10px;
	height:37px;
	float:left;
	background:url(image/tab_left.gif) top left no-repeat;
	}
.tab_right{
	width:10px;
	height:37px;
	float:left;
	background:url(image/tab_right.gif) top left no-repeat;
	}
.tab_middle{
	padding:5px 0px 0px 0px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	float:left;
	height:32px;
	background:url(image/tab_middle.gif) top left repeat-x;
	}
ul.tab li:hover .tab_left,.tab_now .tab_left{
	background:url(image/tab_left_s.gif) top left no-repeat;
	}
ul.tab li:hover .tab_right, .tab_now .tab_right{
	background:url(image/tab_right_s.gif) top left no-repeat;
	}
ul.tab li:hover .tab_middle, .tab_now .tab_middle{
	color:#388400;
	background:url(image/tab_middle_s.gif) top left repeat-x;
	}
ul.tab{
	width:auto;
	height:37px;
	}
ul.tab li{
	cursor:pointer;
	float:left;
	height:37px;
	}
.top{
	width:100%;
	height:16px;
	background:url(image/index_9_1_65.png) top center no-repeat;	
	}
.middle{
	width:436px;
	height:208px;
	padding:4px 20px 4px 20px; 
	}
.middle_bg{
	background:url(image/index_9_1_71.png) top center repeat-y;
	}
.bottom{
	width:100%;
	padding:0px 0px 16px 0px;
	margin:10px 0px 0px 0px;
	background:url(image/index_9_1_82.png) bottom center no-repeat;	
	}
ul.news{
	width:100%;
	}
ul.news li{
	margin-bottom:5px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #ccc;
	}
ul.news li a{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	}
ul.news li a:hover{
	text-decoration:underline;
	}
.date{
	font-size:13px;
	}
.news_title{
	font-size:15px;
	font-weight:bold;
	color:#333333;
	}
a.more{
	float:right;
	display:block;
	width:49px;
	height:25px;
	}
.tab_1{
	position:relative;
	width:476px;
	height:37px;
	background:url(image/product_bg.png) top center no-repeat;
	margin:0px 0px 10px 0px;
	}
.tab_1 .circle{
	position:absolute;
	right:20px;
	top:10px;
	}
.tab_1 .circle span{
	display:inline-block;
	width:9px;
	height:9px;
	background:url(image/index_9_1_49.png) top center no-repeat;
	}
.tab_1 .circle span.now{
	background:url(image/index_9_1_47.png) top center no-repeat;
	}
.news_txt p{
	overflow:hidden;
	height:115px;
	font-size:13px;
	color:#555555;
	line-height:25px;
	margin-bottom:10px;
	}
.pro_img{
	width:191px;
	height:191px;
	border:1px solid #cccccc;
	float:left;
	}
.news_txt{
	width:230px;
	float:right;
	height:191px;
	}
.news_txt h3{
	margin-bottom:20px;
	}
.move_btn{
	float:left;
	width:16px;
	height:16px;
	cursor:pointer;
	margin:0px 5px;
	}
ul.list_1{
	width:5000px;
	}
ul.list_1 li{
	width:150px;
	height:110px;
	float:left;
	margin-right:12px;
	background:#000;
	position:relative;
	z-index: 10;
	}
ul.list_1 li a{
	display:block;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	}
ul.list_1 li a h3{
	font-size:15px;
	}
ul.list_1 li a p{
	font-size:12px;
	}
ul.list_1 li a img{
	opacity:0.8;
	}
ul.list_1 li a,ul.list_1 li a h3{
	color:#fff;
	text-decoration:none;
	}
ul.list_1 li .mask{
	padding:50px 0px 0px 10px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:140px;
	height:60px;
	background:url(image/product_bg_1.png) top center no-repeat;
	}
ul.list_2{
	width:5000px;
	}
ul.list_2 li{
	float:left;
	width:229px;
	height:98px;
	margin-right:13px;
	padding:1px 0px 0px 1px;
	background:url(image/links_bg.png) top center no-repeat;
	}
ul.list_2 li .links,ul.list_2 li .links img{
	width:228px;
	height:83px;
	}
/*footer*/
.footer{
	position:relative;
	z-index:1;
	padding-top:8px;
	width:100%;
	height:75px;
	background:url(image/footerbg.png) top left repeat-x;
	font-size:12px;
	color:#FFF;
	}
.footer span{
	margin:0px 5px;
	}
.footer a{
	color:#FFF;
	text-decoration:none;
	}
.footer a:hover{
	color:#FFF;
	text-decoration:underline;
	}
.bg_2{
	display:inline-table;
	float:right;
	color:#cdf1ff;
	background:url(image/footer_bg_01.png) 5px 0px no-repeat;
	padding:0px 0px 5px 30px;
	line-height:16px;
	}
.bg_3{
	background:url(image/footer_logo.jpg) top left no-repeat;
	padding:0px 0px 10px 50px;
	margin:25px 0px 0px 0px; 
	color:#3b617c;
	line-height:16px;
	}
.bg_3 span{
	color:#1d2088;
	font-weight:bold;
	margin-right:20px;
	}
/*content about*/
.banner_box_1{
	z-index:10;
	position:relative;
	background:url(image/banner_bg.jpg) top center repeat-x;
	}
.bg_4{
	position:relative;
	z-index:30;
	width:960px;
	margin:0px auto;
	height:auto;
	background:url(image/about_top.png) top center no-repeat;
	}
.about_bg{
	background:url(image/about_1.png) top left no-repeat;
	padding:0px 0px 30px 340px;
	}
.about_bg_1{
	background:url(image/about_2.png) top right no-repeat;
	padding:30px 450px 0px 0px;
	}
.about_bg ul,.about_bg_1 ul{
	list-style:disc;
	padding:0px 0px 0px 20px;
	}
.content_banner{
	position:absolute;
	top:0px;
	right:0px;
	width:517px;
	height:220px;
	}
.shadow{
	width:449px;
	height:23px;
	background:url(image/banner_shadow.jpg) top left no-repeat;
	padding:18px 0px 18px 0px;
	}
.shadow span.now_page{
	color:#3196dc;
	}
.content_bg{
	background:url(image/main_bg.png) top left repeat-x;
	margin:0px 0px 25px 0px;
	}
.article_bg{
	background:url(image/content_bg.png) top center repeat-y;
	}
/*最新消息列表 */
.news_tab{
	float:right;
	margin:20px 0px 0px 0px;
	}
.content_banner_1{
	width:960px;
	height:130px;
	}
.top_1{
	height:15px;
	background:url(image/bg_newstop.png) top center no-repeat;
	}
.bottom_1{
	height:25px;
	background:url(image/bg_newsbottom.png) top center no-repeat;
	}
.middle_1{
	background:url(image/bg_newsmiddle.png) top center repeat-y;
	}
a.news_list{
	color:#555555;
	display:block;
	padding:10px 30px 15px 30px;
	}
a:hover.news_list{
	color:#555555;
	text-decoration:none;
	}
a.news_list h3{
	line-height:25px;
	color:#333333;
	}
a.news_list p{
	color:#555555;
	}
a.news_list .date,.date{
	color:#689f00;
	font-size:13px;
	}
.news_list:hover{
	background:url(image/bg_newshover.png) top center repeat-y;
	}
.border_bottom{
	padding:0px 0px 2px 0px;
	background:url(image/news_list_1_19.png) bottom center no-repeat;
	}
.news_btn{
	width:100px;
	padding:4px 20px 20px 0px;
	}
.news_type{
	margin:0px 0px 0px 10px;
	color:#fff;
	float:left;
	padding:3px 10px;
	background:url(image/bg_news_type.gif) top center no-repeat;
	}
.btn_pre,.btn_next,.btn_back{
	width:28px;
	height:28px;
	float:left;
	margin:0px 5px 0px 0px;
	}
/*產品列表*/
.top_pro{
	padding:12px 0px 0px 30px;
	background:url(image/bg_protop.png) top center no-repeat;
	height:32px;
	}
.div_table-cell{
	height:75px;	
	display:table-cell;
	vertical-align:middle;
	}
.div_table-cell img{
	margin:0px 0px 3px 0px;
	}
/* 讓table-cell下的所有元素都居中 */
.div_table-cell *{ vertical-align:middle;}
/*產品detail*/
.info{
	padding:20px 0px 0px 0px;
	line-height:30px;
	}
.info dt{
	float:left;
	font-weight:bold;
	padding:0px 10px 0px 0px;
	color:#333333;
	}
.big_pic{
	width:400px;
	height:300px;
	margin:0px 0px 20px 0px;
	}
.small_pic li{
	cursor:pointer;
	float:left;
	margin:0px 10px 30px 0px; 
	padding:10px 0px 0px 0px;
	}
.small_pic li.now,.small_pic li:hover{
	border-top:2px solid #333333;
	padding:8px 0px 0px 0px;
	}
.btn_inquiry{
	display:inline-block;
	padding:10px 0px 0px 10px;
	}
.border_bottom_1{
	border-top:1px solid #b6d4e0;
	margin:0px 0px 10px 0px;
	}
/*相關連結*/
.links{
	width:970px;
	}
.links li{
	float:left;
	width:415px;
	margin:0px 30px 30px 0px;
	padding:20px;
	background:url(image/bg_links.gif) top center no-repeat;
	}
.item{
	display:block;
	color:#fff;
	margin:10px 0px 0px 0px;
	}
a:hover.item .icon_middle{
	color:#fff;
	text-decoration:underline;
	}
.icon_left{
	float:left;
	width:23px;
	height:20px;
	background:url(image/icon_left.gif) top left no-repeat;
	}
.icon_middle{
	max-width:369px;
	text-overflow: ellipsis; 
	overflow:hidden;
	line-height:20px;
	float:left;
	height:20px;
	background:url(image/icon_middle.gif) top left repeat-x;
	}
.icon_right{
	float:left;
	width:23px;
	height:20px;
	background:url(image/icon_right.gif) top left no-repeat;
	}
/*隱私權政策*/
.policy_bg{
	padding:0px 0px 0px 270px;
	background:url(image/bg_policy.png) top left no-repeat;
	}
.policy_bg ul{
	list-style:disc;
	padding:0px 0px 0px 20px;
	}
.w581{
	width:581px;
	}
.w594{
	width:594px;
	}
/*聯絡我們*/
.bg_contact{
	background:url(image/bg_contact.png) 0px 90px no-repeat;
	}
.map{
	width:362px;
	height:411px;
	background:url(image/bg_map.png) top center no-repeat;
	padding:2px 0px 0px 2px;
	}
.map small a{
	display:block;
	width:347px;
	height:35px;
	font-size:12px;
	color:#444444;
	padding:15px 0px 0px 15px;
	}
.bg_contact form{
	margin:30px 0px 0px 0px;
	}
input,textarea{
	border:0px;
	outline:none;
	}
.input_1,.input_2,.input_3,.input_4{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 50px;
	height:40px;
	}
.input_1{
	width:480px;
	background:url(image/bg_inptu_1.png) top center no-repeat;
	}
.input_2{
	width:210px;
	background:url(image/bg_inptu_2.png) top center no-repeat;
	}
.input_3{
	width:210px;
	background:url(image/bg_inptu_3.png) top center no-repeat;
	}
.input_4{
	width:210px;
	background:url(image/bg_inptu_4.png) top center no-repeat;
	}
.input_5{
	width:530px;
	height:150px;
	background:url(image/bg_inptu_5.png) top left no-repeat;
	resize:none;
	padding:10px 0px 0px 10px;
	}
.radio{
	margin:10px 10px 0px 20px; 
	}
h4 .font{
	font-size:13px;
	}
.font span{
	color:#229add;
	}
form{
	font-size:13px;
	}
/*colorbox*/
.box{
	width:590px;
	}
.box_top{
	padding:20px 10px 0px 10px;
	background:url(../image/bg_boxtop.png) top center no-repeat;
	}
.box_middle{
	padding:0px 80px;
	background:url(../image/bg_boxmiddle.png) top center repeat-y;
	}
.box_bottom{
	padding:0px 0px 0px 80px;
	height:49px;
	background:url(../image/bg_boxbottom.png) top center no-repeat;
	}
.box_bottom a,.box_bottom a:hover{
	color:#000000;
	}
.box_bottom a{
	margin:0px 0px 0px 20px;
	}
.box_bottom a img{
	vertical-align:middle;
	margin:0px 0px 0px 5px;
	}
.inquiry_top{
	padding:10px 80px;
	background:#229add;
	color:#fff;
	}
.inquiry_top h4{
	color:#fff;
	}
.input_7,.input_9,.input_10,.input_11,.input_12,.input_13{
	height:37px;
	float:left;
	}
.input_7,.input_10,.input_11,.input_12,.input_13{
	padding:0px 0px 0px 40px;
	}
.slidebox{
	margin:20px 13px 0px 0px;
	float:left;
	width:140px;
	height:37px;
	position:relative;
	}
.slidebox .slide,.slidebox .slide_1{
	cursor:pointer;
	width:120px;
	height:29px;
	padding:8px 0px 0px 20px;
	}
.slidebox .slide{
	background:url(../image/bg_inptu_6.png) top center no-repeat;
	}
.slidebox .slide_1{
	background:url(../image/bg_inptu_8.png) top center no-repeat;
	z-index: 10;
	}
.slidebox .slide_list{
	display: none;
	position:relative;
	z-index:100;
	width:140px;
	height:auto;
	background:url(../image/bg_slidelist_100.png) top center no-repeat;
	z-index: 1000;
	}
.slidebox .slide_list .div_list{
	margin:0px 0px 0px 10px;
	cursor:pointer;
	}
.slidebox .slide_list .div_list span{
	padding:0px 0px 0px 3px;
	}
.slide_bottom{
	width:139px;
	background:url(../image/slide_bottom.png) top center no-repeat;
	height:11px;
	}
.input_7{
	margin:20px 0px 0px 0px;
	width:237px;
	background:url(../image/bg_inptu_7.png) top center no-repeat;	
	}
.input_9{
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 10px;
	width:267px;
	background:url(../image/bg_inptu_9.png) top center no-repeat;	
	}
.input_10{
	margin:0px 0px 20px 0px;
	width:396px;
	background:url(../image/bg_inptu_10.png) top center no-repeat;	
	}
.input_11{
	margin:0px 14px 20px 0px;
	width:168px;
	background:url(../image/bg_inptu_11.png) top center no-repeat;	
	}
.input_12{
	width:168px;
	background:url(../image/bg_inptu_12.png) top center no-repeat;	
	}
.input_13{
	margin:0px 0px 20px 0px;
	width:396px;
	background:url(../image/bg_inptu_13.png) top center no-repeat;	
	}
.input_14{
	margin:0px 0px 20px 0px;
	padding:10px;
	width:416px;
	height:110px;
	background:url(../image/bg_inptu_14.png) top left no-repeat;
	resize:none;
	}