/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */

html,body {
	font-family:Arial,  "微軟正黑體" !important;
	-webkit-text-size-adjust:none;
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 39%,#ededed 62%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 39%,#ededed 62%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width:100%;
	min-height:100%;
}


a{text-decoration:none;	color:#535354;}
/*===a:hover{color:#dc2e37 !important;}====*/
.CHIN1{letter-spacing:1px;}
.CHIN2{letter-spacing:2px;}

#WRAPPER{
	margin:0 auto;
	width:1100px;
	height:auto;
	background-color:#FFFFFF;
	}

/*====================== 頁首區 ==========================*/

header {
	background-image:url(../images/hear_benner_01.png);
	background-repeat:no-repeat;
	background-color:#333333;
	background-position:0 -20px;
	
}

#HEADER{
	width:1100px;
	height:300px;
	position:relative;
}

#MK{
	position:absolute;
	left:295px;
	top:95px;
}

#MK h1{
	text-indent:-9999px;
}

#NAV{
	position:absolute;
	left:0px;
	bottom:-10px;
	height:40px;
	width:1100px;
}

#NAV ul{
	padding-left:4px;
}

#NAV ul li{
	height:40px;
	background: linear-gradient(to bottom, rgb(50, 55, 62) 0%,rgb(70, 75, 82) 45%,rgb(70, 75, 82) 51%,rgb(30, 35, 42) 100%);
	background: -webkit-linear-gradient(top, rgb(50, 55, 62) 0%,rgb(70, 75, 82) 45%,rgb(70, 75, 82) 51%,rgb(30, 35, 42) 100%);
	float:left;
	box-shadow:1px 1px 20px rgb(255, 255, 255);
	border-radius:5px;
	margin:0 4px;
}

#NAV ul li a{
	display:block;
	width:142px;	
	color:rgb(250, 250, 250);
	text-shadow:0px 1px 2px rgb(20, 20, 20);
	height:40px;
	padding-left:30px;
	line-height:40px;
	font-size:18px;
	border-radius:5px;

}

#NAV ul li a:hover{
	text-shadow:1px 1px 2px rgb(0, 0 0);
	background-color: #ed6d00;
	color:rgb(250, 250, 250);
	
}

#NAV_TOP{
	width:1100px;
	height:80px;
	position:fixed;
	top:-120px;
	left:0px;
	cursor:pointer;
	background-color:#FFFFFF;
	box-shadow:1px 1px 30px #999;
	-moz-box-shadow:1px 1px 30px #999;
	-webkit-box-shadow:1px 1px 30px #999;
	z-index:9;
}

#NAV_TOP img{
	height:70px;
	width:auto;
	margin:10px 60px 0 60px;
	float:left;
}

#NAV_TOP ul{
	margin-top:40px;
}
#NAV_TOP ul li{
	display:block;
	width:80px;
	height:30px;
	float:left;
	border-left:1px solid rgb(170, 170, 170);
	padding:0 20px 0 30px;
	line-height:30px;
	border-right:1px solid rgb(170, 170, 170);

}

#NAV_TOP ul li a{
	font-size:14px;
	color:rgb(20, 20, 20);
}

/*====================== 內容資料區 ==========================*/

article{}

#CONTENT{
	width:1100px;
	height:auto;
	overflow:hidden;
	clear:both;
}

#Products{
	padding-bottom:180px;
	width:1060px;
	height:820px;

	border-bottom:40px solid rgb(255, 255, 255);
	padding:0 20px;
}

.BOX480 {
	width:480px;
	margin:0 0 0 35px;
	float:left;
	padding-top:40px;
}

.BOX480 ul{

}
.BOX480 ul li{
	width:480px;
	height:210px;
	color:rgb(0,0,0);
	background-color:#FFFFFF;
	position:relative;
}

.BOX480 ul li h1{
	font-size:22px;
	margin-left:30px;
	line-height:3.5;
	font-weight:bolder;
}

.BOX480 ul li h1 strong{
	font-weight:bolder;
}

.BOX480 ul li h2{
	display:block;
	text-indent:-9999px;
	width:480px;
	height:210px;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
}

#DIRECT_01 h2{background-image:url(../images/Direct-drive-spindle_S1.png);}
#DIRECT_02 h2{background-image:url(../images/Direct-drive-spindle_S2.png);}
#BELT_03 h2{background-image:url(../images/Belt-drive-spindle_S1.png);}
#GEAR_04 h2{background-image:url(../images/Gear-drive-spindle_S1.png);}
#LATHE_05 h2{background-image:url(../images/Spindle-for-Lathe_S1.png);}
#BORING_06 h2{background-image:url(../images/Horizontal-boring-spindle_S1.png);}

.BOX480 ul li a{
	position:absolute;
	bottom:30px;
	right:30px;
	display:block;
	height:30px;
	padding:0 35px 0 15px;
	line-height:30px;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	background-image:url(../images/inco_R.png);
	background-repeat:no-repeat;
	background-position: 65px center; 
	border-radius:2px;
}

#A0{background-color:#0ba95f;}
#A1{background-color:#0ba95f;}
#A2{background-color:#f6ab00;}
#A3{background-color:#ed6d00;}
#A4{background-color:#00a0e9;}
#A5{background-color:#6357a3;}

