@charset "UTF-8";


body {	
	font-family: Arial,"微軟正黑體","蘋果儷中黑",Helvetica,Arial,FreeSans,"sans-serif";
	letter-spacing:0.1em;
	line-height:18px; 
	background-color:#000;
	color:#6b6b6b;
	overflow-x :hidden;
	background:black;
	margin:0px;
	}
	
body a{
	color: #6b6b6b;
	text-decoration: none;
}
	
body a:hover{color:#fff;	}	
	
	#wrapper{


	width:1600px;
	padding-left:50%;
	margin-left:-800px;

	}

	
	#menu{
		margin-top:0px;
		position:fixed;
		height:77px;
		width:100%;
		padding-top:0px;
		background:url(../img/menu_bg.png);
		z-index:30;
	}
	
	.menu_position { width:990px; margin:0 auto;}

	.sections{
		
		width:1600px;
		height:700px;
		overflow:hidden;
	}
	.wrap{
		height:700px;
		width: 4000px;
	}
	
	#sr25History .wrap{
		height:700px;
		width: 4800px;
	}
	.item1{
		width:1600px;
		height:700px;
		float:left;
	}
	
		.item2{
				width:1600px;
		height:700px;
		float:left;
		position:relative;
	}

	.item3{
				width:1600px;
		height:700px;
		float:left;
		position:relative;
	}
	#introduction .item1{
		
		background:url(../img/bg_1_1.jpg);
	}
	
		#introduction .item2{
		
		background:url(../img/bg_1_2.jpg);
	}
	
	#sr25History .item1{
		
		background:url(../img/bg_2_1.jpg);
	}
		#sr25History .item2{
		
		background:url(../img/bg_2_2.jpg);
	}
		#sr25History .item3{
		
		background:url(../img/bg_2_3.jpg);
	}
	#Features .item1{
		
		background:url(../img/bg_3_1.jpg);
	}
	
	#SPECIFICATIONS .item1{
		
		background:url(../img/bg_4_1.jpg);
	}
	#logo{
		position:relative;
		width:100px;
		height:77px;
		float:left;
	}
	#menu_ul{
	height: 77px;
float: right;
position: relative;
padding: 0px;
margin: 0px;
	}
	.menu_butt{
	
float: left;
height: 57px;
margin-left: 50px;
position: relative;
padding-top: 20px;
cursor:pointer;
	}
	.content{
		width: 600px;
		height: 400px;

		background:blue;
		top: 150px;
		position:relative;
	}


	#go1{width: 140px; } 
	#go2{width: 130px; margin-left: 0px;}
	#go3{width: 70px; margin-left: 10px; } 
	#go4{width: 70px; margin-left: 30px; } 
	#go5{width: 185px;margin-left: 90px; margin-right:10px;} 
	#go6{width: 35px;margin-left:20px; } 
	#go7{width: 35px;margin-left:10px;}


	.font1{
		font-size:12px;
		color:#FFF;
		line-height:0px;
	}
	.font1 a ,.font1 a:hover{
		font-size:12px;
		color:#FFF;
		line-height:0px;
	}
	.font2{
	-webkit-text-size-adjust:none;
		font-size:10px;
		color:#b1b1b1;
	line-height:0px;
	
	}

	


h1 {
	font-size:30px;
	color:#FFF;
	line-height:36px;
	letter-spacing:0.05em;
	text-align:left;
	
}
h2{
	font-size:28px;
	color:#DDD;
	line-height:32px;
	letter-spacing:0.05em;
	text-align:left;
	
}
h3{
	font-size:24px;
	color:#CCC;
	line-height:28px;
	letter-spacing:0.05em;
	text-align:left;
}
h4{
	font-size:18px;
	color:#ccc;
	line-height:24px;
	letter-spacing:0.05em;
	text-align:left;
}

h5{
	font-size:14px;
	color:#ccc;
	line-height:18px;
	letter-spacing:0.05em;
	text-align:left;
}
h6{
	font-size:12px;
	color:#ccc;
	line-height:18px;
	letter-spacing:0.05em;
	text-align:left;
}

/*******1-1 內容*********/
.content1_1{ width:980px; height:200px; margin:0 auto; padding-left:100px; padding-right:100px; padding-top:422px;}
.font3{
		font-size:25px;
		color:#FFF;
		line-height:20px;
	}
.font4{
	-webkit-text-size-adjust:none;
		font-size:22px;
		color:#cecece;
	
	line-height:20px;
	}
	

