/*  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, 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================================*/
.clearfix{
	zoom:1;
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
.center{
	text-align:center;}
body,p{
	font-size:13px;
	line-height:22px;
	color:#333333;

	font-family:"微軟正黑體",arial !important;
	}
.clear{
	clear:both;}
	
body{
	background-color:#eeeeee;}
	

	
.padding_b40{
	padding-bottom:40px;}
	
.padding_b30{
	padding-bottom:30px;}
	
.padding_lf20{
	padding:0px 20px 0px 20px;}
	
.margin_r35{
	margin-right:35px;}
	
.margin_t30{
	margin:30px 0px 0px 0px;}

/*標題區*/
h2{
	font-size:16px;
	color:#333333}

h3{
	font-size:15px;
	color:#fff;
	}
	
h4{
	font-size:28px;
	color:#333333;
	line-height:40px;
	}	
	

h5{
	font-size:21px;
	color:#333333;}
	
h6{
	font-size:12px;
	color:#666666;
}
	
.grid_1{
	margin:0 auto;
	width:950px;}
	
.grid_2{
	margin:0 auto;
	width:910px;
	}
	
.grid_3{
	float:left;
	width:440px;}

.grid_4{
	float:left;
	width:435px;}
	
.grid_5{
	float:left;
	width:470px;}
	
.grid_6{
	width:385px;}
	
.grid_7{
	width:650px;}


/*header 選單區*/


h1{
	float:left;
	width:442px;
	
	padding-top:50px;
	background: url(image/logo.png) top center no-repeat;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	}

.header{
	position:relative;
	z-index:2;
	background: url(image/top_1_01.png);
	}
	
.logo{
	margin:0 auto;
	width:950px;
	height:76px;
	padding-top:25px;}
	
	
.search{
	padding-top:20px;
	float:right;
	width:271px;
	height:31px;
	position:relative;
	}
.search input{
	width:256px;
	height:31px;
	line-height:23px;
	background: url(image/search.png) no-repeat;
	outline:none;
	border:none;
	padding:0px 0px 0px 15px;
	}
	
.search input.button{
	width:20px;
	height:20px;
	position:absolute;
	top:22px;
	right:7px;
	background:none;
	cursor:pointer;
	}
	
.grid_1 .menu_1{
	height:41px;
	background:url(image/btn_bg.jpg) right no-repeat;
	}
.grid_1 .menu_1 li{
	position:relative;
	float:left;
	width:190px;
	height:41px;
	text-align:center;
	background:url(image/btn_01.jpg);
	list-style:none;
	}
.grid_1 .menu_1 li:hover .menu_2{
	visibility:visible;
	}
.grid_1 .menu_1 li a:hover{
	background:url(image/btn_02.jpg);
	color:#FFF;}
	
.grid_1 .menu_1 a{
	font-size:16px;
	color:#333;
	line-height:41px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	}
	
.grid_1 .menu_1 img{
	padding-right:8px;
}

.menu_1 .menu_2{
	visibility:hidden;
	top:41px;
	left:0px;
	position:absolute;}

.menu_1 .menu_2 .slide_top{
	margin-left:-3px;
	width:190px;
	height:1px;
	background:url(image/slide_top.png) no-repeat;	
	}
	
	
.menu_1 .menu_2 .slide_middle{
	margin-left:-3px;
	width:190px;
	height:100%;
	background: url(image/slide_middle.png) top center repeat-y;
	
}

.menu_1 .menu_2 .slide_bottom{
	margin-left:-3px;
	width:190px;
	height:9px;
	background:url(image/slide_bottom.png) no-repeat;
}

.menu_1 .menu_2 li{
	float:none;
	margin:0 auto;
	text-align:left;
	width:180px;
	height:30px;
	background:url(image/slide_bg.jpg) center bottom no-repeat;
}
	
.menu_1 .menu_2 li a{
	font-size:13px;
	color:#333;
	padding-left:20px;
	line-height:30px;
	text-decoration:none;
	}
.menu_1 .menu_2 li a:hover{
	background-color:#FFF;
	background-image:none;
	color:#333;
}
.menu_1 .menu_2 .slide_middle .un_line{
	background:none;}

/*FOOTER*/

.footer{
	height:221px;
	background: url(image/footer_bg_05.jpg) repeat-x;
	
	}



	
.footer .grid_1{
	height:196px;
	width:940px;
	padding:25px 0px 0px 10px;;
	background:url(image/footer_bg_03.jpg) no-repeat;}
	
.footer .grid_1 a{
	color:#aaaaaa;
	text-decoration:none;
	line-height:26px;
	font-size:13px;
	display:block;
	}
	
.footer .grid_1 a:hover{
	color: #CCC;
	}	
	
.footer .grid_1 .product{
	float:left;
	width:155px;
	height:221;}
	
.footer .grid_1 h3{
	margin-bottom:5px;}

.footer .grid_1 .product a{
	padding-right:30px;
	float:left;}
	
.footer .grid_1 .skill{
	float:left;
	padding-left:20px;
	width:90px;}
	
	
.footer .grid_1 .new{
	float:left;
	padding-left:60px;
	width:70px;}

.footer .grid_1 .other{
	float:left;
	padding-left:60px;
	width:180px;}	
	
.footer .grid_1 .other a{
	line-height:22px;
	font-size:15px;
	padding-bottom:15px;
	color:#FFF;
}

.footer_logo{
	float:right;
	width: 242px;
}

.footer_logo .gray_font{
	font-size: 12px;
	line-height: 18px;
	color: #aaaaaa;
}

.footer_logo .socail_media_area{
	margin-top:10px;
	margin-bottom:5px;
}


.footer_logo .socail_media_area a{
	float: left;
	margin-right: 10px;
}

.footer_logo .socail_media_area .btn01{
	width:54px;
	height:54px;
	background:url(image/footer_title_btn_01.png) no-repeat;
	cursor:pointer;
}

.footer_logo .socail_media_area .btn01:hover{
	background:url(image/footer_title_btn_01_s.png) no-repeat;
}


.footer_logo .socail_media_area .btn02{
	width:54px;
	height:54px;
	background:url(image/footer_title_btn_02.png) no-repeat;
	cursor:pointer;
}

.footer_logo .socail_media_area .btn02:hover{
	background:url(image/footer_title_btn_02_s.png) no-repeat;
}
	
.footer .grid_1 .cop h6{
	margin-top:35px;
	line-height:12px;
	letter-spacing:0.045em;
	
}
.footer .grid_1 .cop a{
	display:inline;
	line-height:12px;
	font-size:12px;
	color:#666666;
	}
	
.footer .grid_1 .cop a:hover{
	color:#999999;}


/*首頁*/

.index_bg{
	height:100%;
	padding-top:40px;
	background:url(image/index_bg.png) no-repeat;
}	

.page_bg{background:url(image/index_bg.png) no-repeat;}

.product_bg{
	position:absolute;
	height:1720px;
	width:100%;
	z-index:-1;
	top:200px;
	background: url(image/products_bg_02.png) no-repeat;
}

.btn_back{
	width:86px;
	height:55px;
	cursor:pointer;
	bottom:-28px;
	right:-46px;
	background:url(image/back_03.png);
	position:absolute;}
	
.btn_back_product{
	width:86px;
	height:55px;
	cursor:pointer;
	bottom:50px;
	right:-50px;
	background:url(image/back_03.png);
	position:absolute;}
	
.btn_back_noline{
	width:86px;
	height:55px;
	cursor:pointer;
	bottom:86px;
	right:-46px;
	background:url(image/back_03.png);
	position:absolute;}
	
.index_why{
	margin:0 auto;
	width:950px;
	height:250px;
	background:url(image/why_03.png) no-repeat;
	padding-bottom:40px;
	}
.index_why p{
	padding:40px 0px 0px 255px;}

.banner_bg{
	z-index:1;
	height:316px;
	position:relative;
	padding:10px 0px 0px 10px;
	margin-bottom:30px;
	background:url(image/banner_bg.jpg) no-repeat;
	
	}
	
.wrapper{
	position:relative;
	overflow:hidden;
	width:930px;
	height:280px;
	margin-bottom:60px;
	}
	
.index_banner_items{
	width:9999px;
	position:absolute;
}
	
.index_banner{
	float:left;
	width:930px;
	height:280px;}
	
.btn_right,.btn_left{
	position:absolute;
	z-index:10;
	top:105px;
	cursor:pointer;}
	
.btn_right{
	right:20px;}
	
.btn_left{
	left:20px;}

.dot{
	position:absolute;
	left:50%;
	bottom:16px;
	width:150px;
	text-align: center;
	margin:-7px 0px 0px -30px;
	height:14px;
	z-index:10;
	cursor:pointer;}

.dot span{
	width:14px;
	height:14px;
	display: inline-block;
	background-image:url(image/dot_07.png);}

.dot .now{
	width:14px;
	height:14px;
	display: inline-block;
	background:url(image/dot_09.png);}

.product_banner_area{
	position:relative;
	overflow:hidden;
	height:130px;
	width:950px;}
.product_banner{
	position:absolute;
	width:9999px;
	height:130px;

	}

.grid_1 .title_product{
	width:156px;
	height:19px;
	background:url(image/title_06.png);
	margin-bottom:10px;}
.product_banner ul{
	width:985px;}
	
.product_banner .each_box{
	width:950px;
	float:left;}
.product_banner li{
	float:left;

	height:130px;
	width:214px;
	padding-right:31.5px;
	
	list-style:none;}
	
.product_banner li .shadow{
	background: url(image/shadow_09.png) no-repeat;
	height:130px;;
	width:215px;
	z-index:5;
	position:absolute;}
	
.product_banner li .red_bg{
	display:block;
	position:absolute;
	width:214px;
	height:130px;
	visibility:hidden;
	z-index:10;
	background:url(image/red_bg.png);
	text-decoration:none;}
	
.product_banner li:hover .red_bg{visibility:visible;}
.product_banner li:hover .red_bg h2{visibility:visible;}

.red_bg h2{
	visibility:hidden;
	text-align:center;
	padding-top:72px;
	color:#FFF;}


.grid_1 .btn_right_1, .grid_1 .btn_right_2{
	width:19px;
	height:19px;
	float:right;
	cursor:pointer;
	background:url(image/btn_09.jpg);}

.grid_1 .btn_left_1, .grid_1 .btn_left_2{
	width:19px;
	height:19px;
	float:right;
	margin-right:2px;
	cursor:pointer;
	background:url(image/btn_07.jpg);}
	
.index_video .title_video{
	margin-bottom:10px;
	width:167px;
	height:20px;
	background:url(image/title_09.png);}
	
.index_video{
	padding-right:30px;
	float:left;}
	
.index_news{
	width:460px;
	float:right;}
	
.index_news .title_news{
	margin-bottom:10px;
	width:189px;
	height:20px;
	background:url(image/title_11.png)}
	
.index_news .news_area{
	width:421px;
	height:124px;
	padding:20px;
	margin-bottom:20px;
	background:url(image/news_bg.png);
	position:relative;}
	
.index_news .news_area .news_img{
	
	float:left;
	border:1px #ccc solid;}

.news_inf{
	padding-left:20px;
	float:left;}
.news_inf h2{
	font-size:13px;
	}
	
.news_area .news_inf  h3{color:#c2252d;}
	
.news_area .news_inf .date{
	padding-bottom:20px;
	text-decoration:underline;
}
.news_area .news_inf p {
	width:235px;
	height:40px;
	}

.news_btn .btn_about{
	width:218px;
	height:50px;
	float:left;
	background:url(image/btn_about_1.png) no-repeat;
	cursor:pointer;}
	
.news_btn .btn_about:hover{
	background:url(image/btn_about_2.png) no-repeat;}
	
.news_btn .btn_tec{
	cursor:pointer;
	margin-left:23px;
	width:219px;
	height:50px;
	float:left;
	background:url(image/btn_tec_1.png) no-repeat;}
	
.news_btn .btn_tec:hover{background:url(image/btn_tec_2.png) no-repeat;}

.index_news .btn_more{
	width:34px;
	height:19px;
	float:right;
	margin-left:2px;
	background:url(image/more.png) no-repeat;}

.news_box_big{
	position:absolute;
	width:9999px;}
	
.news_box_s{
	overflow:hidden;
	height:130px;
	position:absolute;
	width:415px;}

.news_box{
	width:420px;
	float:left;}


.top_bg_pd, .top_bg_lathe, .top_bg_wire, .top_bg_designtools, .top_bg_router, .top_bg_millturn, .top_bg_plugin,.product_top_bg{

	position:absolute;
	width:100%;
	height:158px;
	z-index:1;}
	
.product_top_bg{background: url(image/products_mill_top_02.png);}
.top_bg_lathe{background:url(image/lathe_top_02.png);}
.top_bg_wire{background:url(image/wire_top_02.png);}
.top_bg_designtools{background:url(image/designtools_top_02.png);}
.top_bg_router{background: url(image/router_top_02.png);}
.top_bg_millturn{background: url(image/millturn_top_02.png);}
.top_bg_plugin{background:url(image/plugin_top_02.png);}
	
.top_bg{
	position: relative;
	width:100%;
	height:40px;
	background:url(image/path_bg_03.jpg) ;
	z-index:1;}

.top_shadow{
	z-index:2;
	width:100%;
	height:40px;
	background: url(image/path_shadow_02.png) no-repeat;
	position:absolute;}
	
.product_top_shadow{
	z-index:2;
	width:100%;
	height:40px;
	background: url(image/products_shadow_03.png) repeat-x;
	position:absolute;}
	
.path{
	padding-top:13.5px;

	width:950px;
	margin:0 auto;
	}
	
.path span,a{
	color:#FFF;
	line-height:13px;
	font-weight:bold;
	}
	
.path a:hover{
	color:#FFF;
	}
	
.main_bg{
	margin:0 auto;
	width:918px;
	padding:35px 35px 0px 35px;
	background:url(image/main_bg_03.png) repeat-y;}
	
.main_bg_1{

	margin:0 auto;
	
	width:918px;
	padding:180px 35px 0px 35px;
	background:url(image/main_bg_03.png) repeat-y;}
	
.title_product_1,.title_support_1,.title_about_1,.title_contact_1,.title_media_1,.title_news_1,.title_postprocessor_1,.title_inform,.title_support_system, .title_search{
	margin:0 auto;
	margin-bottom:20px;}
.title_support_system{
	width:280px;
	height:41px;
	background:url(image/support_system_1_03.jpg);}	
.title_product_1{
	width:273px;
	height:41px;
	background:url(image/products_title.jpg);}
	
.title_support_1{
	width:294px;
	height:41px;
	background:url(image/support_1_03.jpg);}
	
.title_about_1{
	width:365px;
	height:41px;
	background:url(image/about_1_03.jpg) top center no-repeat;}
	
.title_contact_1{
	width:128px;
	height:41px;
	background:url(image/contact_1_03.jpg);}
	
.title_media_1{
	width:254px;
	height:41px;
	background:url(image/media_1_03.jpg);}
	
.title_news_1{
	width:269px;
	height:41px;
	background: url(image/news_1_03.jpg);}
	
.title_postprocessor_1{
	width:224px;
	height:40px;
	background:url(image/support_postprocessor_1_03.jpg);
	}
	
.title_inform{
	width:123px;
	height:41px;
	background:url(image/inform_1_03.jpg);}
		
	
.title_line{
	width:910px;
	height:1px;
	margin-bottom:30px;
	background:url(image/line_1.jpg);}
	

.bottom_line{
	width:910px;
	height:1px;
	margin:30px 0px 20px 0px;
	background:url(image/line_1.jpg);
	position:relative;}
	
.product_bg_1{
	margin:0 auto;
	width:910px;
	height:568px;
	margin-bottom:30px;
	background: url(image/products_bg_10.jpg) no-repeat;}
	
.product_bg_1 .p_1{
	padding-top:70px;
	width:490px;}
	
.product_bg_1 ul{
	margin:200px 0px 0px 440px;}
.product_bg_1 li{
	line-height:13px;
	color:#b83535;
	padding:0px 0px 10px 20px;
	list-style:none;
	margin-top:5px;
	background:url(image/triangle.png) no-repeat ;}

.line{

	width:910px;
	height:25px;
	background:url(image/line_2.png) no-repeat;}
	
.pa25{
	padding-bottom:25px;}
	

	
.product_banner_1{
	position:relative;
	width:910px;
	background:url(image/logo2_03.jpg) 710px 275px no-repeat;
	margin-top:20px;
	}
.product_banner_1 ul{
	width:950px;}

.product_banner_1 li{
	margin-bottom:30px;
	float:left;
	position:relative;
	width:214px;
	padding-right:18px;
	list-style:none;}
	
.product_banner_1 li .shadow{
	background: url(image/shadow_09.png) no-repeat;
	height:130px;;
	width:215px;
	z-index:5;
	position:absolute;}
	
.product_banner_1 li .red_bg{
	display:block;
	position:absolute;
	width:214px;
	height:130px;
	visibility:hidden;
	z-index:10;
	background:url(image/red_bg.png);
	text-decoration:none;}

.product_banner_1 h3{
	color:#333;
	padding-left:15px;
	margin-top:10px;
	font-weight:bold;}
	
.product_banner_1 p{
	padding-left:15px;
	word-wrap: break-word; word-break: normal;
	width:185px;}
	
.product_banner_1 li .chang_red:hover .red_bg{
		visibility:visible;}
		
.product_banner_1 li .chang_red:hover .red_bg h2{
			visibility:visible;}

.red_bg h2{
	visibility:hidden;
	text-align:center;
	padding-top:72px;
	color:#FFF;}
	
.support_box{
	overflow:hidden;
	margin-top:30px;
	padding-bottom:50px;}

.support_box ul{
	width:950px;
	padding:0px 0px 0px 49px;;
	}

.support_box li{
	width:200px;
	list-style:none;
	padding-right:110px;
	float:left;
	}
.support_box img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;}	

.support_box  p{
		margin-top:10px;}
		
.about_left_box,.about_right_box{
	width:440px;
	float:left;	
	}

	
.about_left_box{
	padding-right:28px;}
	

.contract_bg{
	width:910px;
	background-color:#f6f6f6;
	height:165px;
	margin-bottom:20px;}

.contract_map_bg{
	margin:16px 0px 0px 0px;
	padding:1px 1px 1px 2px;;
	background:url(image/contract_bg.png) no-repeat;
	width:424px;
	height:133px;
	float:left;}	
	
.contract_inf{
	padding:20px 0px 0px 20px;
	width:440px;
	float:left;
	position:relative;
	z-index:1;}
	
.contract_inf a{color:#921c1c;}
.contract_inf h5{padding-bottom:16px;}
.contract_inf .zoom{
	position:absolute;
	right:15px;
	bottom:-9px;
	z-index:2;
	float:left;}
.contract_inf .zoom:hover{
	text-decoration:none}
.contract_inf .zoom img{
	vertical-align:middle;}
.contract_inf .zoom span{
	line-height:13px;
	padding:5px 0px 0px 5px; 
	line-height:20px;
	color:#333;
	text-decoration:none;}
	
.contract_bottom{margin-bottom:50px;}
.contract_bottom p{padding-bottom:20px;color:#5c4c43;}
.contract_bottom img{margin-right:5px;}

.media_tab{
	height:40px;
	padding-bottom:20px;}
.media_tab .one{
	float:left;
	display:block;
	width:140px;
	height:35px;
	background: url(image/tab_btn_05.png);}
	
.media_tab .one:hover,.media_tab .tab_now .one{
	background: url(image/tab_btn_03.png);}
	
.media_tab span{
	text-align:center;
	padding-top:3px;
	font-size:15px;}
.media_tab a:hover{
	color:#FFF;}


	
.media_box{
	height:178px;
	background:url(image/media_1_06.png) bottom no-repeat;
	float:left;
	margin:0px 50px 15px 0px;}
	
.media_text{
	padding-top:40px;
	width:540px;
	float:left;}
	
.media_text h5{
	font-size:18px;
	margin-bottom:20px;}
	
	
	
.news_tab{
	height:40px;
	padding-bottom:30px;}
.news_tab .one{
	float:left;
	display:block;
	width:140px;
	height:35px;
	background: url(image/tab_btn_05.png);}
	
.news_tab .one:hover,.news_tab .tab_now .one{
	background: url(image/tab_btn_03.png);}

.news_tab span{
	text-align:center;
	padding:3px 0px 0 0px;
	font-size:15px;}
.news_tab a:hover{
	color:#FFF;}
	
.plugin_tab{

	padding-bottom:30px;
	}
	
.plugin_tab a{
	float:left;
	display:block;
	height:39px;
	background: url(image/ttb_05.png) repeat-x;
	padding-top:5px;
	text-align:center;
	}
.plugin_tab .ttb_1{
	float:left;
	height:44px;
	width:18px;
	background:url(image/ttb_03.png) no-repeat;}
.plugin_tab .ttb_2{
	float:left;
	height:44px;
	width:18px;
	margin-right:10px;
	background: url(image/ttb_07.png)no-repeat;}	
.plugin_tab .tab_box{
	float:left;
	margin-bottom:10px;}
.plugin_tab .tab_box:hover a, .tab_now a{
	color:#FFF;
	text-decoration:none;
	background: url(image/ttb_1_11.png) repeat-x;}
	
.plugin_tab .tab_box:hover .ttb_1, .tab_now .ttb_1{
	background:url(image/ttb_1_09.png) no-repeat;}

.plugin_tab .tab_box:hover .ttb_2, .tab_now .ttb_2{
	background:url(image/ttb_1_13.png) no-repeat;}
	
.plugin_tab span{
	font-size:15px;} 

.plugin_tab .two_line{
	text-align:left;
	margin-left:33px;
	display:block;
	font-size:13px;
	line-height:15px;
	width:100px;
} 


	
.slide_box_news{
	float:right;
	position:relative;
	}
	
.show_1{
	cursor:pointer;
	width:137px;
	height:30px;
	background: url(image/news_ptab_03.jpg) top center no-repeat;
	padding:1px 0px 0px 0px;
	
	}
.show_1 span{
		font-size:13px;
		padding:3px 0px 0px 30px;
		font-weight:bold;}
	
.custom_box_1{
	display:none;
	position:absolute;
	top:31px;
	left:0px;
	z-index:10;
	}
.custom_box_1 ul{
	padding:0px;
	margin:0px;
	}
.custom_box_1 li{
	list-style:none;
	padding:0px 0px 0px 30px;
	line-height:30px;
	cursor:pointer;
	font-size:13px;
	border-bottom:#cccccc solid 1px;
	font-weight:bold;
	}
	
.custom_box_1 li:hover{
	background-color:#ab1919;
	color:#FFF;}
	
.custom_slide_list_1{
	display:none;
	width:135px;
	
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#FFFFFF;
	border-radius:3px;
	}



.news_list_line{
	height:210px;
	padding-top:5px;
	background:url(image/line_2.png)  no-repeat bottom;}
	
.news_list_img{
	float:left;
	width:198px;
	height:148px;
	border:#CCC 1px solid;}
	
.news_inf_box{
	margin-left:30px;
	float:left;}
	
.news_inf_box .p_left{
	float:left;
	margin-right:30px;
	width:300px;}
	
.news_inf_box .p_right{
	width:300px;
	float:right;}
	
.news_inf_box h3{
	color:#888888;
	margin-bottom:25px;}
.postprocessor_inf{
	position:relative;
	margin-bottom:50px;}
.postprocessor_inf .postprocessor_logo{
	
	margin:0px 0px 20px 345px;}
	
.postprocessor_inf .zoom{
	bottom:40px;
	
	cursor:pointer;
	width:20px;
	height:20px;
	background:url(image/zoom_03.png);
	position:absolute;}
	
.grid_2 .report h5{
	color:#990000;}
.grid_2 .report{
	padding-bottom:30px;}
	
.inform_bg{
	float:left;
	background:url(image/inform_1_07.jpg);
	width:342px;
	height:342px;}
	
.input_box{
	float:left;
	margin:0px 0px 25px 30px;}
.input_box h2{
	margin-bottom:20px;
	font-size:18px;
}

.input_box input{
	border:none;
	outline:none;	
	margin-bottom:10px;}
	
.input_box .m30{
	margin-left:30px;}

.input_box .box_210{
	margin-left:10px;
	padding-left:5px;
	width:205px;
	height:30px;
	background: url(image/inform_box_210.jpg) no-repeat; }
	

.input_box .box_250{
	margin-left:15px;
	padding-left:5px;
	width:245px;
	height:30px;
	background: url(image/inform_box_250.jpg) no-repeat; }
	
.input_box .box_472{
	margin-left:10px;
	padding-left:5px;
	width:470px;
	height:30px;
	background: url(image/inform_box_472.jpg) no-repeat; }
	
.input_box .box_475{
	margin:0px 0px 30px 10px;
	padding:5px 0px 0px 5px;;
	width:470px;
	height:55px;
	resize: none;
	border:none;
	outline:none;	
	background: url(image/inform_box_475.jpg) no-repeat;
	float:left;}

	
	
.input_box .box_170{
	margin-left:10px;
	padding-left:5px;
	width:165px;
	height:30px;
	background:url(image/inform_box_170.jpg) no-repeat;}
	
.slide_box{
	float:left;
	position:relative;
	}
	
.show{
	cursor:pointer;
	width:90px;
	height:30px;
	background: url(image/inform_slide_16.jpg) top center no-repeat;
	margin:0px 0px 0px 10px;
	padding-left:10px;
	}
	
.custom_box{
	display:none;
	position:absolute;
	top:27px;
	left:10px;
	z-index:10;
	}
.member_terms .custom_box ul{
	padding:0px;
	margin:0px;
	}
.custom_box li{
	list-style:none;
	padding:0px 0px 0px 10px;
	line-height:30px;
	cursor:pointer;
	}
	
.custom_slide_list{
	display:none;
	width:98px;
	height:110px;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#ededed;
	border-radius:3px;
	}
	
.input_box p,span{
	line-height:30px;}

.radio{
	margin:0px 10px 0px 25px;
	vertical-align:-webkit-baseline-middle;}	
	
.input_box .redo{
	cursor:pointer;
	float:left;
	width:140px;
	height:34px;
	background:url(image/inform_btn_26.png);}
	
.input_box .redo:hover{
	background:url(image/inform_btn1_26.jpg);}

.input_box .sent{
	cursor:pointer;
	float:left;
	width:140px;
	height:34px;
	background:url(image/inform_btn_28.png);}
	
.input_box .sent:hover{
	background:url(image/inform_btn1_28.jpg);}
.input_box .inform_btn{
	margin-top:10px;
	float:right;}
.inform_bottom{
	padding-bottom:50px;}

.sup_content{
	height:650px;
	position:relative;
	z-index:1;}

.sup_table{
position:absolute;
top:50px;
border:1px #776e69 solid;
	}
	
.sup_content .title_img{
	position:absolute;
	z-index:10;}
	
.sup_table .brown td{
border:1px #776e69 solid;
	line-height:16px;
	height:45px;
	text-align:center;
	color:#FFF;
	background:#5c4c43;}
	
.sup_table td{
	font-size:12px;
	line-height:18px;
	text-align:center;
	height:60px;
border:1px #776e69 solid;
}
.sup_table td strong{
	font-size:15px;
	text-align:left;}


.mill_bg_2, .mill_bg_3, .mill_bg_5, .mill_bg_6, .lathe_two ,.lathe_three ,.lathe_four , .router_two, .router_three, .router_four, .router_five, .router_six, .router_seven, .lathe_eight, .lathe_first, .wire_first, .wire_two, .wire_three, .wire_four, .designtools_first, .designtools_three, .designtools_four, .designtools_five, .millturn_first, .millturn_two, .millturn_three, .plugin_1_first, plugin_1_two{
	margin:0 auto;
	width:910px;
	}


.mill_first{
	margin-bottom:20px;
	height:417px;
	background:url(image/products_1_mill_03.jpg) no-repeat;}
.main_bg_1 .text_1{
	padding-top:40px;
	width:350px;}

.mill_first h5, .router_first .text_1 h5, .main_bg_1 h5,.grid_4 .text_2 h4{
	margin-bottom:10px;	
	}
.mill_bg_2{
	background:url(image/products_mill_bg_1.jpg) 0px 200px no-repeat;
}

.mill_bg_2 img{margin-bottom:30px;}
.mill_bg_2 .grid_3	ul{	margin-bottom:35px;}
.mill_bg_2 .grid_3 .text_2{margin-bottom:40px;}
.mill_bg_2 .grid_3 .text_3,.grid_4 .text_2{margin-bottom:50px;}	

.triangle li{
	padding:0px 0px 0px 20px;
	list-style:none;
	margin-top:5px;
	background:url(image/triangle.png) 0px 5px no-repeat;}
	
.mill_bg_3{
	background:url(image/products_mill_bg3.jpg) no-repeat;
	height:589px;
	padding-bottom:50px;}
.mill_bg_5 {
	background:url(image/products_mill_bg5.jpg) top right no-repeat;}
	
.mill_bg_6{
	height:576px;
	padding-bottom:50px;
	background:url(image/products_mill_bottom.jpg) no-repeat;}
	
.text_4{width:400px;}
.text_5{padding:320px 0px 0px 35px;}	
.pic_text{
	display:block;
	margin-top:50px;
	text-align:right;
	padding-right:10px;}

.pic_text_1{
	text-align:right;
	margin:305px 0px 0px 60px;
	width:170px;
}

.pic_text_2{
	text-align:left;
	margin:140px 0px 80px 260px;
	width:170px;
}

.pic_text_3{
	float:left;
	text-align:left;
	width:250px;
	margin:230px 20px 0px 0px;
}

.pic_text_4{
	float:left;
	text-align:left;
	width:170px;
	margin:230px 0px 0px 0px;
}

.grid_5 h5{	margin-bottom:20px;}
	
.mill_bg_4{
	height:800px;
	width:910px;
	background:url(image/products_mill_bg4.jpg) 0px 45px no-repeat;
	padding:0px 0px 50px 0px;
	}
.grid_3_bg{
	float:left;
	height:910px;
	width:440px;
	background:url(image/products_mill_pic_03.jpg) 0px 540px no-repeat;}

.grid_4_bg{
	float:left;
	padding-top:225px;
	width:435px;
	height:600px;
	background:url(image/products_mill_pc_yell.jpg) 0px 275px no-repeat;}
	
.grid_4_bg .text{
	width:400px;
	padding:240px 0px 0px 15px;}
	
.grid_4_bg a{
	display:block;
	margin-top:100px;}
	
.product_bottom{
	text-align:center;
	width:910px;
	padding-bottom:50px;
	position:relative;
	}

.product_bottom h5{
	color:#000;
	padding:25px 0px 0px 0px;}
	
.product_bottom ul{	list-style-position:inside;}

/*--LATH--*/

.lathe_first{
	margin-bottom:20px;
	width:910px;
	height:417px;
	background: url(image/lathe_1_03.jpg)}
	
.lathe_two{
	height:985px;
	background:url(image/lathe_2_07.jpg) 0px 320px no-repeat;}

.lathe_two .pic_inf_1{ width:440px; padding:175px 0pc 0px 0px;}	
.lathe_two .pic_inf_2{ width:440px; padding:175px 0pc 0px 0px;}	
.lathe_two .pic_inf_3{ width:440px; padding:185px 0pc 0px 0px;}	
.lathe_two .pic_inf_1 .pic_text_1,.pic_inf_2 .pic_text_1,.pic_inf_3 .pic_text_1{
	float:left;
	margin:0px;
	text-align:left;
	padding:0px 30px 0px 20px;
	width:170px;}
	
.lathe_two .pic_inf_4{ width:270px; margin:390px 0px 0px 170px; float:left;}

.lathe_three h3{color:#c84a4a;}	
.lathe_three ul{
	margin:25px 0px 25px 0px;}
.lathe_three .grid_4, .router_two .grid_4{margin-bottom:50px;}
.lathe_three .margin_r35{padding-top:50px;}
	
.lathe_four{
	height:571px;
	background:url(image/lathe_4_14.jpg) no-repeat;
	margin:0px 0px 50px 0px;}
	
/*--router-*/
	
.router_first{
	margin-bottom:20px;
	width:910px;
	height:417px;
	background: url(image/router_1_03.jpg) no-repeat;}
	
.router_two h4{margin-bottom:10px;}
.router_two .grid_4 ul, .router_three .grid_4 img{margin-bottom:75px;}
.router_two .grid_3 img{margin-bottom:40px;}
.router_two .grid_4 img, .router_three .grid_4 p{margin-bottom:70px;}

.router_three, .router_four, .router_five, .router_six, .router_seven{padding-bottom:50px;}

.router_three{
	background: url(image/router_3_03.jpg) top left no-repeat;}

.router_three .grid_3 p{
	margin:260px 0px 0px 20px;
	width:215px;}
	
.router_four{
	height:668px;
	background: url(image/router_4_03.jpg) no-repeat;}

.router_five{
	height:770px;
	background: url(image/router_5_03.jpg) 0px 65px no-repeat;}
	
.router_five .grid_4 {
	padding-top:520px;}

.router_six{
	position:relative;
	background:url(image/router_6_03.jpg) 0px 35px no-repeat;}
	
.router_six h5, .router_six p{margin-bottom:20px;}
.router_six .pic_4{margin:195px 0px 0px 25px;}	

.router_six .pic_4 li{
	width:200px;
	list-style:none;
	margin-right:20px;
	float:left;}
	
.router_six .router_pic_text{
	width:235px;
	top:300px;
	right:30px;
	position:absolute;}
	
.router_seven{background:url(image/router_7_03.jpg) no-repeat;}
.router_seven .grid_4{padding:110px 0px 0px 0px;}
.router_seven .grid_4 ul{margin:75px 0px 30px 0px;}
.router_seven .grid_3{position:relative;}
.router_seven .grid_3 .p_1{
	width:190px;
	top:320px;
	left:0px;
	position:absolute;}
	
.router_seven .grid_3 .p_2{
	width:300px;
	top:650px;
	left:0px;
	position:absolute;}
	
.router_seven .grid_3 .p_3{
	width:300px;
	top:490px;
	right:-100px;
	position:absolute;}
	
.router_seven .grid_3 .p_4{
	width:190px;
	margin:690px 0px 0px 240px;
	}
	
.router_eight{
	height:592px;
	padding-bottom:50px;
	background:url(image/router_bottom_07.jpg) no-repeat;}
	
/*--wire-*/

.wire_first{
	margin-bottom:20px;
	width:910px;
	height:417px;
	background:url(image/wire_1_03.jpg) no-repeat;}
	
.wire_two{
	padding-bottom:50px;
	background:url(image/wire_2_03.jpg) no-repeat;}
.wire_two .grid_3{margin-top:300px;}
.wire_two .grid_3 h4{margin-bottom:10px;}
.wire_two .grid_4{position:relative;}
.wire_two .grid_4 .p_1{
	position:absolute;
	top:250px;
	right:30px;
	width:230px;}
.wire_two .grid_4 .p_2{
	position:absolute;
	top:675px;
	right:240px;
	width:170px;}
.wire_two .grid_4 .p_3{
	position:absolute;
	top:675px;
	right:20px;
	width:170px;}
	
.wire_three{
	padding-bottom:50px;
	background: url(image/wire_3_03.jpg)no-repeat;}
	
.wire_three .grid_4{padding-top:50px;}
.wire_three .grid_4 ul{	padding-bottom:65px;}
	
.wire_three .grid_3 .p_1{
	width:160px;
	margin:510px 0px 0px 15px;}
	
.wire_three .grid_3 .p_2{
	float:left;
	width:160px;
	margin:165px 0px 0px 15px;}
	
.wire_three .grid_3 .p_3{
	float:left;
	width:160px;
	margin:165px 0px 0px 40px;}
	
.wire_four{

	padding-bottom:50px;
	background: url(image/wire_3_06.jpg) no-repeat;
	}
	
/*--designtools-*/	
	
.designtools_first{
	padding-bottom:50px;
	width:910px;
	padding-top:45px;}
.designtools_first .grid_4 img{
	margin-top:45px;}	
.designtools_first .grid_4 ul{
	margin-top:100px;}
	
.designtools_two .designtools_grid_2{
	float:left;
	width:520px;
	padding-bottom:50px;}
	
.designtools_three, .designtools_four{
margin-bottom:45px;}

.designtools_five .box_r{
	float:left;
	width:550px;}
.designtools_five .box_1 p,.box_2{
	margin-bottom:65px;
	text-align: right;
}
.designtools_five .box_2 p, .designtools_five .box_3 p{
	margin:25px 20px 0px 0px;
	width:260px;
	float:left;}
	
.designtools_five{margin-bottom:65px;}
.designtools_six .grid_3 ul{margin-bottom:35px;}
.designtools_six{padding-bottom:15px;}
	

.millturn_first{
	margin-bottom:20px;
	height:417px;
	background:url(image/millturn_1_03.jpg);}
	
.millturn_two{
	padding-bottom:50px;
	background:url(image/millturn_2_03.jpg) right 100px no-repeat;}
.millturn_two .num li{
	list-style:none;
	margin-bottom:25px;}
.millturn_two .grid_4 p{
	width:200px;
	margin:230px 0px 0px 225px;}
	
.millturn_three{
	padding:50px 0px 50px 0px;
	background:url(image/millturn_3_07.jpg) no-repeat;}
.millturn_three .grid_3 .triangle{
	width:290px;}
.millturn_three .grid_3 p{
	margin:335px 0px 0px 15px;;}
.millturn_three .grid_4 {
	padding:405px 0px 0px 0px;}

.millturn_four, .plugin_1_two {
	margin-bottom:50px;}
	
.plugin_1_first{
	margin-bottom:20px;
	height:417px;
	background: url(image/plugin_1_03.jpg) no-repeat;}
	
.plugin_1_two .grid_3 ul, .plugin_1_two .grid_4 ul{
	margin-bottom:60px;}
.plugin_1_two .grid_4 .marb{
	margin:50px 0px 55px 0px;}

.plugin_1_two .grid_4 .clearfix img{
	float:right;
	margin-top:35px;}
	
	
.title_search{ background:url(image/search.jpg); width:120px; height:41px;}