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


html,
body{
	height:100%;	
}
body{
	background:#000;
}
.posNum{
	position:fixed;
	left:50%;
	top:50%;
	width:300px;
	height:50px;
	margin:-25px 0 0 -150px;
	background:#111;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	z-index:9999;
	display:none;
}


body{
	min-width:1600px;	
	position:relative;
}

.scrollBox{
	height:100%;
	overflow:hidden;
	position:relative;
}



h1{
	position:absolute;
	left:50%;
	top:38px;
	margin-left:-73px;
	z-index:99;
}

.topMenu{
	position:absolute;
	left:50%;
	top:74px;
	width:1076px;
	margin-left:-538px;
	height:42px;
	z-index:98;
	background:url(../images/header/headerline.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/header/headerline.png*/ repeat-x left bottom;
}

.topMenu li{
	float:left;
	margin-left:22px;
}

.topMenu .menu04{
	margin-left:380px;	
}

.topMenu li a{
	display:block;
	height:37px;
	padding:0 12px;	
}

.topMenu li a:hover{
	border-bottom:solid 2px #fff;
	
}


.navi{
	position:fixed;
	right:40px;
	top:50%;
	background:url(../images/quick/quick_navigation.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/quick/quick_navigation.png*/ no-repeat left top;
	z-index:9999;	
	width:25px;
	height:389px;
	margin-top:-195px;
}

.navi li{
	margin-top:12px;
	margin-bottom:42px;	
	positin:relative;
	z-index:10;
}

.navi li a{
	display:block;
	width:25px;
	height:25px;	
	text-indent:-9999px;	
}
.navi .ball{
	position:absolute;
	left:5px;
	top:0px;
	width:15px;
	height:15px;
	z-index:9;
}





.wrap {
	overflow:hidden;	
}

.wrap > div{
	height:1000px;
	position:relative;

}

/*** page01 **/
.wrap .page01{
	background:url(../images/page01/background01.jpg)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page01/background01.jpg*/ no-repeat center top;
}

.wrap .page01 .car{
	position:absolute;
	left:50%;
	top:591px;
	margin-left:-345px;
}
.wrap .page01 .titleText{
	width:481px;
	height:242px;
	position:absolute;
	left:50%;
	top:349px;
	margin-left:-759px;
}

.wrap .page01 .titleText > div {
	text-align:center;
}
.wrap .page01 .titleText .title01{
	margin-bottom:19px;
}
.wrap .page01 .titleText .title02{
	margin-bottom:25px;
}

.wrap .page01  .titleText .title03Effect{
	position:absolute;
	left:50%;
	top:116px;
	width:460px;
	height:10px;
	margin-left:-220px;
	overflow:hidden;
	z-index:97;
}

.wrap .page01  .titleText .title03Effect img{
	position:absolute;
	left:0;
	top:0;	
}


/*** page02 **/
.wrap .page02{
	background:url(../images/page02/background02.jpg)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page02/background02.jpg*/ no-repeat center top;
}

.wrap .page02 .leftArea{
	position:relative;
}

.wrap .page02 .leftArea .left01{
	position:absolute;
	top:480px;
	left:0;
	z-index:99;
}

.wrap .page02 .leftArea .left02{
	position:absolute;
	top:428px;
	left:0;
	z-index:98;
}

.wrap .page02 .leftArea .left03{
	position:absolute;
	top:375px;
	left:0;
	z-index:97;
	margin:-17px 0 0 -17px;
}

.wrap .page02 .titleArea{
	position:relative;
}

.wrap .page02 .titleArea .titleText02{
	position:absolute;
	top:74px;
	left:50%;
	margin-left:-640px;
	z-index:99;
	height:177px;	
	overflow:hidden;	
}

.wrap .page02 .titleArea .titleText02 img{
	position:relative;	
	top:-177px;	
}

.wrap .page02 .titleArea .SubText01{
	position:absolute;
	top:299px;
	left:50%;
	height:88px;
	margin-left:-877px;
	z-index:99;
	overflow:hidden;
}

.wrap .page02 .titleArea .SubText01 img{
	position:relative;	
	top:-88px;
}


.wrap .page02 .titleArea .SubText02{
	position:absolute;
	top:419px;
	left:50%;
	margin-left:-743px;
	z-index:99;
	height:38px;
	overflow:hidden;
}
.wrap .page02 .titleArea .SubText02 img{
	position:relative;	
	top:-38px;
}


.wrap .page02 .titleArea .SubText03{
	position:absolute;
	top:483px;
	left:50%;
	margin-left:-743px;
	z-index:99;
	height:63px;
	overflow:hidden;
}
.wrap .page02 .titleArea .SubText03 img{
	position:relative;	
	top:-63px;
}

.wrap .page02 .titleArea .detail_btn{
	position:absolute;
	top:600px;
	left:50%;
	margin-left:-608px;
	z-index:99;
	text-indent:-9999px;
}

.wrap .page02 .titleArea .detail_btn a{
	width:187px;
	height:49px;
	display:block;
	background:url(../images/page02/detail_btn.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page02/detail_btn.png*/ no-repeat left top;
}

.wrap .page02 .titleArea .detail_btn a:hover{
	background:url(../images/page02/detail_btn_hover.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page02/detail_btn_hover.png*/ no-repeat left top;
}

.wrap .page02 .rightArea{
	position:relative;
}

.wrap .page02 .rightArea .right01{
	position:absolute;
	top:136px;
	left:50%;
	margin-left:361px;
	z-index:98;
}


.wrap .page02 .rightArea .right01Shadow{
	position:absolute;
	top:136px;
	left:50%;
	margin-left:361px;
	z-index:97;
}

.wrap .page02 .rightArea .right02{
	position:absolute;
	top:272px;
	left:50%;
	margin-left:39px;
	z-index:100;
}

.wrap .page02 .rightArea .right02Shadow{
	position:absolute;
	top:272px;
	left:50%;
	margin-left:39px;
	z-index:99;
}

.wrap .page02 .rightArea .right03{
	position:absolute;
	top:464px;
	left:50%;
	margin-left:227px;
	z-index:98;
}

.wrap .page02 .rightArea .right03Shadow{
	position:absolute;
	top:464px;
	left:50%;
	margin-left:227px;
	z-index:97;
}


.wrap .page02 .rightArea .right04{
	position:absolute;
	top:586px;
	left:50%;
	margin-left:-379px;
	z-index:99;
	
}


.wrap .page02 .rightArea .right04Shadow{
	position:absolute;
	top:586px;
	left:50%;
	margin-left:-379px;
	z-index:98;
}


.wrap .page02 .rightArea .rightText01{
	position:absolute;
	top:357px;
	left:50%;
	margin-left:555px;
	z-index:99;	
}

.wrap .page02 .rightArea .rightText02{
	position:absolute;
	top:813px;
	left:50%;
	margin-left:-322px;
	z-index:99;	
}

.wrap .page02 .rightArea .rightCar{
	position:absolute;
	top:754px;
	left:50%;
	margin-left:267px;
	z-index:99;	
}

/*** page03 **/
.wrap .page03{
	background:url(../images/page03/background03.jpg)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page03/background03.jpg*/ no-repeat center top;
}

.wrap .page03 .titleArea{
	position:relative;
}

.wrap .page03 .titleArea .titleText03{
	position:absolute;
	top:87px;
	left:50%;
	margin-left:-862px;
	z-index:99;
	height:149px;	
	overflow:hidden;
}

.wrap .page03 .titleArea .titleText03 img{
	position:relative;
	top:-149px;
}

.wrap .page03 .titleArea .SubText01{
	position:absolute;
	top:283px;
	left:50%;
	margin-left:-741px;
	z-index:99;
	height:17px;
	overflow:hidden;
}
.wrap .page03 .titleArea .SubText01 img{
	position:relative;
	top:-17px;
}


.wrap .page03 .titleArea .SubText02{
	position:absolute;
	top:322px;
	left:50%;
	margin-left:-741px;
	z-index:99;
	height:79px;
	overflow:hidden;
}
.wrap .page03 .titleArea .SubText02 img{
	position:relative;
	top:-79px;
}

.wrap .page03 .titleArea .SubText03{
	position:absolute;
	top:425px;
	left:50%;
	margin-left:-741px;
	z-index:99;
	height:59px;
	overflow:hidden;
}
.wrap .page03 .titleArea .SubText03 img{
	position:relative;
	top:-59px;	
}

.wrap .page03 .titleArea .SubImage01{
	position:absolute;
	top:562px;
	left:50%;
	margin-left:-755px;
	z-index:99;
}

.wrap .page03 .titleArea .SubImage02{
	position:absolute;
	top:562px;
	left:50%;
	margin-left:-511px;
	z-index:99;
}

.wrap .page03 .titleArea .SubImage03{
	position:absolute;
	top:562px;
	left:50%;
	margin-left:-243px;
	z-index:99;
}



.wrap .page03 .titleArea .rightPicture{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1000px;
	z-index:99;
}

.wrap .page03 .titleArea .rightPicture img{
	display:none;
}



.wrap .page03 .titleArea .detail_btn{
	position:absolute;
	top:870px;
	left:50%;
	text-indent:-9999px;	
	margin-left:-502px;
	z-index:99;
}



.wrap .page03 .titleArea .detail_btn a{
	width:187px;
	height:49px;
	display:block;
	background:url(../images/page02/detail_btn.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page02/detail_btn.png*/ no-repeat left top;
}

.wrap .page03 .titleArea .detail_btn a:hover{
	background:url(../images/page02/detail_btn_hover.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page02/detail_btn_hover.png*/ no-repeat left top;
}




/*** page04 **/
.wrap .page04{
	background:url(../images/page04/background04.jpg)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page04/background04.jpg*/ no-repeat center top;
	position:relative;
}

.wrap .page04 .bell{
	position:absolute;
	top:377px;
	left:50%;
	margin-left:-816px;
	z-index:99;
}
.wrap .page04 .bell a{
	display:block;
	width:53px;
	height:100px;
	text-indent:-9999px;
	background:url(../images/page04/bell.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page04/bell.png*/ no-repeat left top;	
}

.wrap .page04 .bell.on a{
	background:url(../images/page04/bell_on.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page04/bell_on.png*/ no-repeat left top;
	
}

.wrap .page04 .openBtn{
	position:absolute;
	top:480px;
	left:50%;
	margin-left:-829px;
	z-index:100;
}


.wrap .page04 .mask{
	position:absolute;
	left:50%;
	top:60px;
	width:1292px;
	height:741px;
	margin-left:-648px;	
	overflow:hidden;
	z-index:97;
}

.wrap .page04 .mask img{
	position:absolute;
	left:0;
	top:-552px;	
	top:0;	
}

.wrap .page04 .blueBackground{
	position:absolute;
	left:50%;
	top:0px;
	margin-left:2px;
	z-index:98;
	display:none;
}


.wrap .page04 .page04_car_light{
	position:absolute;
	top:496px;
	left:50%;
	margin-left:-498px;
	display:none;
	z-index:100;
}





.wrap .page04 .page04_car{
	position:absolute;
	top:430px;
	left:50%;
	margin-left:-225px;
	z-index:96;
	width:450px;
	height:348px;
	
}

.wrap .page04 .page04_car img{
	width:100%;
}


.wrap .page04 .titleText04{
	position:absolute;
	top:72px;
	left:50%;
	margin-left:96px;
	z-index:98;
	display:none;
}

.wrap .page04 .SubText01{
	position:absolute;
	top:342px;
	left:50%;
	margin-left:340px;
	z-index:98;
	display:none;
}

.wrap .page05{
	background:url(../images/page05/background05.jpg)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page05/background05.jpg*/ no-repeat center top;
	position:relative;
}

.wrap .page05 .movieArea{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:98;
}

.wrap .page05 .playBtn,
.wrap .page05 .stopBtn{
	position:absolute;
	top:395px;
	left:50%;
	margin-left:-150px;
	z-index:99;
}
.wrap .page05 .stopBtn{
	display:none;	
}


.wrap .page05 .textArea{
	position:absolute;
	width:100%;
	height:959px;
	left:0;
	top:30px;
	background:#0FC url(../images/page05/movie_area.jpg)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page05/movie_area.jpg*/ no-repeat center top;
	z-index:98;
}

.wrap .page05 iframe{
	position:absolute;
	width:100%;
	height:959px;
	left:0;
	top:30px;
}

.wrap .page05 .textArea img{
	position:absolute;
	top:422px;
	left:50%;
	margin-left:300px;
}


.wrap .page06{
	background:url(../images/page06/background06.jpg)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page06/background06.jpg*/ no-repeat center top;
	position:relative;
}

.wrap .page06 .titleArea{
	position:absolute;
	top:70px;
	left:50%;
	margin-left:-203px;
	z-index:99;
}

.wrap .page06 .slideBox{
	position:absolute;
	left:50%;
	top:0px;
	width:1400px;
	height:1000px;
	margin-left:-700px;
}


.wrap .page06 .slideBox .slides .slidesjs-previous{
	position:absolute;
	top:602px;
	left:50%;
	margin-left:-718px;
	z-index:99;
	width:25px;
	height:28px;
	background:url(../images/page06/prev_btn.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page06/prev_btn.png*/ no-repeat left top;
	text-indent:-9999px;
}
.wrap .page06 .slideBox .slides .slidesjs-next{
	position:absolute;
	top:602px;
	left:50%;
	margin-left:674px;
	z-index:99;
	width:25px;
	height:28px;	
	background:url(../images/page06/next_btn.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page06/next_btn.png*/ no-repeat left top;
	text-indent:-9999px;
	
}






.wrap .page06 .slideBox .slides .slidesjs-control > div{
	width:1400px;
	height:1000px;
}
.wrap .page06 .slideBox .slides .slidesjs-control > div .left{
	float:left;
	width:700px;
	height:1000px;
}
.wrap .page06 .slideBox .slides .slidesjs-control > div .right{
	float:right;
	width:700px;
	height:1000px;
}



.wrap .page06 .slideBox .slides > div .left .carName{
	position:absolute;
	top:252px;
	left:50%;
	margin-left:-615px;
	z-index:99;
}
.wrap .page06 .slideBox .slides > div .left .carImage{
	position:absolute;
	top:308px;
	left:50%;
	margin-left:-616px;
	z-index:99;
}
.wrap .page06 .slideBox .slides > div .left .carSpec{
	position:absolute;
	top:531px;
	left:50%;
	margin-left:-616px;
	z-index:99;
}
.wrap .page06 .slideBox .slides > div .left .buildBtn{
	position:absolute;
	top:788px;
	left:50%;
	margin-left:-459px;
	z-index:99;
}

.wrap .page06 .slideBox .slides > div .left .buildBtn a{
	width:189px;
	height:48px;
	display:block;	
	background:url(../images/page06/build_btn.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page06/build_btn.png*/ no-repeat left top;		
}

.wrap .page06 .slideBox .slides > div .left .buildBtn a:hover{
	background:url(../images/page06/build_btn_hover.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page06/build_btn_hover.png*/ no-repeat left top;		
}

.wrap .page06 .slideBox .slides > div .right .carName{
	position:absolute;
	top:252px;
	left:50%;
	margin-left:408px;
	z-index:99;
}
.wrap .page06 .slideBox .slides > div .right .carImage{
	position:absolute;
	top:308px;
	left:50%;
	margin-left:120px;
	z-index:99;
}
.wrap .page06 .slideBox .slides > div .right .carSpec{
	position:absolute;
	top:531px;
	left:50%;
	margin-left:117px;
	z-index:99;
}
.wrap .page06 .slideBox .slides > div .right .buildBtn{
	position:absolute;
	top:788px;
	left:50%;
	margin-left:275px;
	z-index:99;
}

.wrap .page06 .slideBox .slides > div .right .buildBtn a{
	width:189px;
	height:48px;
	display:block;	
	background:url(../images/page06/build_btn.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page06/build_btn.png*/ no-repeat left top;		
}

.wrap .page06 .slideBox .slides > div .right .buildBtn a:hover{
	background:url(../images/page06/build_btn_hover.png)/*tpa=http://dgding.ir/portfolio/2015_bx/farda-motor/images/page06/build_btn_hover.png*/ no-repeat left top;		
}

.wrap .page06 .slide03{
	display:none;	
}

.wrap .page06 .slide04{
	display:none;	
}


.wrap .page06 .bottomLogo{
	position:absolute;
	top:912px;
	left:50%;
	margin-left:-65px;
	z-index:99;
}




.darkBg{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:999998;
	display:none;	
}

.popBox{
	position:fixed;
	width:1000px;
	height:600px;
	left:50%;
	top:50%;
	margin:-300px 0 0 -500px;
	background:#fff;
	z-index:999999;	
	display:none;
}

.popBox .closePop{
	position:absolute;
	right:30px;
	top:20px;
	width:27px;
	height:27px;
}