.text_box1{color:#cacaca;font-size: 14px;line-height: 20px;letter-spacing: 0.2em;}

.content1_1 .text_box1{width: 980px;}

.text_box1_2{color:#cacaca;font-size: 14px;line-height: 20px;letter-spacing: 0.2em; position:absolute; width: 600px;}
.text_box2{color:#ababab;font-size:14px;line-height:20px;letter-spacing:0.1em;}	
.text_box3{color:#ababab;font-size:14px;line-height:20px;letter-spacing:0.1em;}	

.content1_1 .btn_arrow{	background-image: url(../img/red_btn1.png);
width: 72px;
height: 60px;
cursor: pointer;
text-align: center;
color: #fff;
padding-top: 12px;
margin: 10px auto;
margin-top:0px;}

.content1_1 .btn_arrow:hover{	color:#000; background-image: url(../img/red_btn1_2.png);}



#goto_item2{
/*
	margin-left:100%;
	left:-76px;
*/
	position:absolute;
	top:360px;
	margin-left:106px;
}

#goto_item2 .btn_arrow{	background-image: url(../img/red_btn1.png);
width: 72px;
height: 60px;
cursor: pointer;
text-align: center;
color: #fff;
padding-top: 12px;
margin: 10px auto;
margin-top:0px;}



.btn_arrow{	background-image: url(../img/red_btn1.png);
width: 72px;
height: 60px;
cursor: pointer;
text-align: center;
color: #fff;
padding-top: 12px;
margin: 0px;

position:relative;
left:0px;}




.btn_arrow_left{
background-image: url(../img/arrow_go_l.png);
width: 72px;
height: 72px;
text-align: center;
color: #fff;
padding-top: 12px;
cursor:pointer;

position:relative;
z-index:20;
float:left;	
	
}

#introduction .btn_arrow_left{
		background-image: url(../img/arrow_go_l.png);
}





.btn_arrow_left:hover{

background-position:-72px 0px;
}


#goto_film_left_2{
		background-image: url(../img/p3_btn.png);
		display:none;
}


.btn_arrow_right:hover{
	background-position:-72px 0px;
}

.left_wrapper{

width: 72px;
height: 72px;

text-align: center;
color: #fff;

margin:0px;
overflow:hidden;
position:absolute;
z-index:20;
float:left;	
	
}


.right_wrapper{

width: 72px;
height: 72px;

text-align: center;
color: #fff;

margin:0px;
overflow:hidden;
position:relative;
z-index:20;
float:right;	
	
}


.btn_arrow_right{
	background-image: url(../img/arrow_go_r.png);
width: 72px;
height: 72px;

text-align: center;
color: #fff;
padding-top: 12px;

cursor:pointer;
position:relative;
z-index:20;
float:right;	
	
}
#introduction .btn_arrow_right{
		background-image: url(../img/arrow_go_r.png);
}
.button_wrapper{
	width: 100%;
	position:absolute;
	height: 60px;
	margin-left:0px;
	right: 0px;
	top:360px; 

}



.button_wrapper2{
	width: 100%;
	position:absolute;
	height: 60px;
	margin-left:0px;
	right: 0px;
	top:1060px; 

}



.button_wrapper2_2{
	width: 100%;
	position:absolute;
	height: 60px;
	margin-left:0px;
	right: 0px;
	top:1133px; 

}

.button_wrapper3{
	width: 100%;
	position:absolute;
	height: 60px;
	margin-left:0px;
	right: 0px;
	top:1760px; 

}

#goto_item2 .btn_arrow:hover{	color:#000; background-image: url(../img/red_btn1_2.png);}

#goto_thecore{ font-size:12px;}

#goto_introduction, #goto_film_left, #goto_VFCMK11MOD_left, #goto_VFCMK11MODKEY_left, #goto_film_right, #goto_VFCMK11MODKEY_right{display:none;};



/*******1-1  end*********/


.submenu{
	
	overflow:hidden;
	width: 120px;
	height:0px;
	background:url(../img/menu_bg.png);
	padding-left: 5px;
	margin-left: -6px;
	margin-top: 29px;
}

#go1 .submenu{
	
	overflow:hidden;
	width: 160px;
	height:0px;
	background:url(../img/menu_bg.png);
	padding-left: 5px;
	margin-left: -5px;
	margin-top: 29px;
}


#go2 .submenu{
	
	overflow:hidden;
	width: 160px;
	height:0px;
	background:url(../img/menu_bg.png);
	padding-left: 5px;
	margin-left: -5px;
	margin-top: 29px;
}

#go3 .submenu{
	
	overflow:hidden;
	width: 160px;
	height:0px;
	background:url(../img/menu_bg.png);
	padding-left: 5px;
	margin-left: -5px;
	margin-top: 29px;
}
.menu_text{
	cursor:pointer;
	height:20px;
	margin-bottom:20px;
	width:200px;
}