#DIRECT_H1{
	clear:both;
	width:1100px;
	position:relative;
	background-image:url(../images/Direct-drive-spindle_H1.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:940px;
	box-shadow:-1px -2px 50px rgb(150, 150, 150);
	z-index:2;
	border-bottom:40px solid rgb(255, 255, 255);

}

#DIRECT_H1 h1{
	position:absolute;
	top:140px;
	left:62px;
	font-size:40px;
	color:#0ba95f;
	font-weight:bolder;
}

#DIRECT_H1 h1 strong{font-weight:bolder;}

#TEXT_BOX{
	position:absolute;
	bottom:50px;
	left:100px;
}

#TEXT_BOX p{
	font-size:24px;
	line-height:2;
	padding-left:30px;
	background-image:url(../images/inco_R_B.png);
	background-repeat:no-repeat;
	background-position:0px center;
	color:rgb(105, 105, 105);
}

#TOP{
	position:absolute;
	bottom:10px;
	right:80px;
}

#PDF{
	position:absolute;
	bottom:320px;
	right: 70px;
	width:110px;
}

#PDF p{
	font-size:15px;
	line-height:3;
	font-weight:bold;
	text-shadow:1px 1px 2px rgb(210, 210, 210);

}

#DIRECT_H2{
	clear:both;
	width:1100px;
	position:relative;
	background-image:url(../images/Direct-drive-spindle_H2.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height:940px;
	box-shadow:-1px -2px 50px rgb(150, 150, 150);
	z-index:2;
	border-bottom:40px solid rgb(255, 255, 255);

}

#DIRECT_H2 h1{position:absolute;top:140px;left:62px;font-size:40px;color:#0ba95f;font-weight:bolder;}
#DIRECT_H2 h1 strong{font-weight:bolder;}

#BELT_H1{
	clear:both;
	width:1100px;
	background-color:#FFFFFF;
	position:relative;
	background-image:url(../images/Belt-drive-spindle_H1.png);
	background-repeat:no-repeat;
	height:940px;
	box-shadow:-1px -2px 50px rgb(150, 150, 150);
	z-index:2;
	border-bottom:40px solid rgb(255, 255, 255);
}

#BELT_H1 h1{position:absolute;top:140px;left:62px;font-size:40px;color:#f6ab00;font-weight:bolder;}
#BELT_H1 h1 strong{font-weight:bolder;}

#GEAR_H1{
	clear:both;
	width:1100px;
	position:relative;
	background-image:url(../images/Gear-drive-spindle_H1.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height:940px;
	box-shadow:-1px -2px 50px rgb(150, 150, 150);
	z-index:2;
	border-bottom:40px solid rgb(255, 255, 255);
}

#GEAR_H1 h1{position:absolute;top:140px;left:62px;font-size:40px;color:#ed6d00;font-weight:bolder;}
#GEAR_H1 h1 strong{font-weight:bolder;}

#LATHE_H1{
	clear:both;
	width:1100px;
	position:relative;
	background-image:url(../images/Spindle-for-Lathe_H1.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height:940px;
	box-shadow:-1px -2px 50px rgb(150, 150, 150);
	z-index:2;
	border-bottom:40px solid rgb(255, 255, 255);
}

#LATHE_H1 h1{position:absolute;top:140px;left:62px;font-size:40px;color:#00a0e9;font-weight:bolder;}
#LATHE_H1 h1 strong{font-weight:bolder;}

#BORING_H1{
	clear:both;
	width:1100px;
	position:relative;
	background-image:url(../images/Horizontal-boring-spindle_H1.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height:940px;
	box-shadow:-1px -2px 50px rgb(150, 150, 150);
	z-index:2;
	border-bottom:40px solid rgb(255, 255, 255);
}

#BORING_H1 h1{position:absolute;top:200px;left:62px;font-size:40px;color:#6357a3;font-weight:bolder;}
#BORING_H1 h1 strong{font-weight:bolder;}


/*====================== 頁尾區 ==========================*/

footer {

}

#FOOTER{
	background-image:url(../images/background-image_03.png);
	background-repeat:no-repeat;
	height:220px;
	width:1100px;
	background-color:#FFFFFF;
	clear:both;
}
#FOOTER ul{
	margin-top:45px;
	color:#535354;
	float:left;
	width:1100px;
	padding-bottom:40px;
}

#FOOTER ul li{
	float:left;
	width:245px;
	margin:0 15px;
}

#FOOTER ul li h1{
	font-size:14px;
	margin-bottom:30px;
	color:#000000;
	font-weight:bold;
}

#FOOTER ul li h1 strong{
	font-size:18px;
	letter-spacing:2px;
}

#FOOTER ul li p{
	font-size:12px;
	line-height:1.2;
	margin-top:5px;
}



#DS{
	width:1100px;
	height:40px;
	clear:both;
	border-top:1px solid rgb(170, 170, 170);
	background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); 

}

#DS p{
	margin:0 20px 0 15px;
	font-size:12px;
	float:left;
	line-height:40px;
	color:#535354;
}