/********1-2**********/
.content1_2	.font3{
		font-size:14px;
		color:#FFF;
		line-height:0px;
	}
.content1_2 .font4{
	-webkit-text-size-adjust:none;
		font-size:10px;
		color:#FFF;
	line-height:0px;
	
	}
	
	
.content1_2	.font3_big{
		font-size:16px;
		color:#fff;
		line-height:1px;
	}
	
	

.content1_2 .font4_big{
	-webkit-text-size-adjust:none;
		font-size:14px;
		color:#fff;
	line-height:1px;
	
	}	
	
	
.content1_2 .btn{ float:left; margin-right:30px; cursor:pointer;}
.content1_2 .btns{  width:540px;margin-right:10px;float: right; margin-bottom:5px; margin-left:440px;}
.big_name{ width:279px; height:100px; overflow:hidden;float: left;}

.content1_2{ width:850px; height:622px; margin:0 auto; padding-left:70px; padding-right:70px;margin-top: 295px; }
.content1_2 .line{
	background-image: url(../img/line2.png);
	height: 222px;
	width: 1px;
	float: left;
margin-left: 10px;
margin-right: 10px;

}






.producer_description{ width:550px; float:left; height: 222px;overflow: hidden;}
.producer_description .text_box1{color:#FFF;}





#goto_item1{
	margin-left:0%;

	position:absolute;
	top:360px;
}

#goto_item1 .btn_arrow{	background-image: url(../img/red_btn1.png);
width: 72px;
height: 60px;
cursor: pointer;
text-align: center;
color: #fff;
padding-top: 12px;
margin: 10px auto;
margin-top:0px;}

#goto_item1 .btn_arrow:hover{	color:#000; background-image: url(../img/red_btn1_2.png);}


/*********1-2 end*********/


/********2_1*********/

.content2_1{ width:980px; height:270px; margin:0 auto; padding-left:70px; padding-right:70px;padding-top: 300px; }
.content2_1 .font4{  }
.content2_1 .font3{  }

.content2_1 .btn_boxthumb{width: 300px;

margin-left: 370px;}
.content2_1 .btn_thumb{
	width:140px;

	cursor:pointer;
	text-align:center;
	font-size:14px;
	float:left;
}
.content2_1 .btn_thumb:hover{
	cursor:pointer;
	color:rgb(255, 0, 0);
	
}

#goto_VFCMK11MODKEY{  margin-left: 20px;}

/*******2_1end***********/


/********2_2*********/

.content2_2{ width:990px; height:90px; margin:0 auto; padding-top:490px; }
.content2_2 .btn_box{  width: 290px;
height: 90px;
float: right;}

.content2_2 .btn_arrow{	background-image: url(../img/red_btn2.png);	width:72px;	height:44px;	cursor:pointer;	text-align:center;
	color:#fff;	margin: 10px auto;	padding-top:28px; float:left; margin-left:20px;}
	
.content2_2 .btn_arrow:hover{	color:#000;}

/*******2_2end***********/

/********2_3*********/

.content2_3 .btn_box{  width: 230px;
height: 90px;
float: right;}



.content2_3{ width:90%; height:90px; margin:0 auto; padding-top:80px; padding-left:920px; }

.content2_3 .btn_arrow{	background-image: url(../img/red_btn2.png);	width:72px;	height:44px;	cursor:pointer;	text-align:center;
	color:#fff;	margin: 10px auto;	padding-top:28px; float:left; margin-left:20px;}
	
.content2_3 .btn_arrow:hover{	color:#000;}

/*******2_3end***********/


/********3_1*********/

.content3_1{ width:850px; height:300px; margin:0 auto; padding-left:70px; padding-right:70px;padding-top: 400px; }
.content3_1 .btn_arrow{
	background-image: url(../img/red_btn2.png);
	width:72px;
	height:45px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	padding-top:27px;
	margin: 10px auto;
}


.content3_1 .btn_arrow:hover{
	width:72px;
	height:45px;
	cursor:pointer;
	text-align:center;
	color:#000;
	padding-top:27px;
	margin: 10px auto;
	
}


/*******3_1end***********/

/********4-1*********/
.content4_1{ width:850px; height:622px; margin:0 auto; padding-left:70px; padding-right:70px;margin-top: 100px; text-align:center; }
/*******4-1end***********/
#alan_big{
	position:absolute;
}
#ben_big{
	position:absolute;
}

#copyright{
	height:30px;
	width:100%;
	position:fixed;
	bottom: 0px;
		background:url(../img/menu_bg.png);
}
#cop{
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:12px;
		color: #6b6b6b;
}

#section1_right{
	
	float:left; top:235px;
	margin-left:50%;
	left:-36px;
}