@charset "UTF-8";
/* CSS Document */
#yoko{
	width: 100%;
	height: 100%;
	z-index: 99999999999999;
	position: fixed;
	top: 0px;
	left:0px;
	display: block;
	background:#fff;
}
#yoko img{
	position:fixed;
	top:50%;
	left:50%; 
	margin-left:-12px;
	margin-top:-12px;
}

#wrap {
    position: relative;
    width: 100%;  
	margin:0 auto; 
    overflow:hidden;
}
#outer {
    position: relative;
    width: 100%;
    transform-origin: top left;
	-webkit-transform-origin: top left;
}

.content1900{ width:1900px; margin:0 auto; position:relative;}
#header{ width:100%; left:0; top:0; position:absolute; z-index:99; background:none;}
#header_bg{ background:none;}
#bg{ max-width:100%;background: #fff url(../images/bg.png) repeat-y scroll center top / 100% auto;}
h3{ margin-bottom:10px; font-size:0;}
.tit_top{ position:absolute; top:30%; left:0; width:100%; z-index:99; text-align:center;}
.text{ margin-bottom:10px;}
.box_text{}
.box_text .txt{ font-size:16px; line-height:1.7;}
.box_text .read_more{ margin-top:70px;}
.main_content{ width:1400px; margin:0 auto; padding:0 8px; box-sizing:border-box;}
.bg_01{background: url(../../images/bg_01.gif) repeat-x left top;}
.pos_rel{ position:relative;}
.pos_abs{ position:absolute; top:-50px; left:0;}

.banner{ position:relative; top:0; left:0; width:100%;}
.slide_loop .a,.slide_loop .b{ position: absolute; float:left; z-index:2}
.slide_loop { position: relative;  overflow: hidden;}
.slide_loop:after{ display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}  

/*------------------------------------------------------------*/
.slide_loop1 .a {
	animation: mymove1 150s linear  infinite;
	-webkit-animation: mymove1 150s linear infinite;
	transform-style: flat;
	-webkit-transform-style: flat
}
.slide_loop1 .b {
	animation: mymove2 150s linear infinite;
	-webkit-animation: mymove2 150s linear infinite;
	transform-style: flat;
	-webkit-transform-style: flat;
}

/*#wrap,#outer{ width:11625px;}*/
.slide_loop1{ width:11625px;height:822px;position:relative;}
.slide_loop1 .ani{ position:absolute; z-index:9;}
.slide_loop1 .ani2{ position:absolute; z-index:8;}
.slide_loop1 .ani_01{ top:29%; left:4%;}
.slide_loop1 .ani_02{ top:23%; right:10.5%;}
.slide_loop1 .ani_02_01{ top:45%; right:10.9%;}
.slide_loop1 .ani_02_02{ top:50%; right:9.6%;}
.slide_loop1 .ani_02_03{ top:43%; right:9.8%;}
.slide_loop1 .ani_02_04{ top:45%; right:9.3%;}
.slide_loop1 .ani_02_05{ top:35%; right:10.1%;}
.slide_loop1 .ani_03{ top:40%; right:2.7%;}
.slide_loop1 .ani_03_1{ top:40%; right:0.8%;}
.slide_loop1 .ani_03_2{ top:40%; right:7.1%;}
.slide_loop1 .ani_03_3{ top:40%; right:4.35%;}
.slide_loop1 .ani_04{ top:51%; left:30.18%;}
.slide_loop1 .ani_05{ top:44%; left:19.2%;}
.slide_loop1 .ani_06{ top:25%; left:9.05%;}
.slide_loop1 .ani_07{ top:42%; left:24.7%;}
.slide_loop1 .ani_08{ top:29%; left:28.4%;}
.slide_loop1 .ani_09{ top:25%; left:56.65%;}
.slide_loop1 .ani_10{ top:70%; right:24.1%;}
.slide_loop1 .cow_01{ bottom:15.5%; left:23%;}
.slide_loop1 .cow_02{ bottom:14%; left:23.8%;}
.slide_loop1 .famer{ bottom:17%; left:26.5%}
.slide_loop1 .slide_10{ bottom:9%; left:29%; z-index:10;}
.slide_loop1 .car_03{ bottom:19%; right:46.1%; left:auto;}
.slide_loop1 .flykite{ top:32%; right:26.4%;}
.slide_loop1 .flykite2{ top:56%; right:61.5%;}
.slide_loop1 .car{ width:1310px; height:540px; right:23.7%; top:31%;}
.slide_loop1 .car_05{ bottom:19%; left:17.5%; right:auto;}
.slide_loop1 .car_05_02{ bottom:19%; left:39%; }
.slide_loop1 .car_03_02{ bottom:19%; left:35%; }
.slide_loop1 .car_01{ bottom:19%; left:33%; }
.slide_loop1 .car_02{ bottom:13%; left:auto; right:35%; }
.slide_loop1 .bic_01{ bottom:15%; left:auto; right:39%; }
.slide_loop1 .slide_09{ bottom:10%; left:18%; transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);}
.slide_loop1 .bird_01{ top:20%; left:15%;}
.slide_loop1 .bird_02{ top:20%; left:17%;}
.slide_loop1 .bird_03{ top:36%; left:47%;}
.slide_loop1 .bird_04{ top:36%; left:49%;}
.slide_loop1 .bird_05{ top:30%; left:48%;}
.slide_loop1 .bird_06{ top:28%; left:46%;}
.slide_loop1 .bird_07{ top:40%; right:22.9%; left:auto;}
.slide_loop1 .bird_08{ top:35%; right:22%; left:auto;}
.slide_loop1 .bird_09{ top:47%; right:22.5%; left:auto;}
.slide_loop1 .bird_10{ top:45%; right:24%; left:auto;}
.slide_loop1 .bird_11{ top:33%; right:23.5%; left:auto;}
.slide_loop1 .cloudy{ top:20%; left:18%;}
.slide_loop1 .cloudy_02{ top:13%; left:35%;}
.slide_loop1 .cloudy_03{ top:10%; left:3%;}
.slide_loop1 .cloudy_04{ top:22%; left:55%;}
.slide_loop1 .cloudy_05{ top:21%; right:35%; left:auto;}
.slide_loop1 .cloudy_06{ top:17%; right:17%; left:auto;}
.slide_loop1 .cloudy_07{ top:18%; right:3%; left:auto;}
.slide_loop1 .cloudy_08{ top:24%; right:23%; left:auto;}
.slide_loop1 .cloudy_09{ top:31%; right:17%; left:auto;}
.slide_loop1 .cloudy_10{ top:28%; right:10%; left:auto;}

.ani_01 img.inView{
	animation:spin 5s linear 0s infinite ;
	-webkit-animation:spin 5s linear 0s infinite;
}
.ani_02 img.inView{
	animation:spin 5s linear 1s infinite ;
	-webkit-animation:spin 5s linear 1s infinite;
}
.ani_03 img.inView{
	animation:spin 5s linear 1s infinite ;
	-webkit-animation:spin 5s linear 1s infinite;
}
.ani_04 img.inView{
	animation:spin 5s linear 1s infinite ;
	-webkit-animation:spin 5s linear 1s infinite;
}
.ani_05 img.inView{
	animation:spin 5s linear 1s infinite ;
	-webkit-animation:spin 5s linear 1s infinite;
}
.ani_06.animate{
	transform:translate(-450px,-180px);
	-webkit-transform:translate(-450px,-180px);
	transition:all 5s linear 95s;
	-webkit-transition:all 5s linear 95s;
}
.ani_06.inView{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.ani_06.inView img{
	animation:rotate 5s linear infinite;
	-webkit-animation:rotate 5s linear infinite;
}

.ani_07.animate{
	transition: all 4s linear 120s;
	-webkit-transition: all 4s linear 120s;
	transform:translate(-400px,-150px); 
	-webkit-transform:translate(-400px,-150px);
}
.ani_07.inView{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.ani_07.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}

.ani_08.animate{
	transition: all 4s linear 125s;
	-webkit-transition: all 4s linear 125s;
	transform:translate(400px,-150px); 
	-webkit-transform:translate(400px,-150px);
}
.ani_08.inView{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.ani_08.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}

.ani_09.animate{
	transition: all 4s linear 10s;
	-webkit-transition: all 4s linear 10s;
	transform:translate(0px,-200px); 
	-webkit-transform:translate(0px,-200px);
}
.ani_09.inView{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.ani_09.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}
.ani_10.animate{	
	transition: all 8s linear;
	-webkit-transition: all 8s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.ani_10.inView{
	animation:ship2 50s linear 0.5s infinite ;
	-webkit-animation:ship2 50s linear 0.5s infinite ;
}
.ani_10.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}
.ani_02_01.animate, .ani_02_02.animate, .ani_02_03.animate, .ani_02_04.animate, .ani_02_05.animate{
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	opacity:1;
}
.ani_02_01.inView{ 
	animation:sun2 4s linear 2s infinite ;
	-webkit-animation:sun2 4s linear 2s infinite ;	
}
.ani_02_02.inView{ 
	animation:sun2 4s linear 1s infinite ;
	-webkit-animation:sun2 4s linear 1s infinite ;	
}
.ani_02_03.inView{ 
	animation:sun2 4s linear 1.5s infinite ;
	-webkit-animation:sun2 4s linear 1.5s infinite ;	
}
.ani_02_04.inView{ 
	animation:sun2 4s linear 1.3s infinite ;
	-webkit-animation:sun2 4s linear 1.3s infinite ;	
}
.ani_02_05.inView{ 
	animation:sun2 4s linear 1.8s infinite ;
	-webkit-animation:sun2 4s linear 1.8s infinite ;	
}
.wing.inView{
	animation:flickerAnimation 1s linear 0.5s infinite;
	-webkit-animation:flickerAnimation 1s linear 0.5s infinite;
}
.wing_02.inView{
	position:absolute; top:0; left:0;
	animation:flickerAnimation 1s linear 1s infinite;
	-webkit-animation:flickerAnimation 1s linear 1s infinite;
}

.wing_03.inView{
	animation:flickerAnimation 1s linear 1s infinite;
	-webkit-animation:flickerAnimation 1s linear 1s infinite;
}
.wing_04.inView{
	position:absolute; top:0; left:0;
	animation:flickerAnimation 1s linear 1.5s infinite;
	-webkit-animation:flickerAnimation 1s linear 1.5s infinite;
}

.bird.animate{
	transform:translate(0px,0px);
	-webkit-transform:translate(0px,0px);
}
.bird.inView{
	transition: all 1s linear 0.1s;
	-webkit-transition: all 1s linear 0.1s;
	animation:tran1Y 1s linear infinite;
	-webkit-animation:tran1Y 1s linear infinite;
}
.bird_01.inView{
	animation:none;
	-webkit-animation:none;
	transform:translate(-300px,50px);
	-webkit-transform:translate(-300px,50px);
	transition: all 5s linear 103.5s;
	-webkit-transition: all 5s linear 103.5s;
}
.bird_02.inView{
	animation:none;
	-webkit-animation:none;
	transform:translate(-500px,150px);
	-webkit-transform:translate(-500px,150px);
	transition: all 10s linear 104s;
	-webkit-transition: all 10s linear 104s;
}
.bird_04.inView{
	transform:rotate(20deg) scale(0.8,0.8);
	-webkit-transform:rotate(20deg) scale(0.8,0.8);
	animation:none;
	-webkit-animation:none;
}
.bird_04.inView img{
	animation:tran1Y 1s linear infinite;
	-webkit-animation:tran1Y 1s linear infinite;
}
.bird_06.inView{
	transform:rotate(-15deg) ;
	-webkit-transform:rotate(-15deg);
	animation:none;
	-webkit-animation:none;
}
.bird_07.inView, .bird_08.inView, .bird_09.inView, .bird_10.inView, .bird_11.inView{
	transform:rotate(15deg) scale(1,0.8) ;
	-webkit-transform:rotate(15deg) scale(1,0.8);
	animation:none;
	-webkit-animation:none;
}
.bird_01.inView img, .bird_02.inView img, .bird_06.inView img, .bird_07.inView img, .bird_08.inView img, .bird_09.inView img, .bird_10.inView img, .bird_11.inView img{
	animation:tran1Y 1s linear infinite;
	-webkit-animation:tran1Y 1s linear infinite;
}

.cloudy.inView{
	animation:cloud_fly3 100s linear 0.5s infinite  alternate;
	-webkit-animation:cloud_fly3 100s linear 0.5s infinite  alternate;
}
.cloudy_type2.inView{
	animation:cloud_fly3 70s linear 5s infinite  alternate;
	-webkit-animation:cloud_fly3 70s linear 5s infinite  alternate;
}
.cloudy_type3.inView{
	animation:cloud_fly 15s linear 1s infinite  alternate;
	-webkit-animation:cloud_fly 15s linear 1s infinite  alternate;
}


.slide_loop2{width: 1320px; height: 270px;}
.slide_loop2 img.a {
	animation: mymove3 30s linear infinite;
	-webkit-animation: mymove3 30s linear infinite;
	transform-style: flat;
	-webkit-transform-style: flat;
}
.slide_loop2 img.b {
	animation: mymove4 30s linear infinite;
	-webkit-animation: mymove4 30s linear infinite;
	transform-style: flat;
	-webkit-transform-style: flat;
}

.slide_loop3{width: 1000px;	height: 5px;}
.slide_loop3 img.a {
	animation: mymove5 30s linear infinite;
	-webkit-animation: mymove5 30s linear infinite;
	transform-style: flat;
	-webkit-transform-style: flat;
}
.slide_loop3 img.b {
	animation: mymove6 30s linear infinite;
	-webkit-animation: mymove6 30s linear infinite;
	transform-style: flat;
	-webkit-transform-style: flat;
}

/*------------------------------INFO------------------------------*/
.info{ margin:20px auto 80px;}	
.scroll_down{ text-align:center; margin-bottom:70px;}
.scroll_down a{
	 display:inline-block; 
	 transform:scale(0.8,0.8); 
	 -webkit-transform:scale(0.8,0.8);
}
.scroll_down a:hover{ 
	transform:scale(1,1); 
	-webkit-transform:scale(1,1);
}
.new{ border:3px dashed #21a879; border-radius:10px; position:relative; margin-bottom:100px;}
.new h3{ position:absolute; width:100%; top:-20px; left:0; text-align:center;}
.new .bgf{ background:#fff; padding:0 30px; display:inline-block;}
.new h3 img{ vertical-align:middle;}
.new .read_more{ position:absolute; width:100%; bottom:-22px; left:0; text-align:center}
.new .slide_01{ position:absolute; right:120px; bottom:-45px;}

.slide_01.animate{
	transform:translate(50px,0);
	-webkit-transform:translate(50px,0);
	transition:all 1s linear;
	-webkit-transition:all 1s linear;
	opacity:0;
}
.slide_01.inView{
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	opacity:1;
}

.new .slide_01 .bgf{ padding:0 0 0 20px;}
.new .inner{ padding:65px 40px; box-sizing:border-box;}
.new .child{ margin-bottom:20px;}
.new .date{ border:1px solid #4c4340; border-radius:10px; display:inline; padding:1px 5px; font-weight:bold;}
.box01{ text-align:center; padding:20px 0 65px;}
.box01 .text{ margin:30px 0 40px;}
/*add 2016-11-15*/
.new .child a{ text-decoration:underline;}
.new .child a:hover{ text-decoration:none;}

/*------------------------------SEC_01------------------------------*/
#sec_01{ background:#DEEBC1;  position:relative;}
#sec_01 .main_content{overflow:hidden;padding-top:100px;}
#sec_01 ul{ position:absolute; top:-90px;}
#sec_01 li{ float:left; width:175px; margin-right:166px;}
#sec_01 li:last-child{ margin-right:0;}
.sec_01{ text-align:center; position:relative; width:1378px; z-index:1}

.slide_02{ position:absolute; top:30%; right:0;}
.slide_02.animate{	
	transition: all 5s linear;
	-webkit-transition: all 5s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.slide_02.inView{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transform:translate(-400px,0);
	-webkit-transform:translate(-400px,0);
}
.slide_02.inView img{
	animation:rotate 5s linear infinite;
	-webkit-animation:rotate 5s linear infinite;
}

/*---------------fadeInDown---------------*/
.sun.animate, .usa_line.animate{
	opacity:0;	
	transform: translate(0px, -50px);
	-webkit-transform: translate(0px, -50px);
}
.sun.inView, .usa_line.inView{
	opacity:1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transition-delay: 2s;
	-webkit-transition-delay: 2s;
}
.usa_line.inView{
	transition-delay:5.5s;	
	-webkit-transition-delay:5.5s;	
}

/*---------------fadeInUp---------------*/
h3.animate, .text.animate, .box_text .txt.animate, .read_more.animate, .land.animate, .sec_07.animate, .sec_01.animate, .img_chart.animate{
	opacity:0;
	transition:all 0.7s linear;
	-webkit-transition:all 0.7s linear;
}

h3.inView, .text.inView, .box_text .txt.inView, .read_more.inView, .land.inView, .sec_07.inView, .sec_01.inView, .img_chart.inView{
	opacity:1;	
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}

h3.animate{
	transform: translate(0px, 50px);
	-webkit-transform: translate(0px, 50px);
}
h3.inView{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}

.text.animate, .box_text .txt.animate{
	transform:translate(0px,50px);
	-webkit-transform:translate(0px,50px);
	transition:all 1s linear;
	-webkit-transition:all 1s linear;
}
.text.inView, .box_text .txt.inView{
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
}

.read_more.animate{
	transform:translate(0,40px);
	-webkit-transform:translate(0,40px);
	transition:all 0.7s linear;
	-webkit-transition:all 0.7s linear;
}
.read_more.inView{
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
}	

.land.animate, .sec_07.animate{
	transform: translate(0px, 100px);
	-webkit-transform: translate(0px, 100px);
}
.land.inView, .sec_07.inView{
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
}

.sec_01.animate{ 
	min-height:506px; 
	transform: translate(0px, 200px); 
	-webkit-transform: translate(0px, 200px);
}
.sec_01.animate img{ display:none;}
.sec_01.inView{
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
}
.sec_01.inView img{display:block;}


.img_chart.animate{
	transition:all 1s linear;
	-webkit-transition:all 1s linear;
	transform: translate(0px, 100px);
	-webkit-transform: translate(0px, 100px);
}
.img_chart.inView{
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
}

h3.inView, .text.inView, .box_text .txt.inView, .read_more.inView, .land.inView, .sec_07.inView, .sec_01.inView, .img_chart.inView{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}


/*---------------fadeIn---------------*/
.img01.animate, .img04.animate, .img_05.animate, .img_06.animate, .sec_02.animate, .ennergy.animate, .img_10.animate, .pin_01.animate, .pin_02.animate, .pin_03.animate, 
.australia.animate, .usa.animate, .australia_text.animate, .usa_text.animate, .cricle.animate, .tit_top.animate, .sec_06.animate, 
.img_top.animate, .tit_top.animate, .slide_01_sp.animate, .sec_01_sp.animate, .sec_02_sp.animate, .sec_03_sp.animate, .sec_03_2_sp.animate, .sec_04_sp.animate, 
.img_07_sp.animate, .sec_05_sp.animate, .img_08_sp.animate, .sec_06_sp.animate, .img_09_sp.animate, .sec_07_sp.animate, .img_10_sp.animate, .slide_04_sp.animate,
.worldmap_sp.animate, .cloud.animate{	
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	transition:all 0.7s linear;
	-webkit-transition:all 0.7s linear;
	opacity:0;
}
.img01.inView, .img04.inView, .img_05.inView, .img_06.inView, .sec_02.inView, .ennergy.inView, .img_10.inView, .pin_01.inView, .pin_02.inView, .pin_03.inView,
.australia.inView, .usa.inView, .australia_text.inView, .usa_text.inView, .cricle.inView, .tit_top.inView, .sec_06.inView, 
.img_top.inView, .tit_top.inView, .slide_01_sp.inView, .sec_01_sp.inView, .sec_02_sp.inView, .sec_03_sp.inView, .sec_03_2_sp.inView, .sec_04_sp.inView, 
.img_07_sp.inView, .sec_05_sp.inView, .img_08_sp.inView, .sec_06_sp.inView, .img_09_sp.inView, .sec_07_sp.inView, .img_10_sp.inView, .slide_04_sp.inView,
.worldmap_sp.inView, .cloud.inView{
	opacity:1;
}

.img01.inView, .img04.inView, .img_05.inView, .img_top.inView, .slide_01_sp.inView, .sec_01_sp.inView, .sec_03_sp.inView, .sec_04_sp.inView, .sec_05_sp.inView
, .sec_06_sp.inView, .sec_07_sp.inView, .cloud.inView{
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
}
.tit_top.inView, .sec_06.inView{
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	transition-duration:2s;	
	-webkit-transition-duration:2s;	
}
.img_06.inView,.img_10.inView, .tit_top.inView, .sec_02_sp.inView, .sec_03_2_sp.inView, .img_07_sp.inView, .img_08_sp.inView, .img_09_sp.inView, .img_10_sp.inView, .worldmap_sp.inView{
	transition-delay:1s;
	-webkit-transition-delay:1s;
}
.slide_04_sp.inView{
	transition-delay:1.5s;
	-webkit-transition-delay:1.5s;	
}
.sec_02.inView{
	transition-duration:2s;
	-webkit-transition-duration:2s;
	transition-delay:1s;
	-webkit-transition-delay:1s;
}
.ennergy.inView{
	transition-duration:1s;
	-webkit-transition-duration:1s;
	transition-delay:2.5s;
	-webkit-transition-delay:2.5s;
}
.pin_01.inView{
	transition-delay:3s;
	-webkit-transition-delay:3s;
}
.pin_02.inView{
	transition-delay:3.5s;
	-webkit-transition-delay:3.5s;
}
.pin_03.inView{
	transition-delay:4s;
	-webkit-transition-delay:4s;
}
.australia.inView, .usa.inView{
	transition-delay:4.5s;
	-webkit-transition-delay:4.5s;
}
.australia_text.inView, .usa_text.inView{
	transition-delay:5s;
	-webkit-transition-delay:5s;
}
.cricle.inView{ 
	transition-duration:1s;
}
.cricle_01.inView{ 
	transition-delay:4s;
	-webkit-transition-delay:4s;
}
.cricle_02.inView{ 
	transition-delay:3.5s;
	-webkit-transition-delay:3.5s;
}
.cricle_03.inView{ 
	transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
}
.cricle_04.inView{ 
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
}
.cricle_05.inView{ 
	transition-delay:2s;
	-webkit-transition-delay:2s;
}
.cricle_06.inView{ 
	transition-delay:1s;
	-webkit-transition-delay:1s;
}
.cricle_07.inView{ 
	transition-delay:2.5s;
	-webkit-transition-delay:2.5s;
}
.cricle_08.inView{ 
	transition-delay:3s;
	-webkit-transition-delay:3s;
}

/*---------------fadeInLeft---------------*/
.img02.animate, .sec_04.animate,.img_08.animate, .img_09.animate, .chart.animate{
	opacity:0;
	transform:translate(-200px,0px);
	-webkit-transform:translate(-200px,0px);
}
.img02.inView, .sec_04.inView, .img_08.inView, .img_09.inView, .chart.inView{
	opacity:1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transition-delay:1s;
	-webkit-transition-delay:1s;
}


/*---------------fadeInRight---------------*/
.img03.animate, .img_07.animate, .map.animate, .australia_line.animate{
	opacity:0;
	transform:translate(200px,0px);
	-webkit-transform:translate(200px,0px);
}
.img03.inView, .img_07.inView, .map.inView, .australia_line.inView{
	opacity:1;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}

.img03.inView{
	transition-delay:1s;
	-webkit-transition-delay:1s;
}
.map.inView{
	transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
}
.img_07.inView{ 
	transition-delay:2s;
	-webkit-transition-delay:2s;
	transition-duration:1s;
	-webkit-transition-duration:1s;
}
.australia_line.animate{
	transform:translate(50px,0px);
	-webkit-transform:translate(50px,0px);
}
.australia_line.inView{
	transition-delay:5.5s;	
	-webkit-transition-delay:5.5s;	
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
}


/*------------------------------SEC_02------------------------------*/
#sec_02{ position:relative; padding:100px 0 70px; z-index:2;}
#sec_02 .box_text{ width:570px; padding:25px 0 0; float:right;}
#sec_02 .img_05{ float:left; padding-left:115px;}
#sec_02 .top{}
#sec_02 .bot{ position:relative; width:1310px; padding-left:74px;}
#sec_02 .img_06{ position:absolute; top:-5px; left:172px; z-index:-1;}
.sec_02{ width:1310px; position:relative;}

.flykite{ position:absolute; top:2%; right:23.5%;}
.flykite.animate, .flykite2.animate{
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.flykite.inView, .flykite2.inView{
	animation:kite 2s linear 3s infinite ;
	-webkit-animation:kite 2s linear 3s infinite ;	
}

.wave_01{ position:absolute; bottom:5%; right:-20px; z-index:-1;}
.wave_02{ position:absolute; bottom:2%; right:-24px; z-index:2;}
.wave_01.inView{
	animation:wave 3s linear 3s infinite alternate ;
	-webkit-animation:wave 3s linear 3s infinite alternate ;
}
.wave_02.inView{
	animation:wave 3s linear 2.5s infinite alternate ;
	-webkit-animation:wave 3s linear 2.5s infinite alternate ;	
}
.car_07,.car_08,.car_09,.car_10,.car_11,.car_12,.car_13{ z-index:2; position:absolute;}
.car_07{ top:44%; right:34.5%;}
.car_08{ bottom: 21%; right: 37%;}
.car_09{ bottom: 21%; left: 45%;}
.car_10{ bottom: 28%; left: 35.8%;}
.car_11{ bottom: 21%; left: 26%;}
.car_12{ bottom: 31%; left: 26%;}
.car_13{ bottom: 25%; left: 6%;}

.car_07.animate, .car_08.animate, .car_09.animate, .car_10.animate, .car_11.animate, .car_12.animate,.car_13.animate{
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}

.car_07.inView{
	animation:tran2X 1s linear infinite;
	-webkit-animation:tran2X 1s linear infinite;
}
.car_08.inView{
	animation:car 0.8s linear  0s infinite;
	-webkit-animation:car 0.8s linear 0s infinite;
}
.car_09.inView{
	animation:car 1s linear 0.5s infinite;
	-webkit-animation:car 1s linear 0.5s infinite;
}
.car_10.inView{
	animation:car 1.5s linear 0.75s infinite;
	-webkit-animation:car 1.5s linear 0.75s infinite;
}
.car_11.inView{
	animation:car 1s linear 0.25s infinite;
	-webkit-animation:car 1s linear 0.25s infinite;
}
.car_12.inView{
	animation:tran2X 1s linear 0.45s infinite;
	-webkit-animation:tran2X 1s linear 0.45s infinite;
}
.car_13.inView{
	animation:tran2X 1.2s linear 0.65s infinite;
	-webkit-animation:tran2X 1.2s linear 0.65s infinite;
}
	

.slide_03{ position:absolute; top:-5%; left:0;}
.slide_03.animate{
	transition: all 8s linear;
	-webkit-transition: all 8s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.slide_03.inView{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transform:translate(450px,50px);
	-webkit-transform:translate(450px,50px);
}
.slide_03.inView img{
	animation:rotate 5s linear infinite;
	-webkit-animation:rotate 5s linear infinite;
}


/*------------------------------SEC_03------------------------------*/
#sec_03{ padding:65px 0 0;}
#sec_03 .top{}
#sec_03 .boxl{ float:left;}
#sec_03 .box_text{ width:448px; float:left; padding:73px 0 0;}
#sec_03 .box_text .read_more{ margin-top:40px;}
#sec_03 .boxr{ float:right; width:725px; position:relative; overflow:hidden;}
.line_stress{ position:absolute; bottom:9%; left:0; z-index:1;}

.car_01,.car_02,.car_03,.car_04,.car_05,.car_06{ z-index:2; position:absolute;}
.car_01{ left:8%; bottom:14%;}
.car_02{ left:15%; bottom:1%;}
.car_03{ left:26%; bottom:3%;}
.car_04{ left:46%; bottom:0%;}
.car_05{ right:25%; bottom:3%;}
.car_06{ right:3%; bottom:13%;}

.car_01.animate, .car_02.animate, .car_03.animate, .car_04.animate, .car_05.animate, .car_06.animate{
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}

.car_01.inView{
	animation:car 1s linear infinite;
	-webkit-animation:car 1s linear infinite;
}
.car_02.inView{
	animation:tran2Y 2s linear infinite;
	-webkit-animation:tran2Y 2s linear infinite;
}
.car_03.inView{
	animation:car 1s linear infinite;
	-webkit-animation:car 1s linear infinite;
}
.car_04.inView{
	animation:car 1s linear infinite;
	-webkit-animation:car 1s linear infinite;
}
.car_05.inView{
	animation:car 1.3s linear infinite;
	-webkit-animation:car 1.3s linear infinite;
}
.car_06.inView{
	animation:car 1.2s linear infinite;
	-webkit-animation:car 1.2s linear infinite;
}

#sec_03 .bot{ position:relative; width:100%; max-width:1900px; margin:80px auto 50px;}
#sec_03 .bot .cricle{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
#sec_03 .bot .cricle:hover img{ 
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transform:translate(0,0px);
	-webkit-transform:translate(0,0px);
	animation:jump 1s linear ;
	-webkit-animation:jump 1s linear ;
}
#sec_03 .bot .cricle:hover{ 
	-webkit-transition: all 1s linear;
	-webkit-transform:translate(0,0px);
	-webkit-animation:jump 1s linear ;
}
#sec_03 .bot .cricle img{
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.cricle{ position:absolute;}
.cricle_01{ top:47%; left:2%;}
.cricle_02{ top:14%; left:12%;}
.cricle_03{ top:44%; left:24.5%;}
.cricle_04{ top:10%; left:35%;}
.cricle_05{ top:22%; right:36%;}
.cricle_06{ top:50%; right:25%;}
.cricle_07{ top:15%; right:14%;}
.cricle_08{ top:26%; right:2%;}



/*------------------------------SEC_04------------------------------*/
#sec_04{ padding:128px 0 85px;}
#sec_04 .main_content{overflow:hidden;}
#sec_04 .box_text{ width:330px; float:right; }
#sec_04 .img_07{ margin-left:-68%; margin-bottom:45px;}
.cloud{ position:absolute; width:100%; top:0; left:0; height:100%; z-index:2; display:block;}
.cloud .inner{ position:relative; width:100%; height:100%; display:block;}
.sec_04{ margin-left:40px; width:918px; float:left; position:relative;}
.bird{ position:absolute; top:3%; left:25%; z-index:3;}
#sec_04 .bird_08{ left:30%; top:14%;}
#sec_04 .bird_09{ left:40%; top:10%;}
#sec_04 .bird_10{ left:22%; top:6%;}

.ship{ position:absolute; top:45%; right:8%; z-index:3;}
.ship.animate{	
	transition: all 8s linear;
	-webkit-transition: all 8s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.ship.inView{
	animation:ship 15s linear 0.5s infinite ;
	-webkit-animation:ship 15s linear 0.5s infinite ;
}

.slide_06{ position:absolute; top:1%; left:12%; z-index:5}
.slide_06_01{ position:absolute; top:18%; left:53%; z-index:5}
.slide_06_02{ position:absolute; top:21%; left:30%; z-index:5}
.slide_06_03{ position:absolute; top:28%; left:48%; z-index:5}
.slide_06_04{ position:absolute; top:25%; left:35%; z-index:5}
.slide_06_05{ position:absolute; top:30%; left:21%; z-index:5}
.slide_06_06{ position:absolute; top:26%; right:21%; z-index:5}
.slide_06_07{ position:absolute; top:40%; right:4%; z-index:5}

.slide_06.animate{	
	transition: all 8s linear;
	-webkit-transition: all 8s linear;
	-moz-transition: all 8s linear;
	-ms-transition: all 8s linear;
	-o-transition: all 8s linear;
}
.slide_06.inView{
	animation:cloud_fly 15s linear 0.5s infinite  alternate;
	-moz-animation:cloud_fly 15s linear 0.5s infinite  alternate;
	-ms-animation:cloud_fly 15s linear 0.5s infinite  alternate;
	-o-animation:cloud_fly 15s linear 0.5s infinite  alternate;
	-webkit-animation:cloud_fly 15s linear 0.5s infinite  alternate;
}

.slide_06_01.inView{
	animation:cloud_fly2 9s linear 0.5s infinite ;
	-moz-animation:cloud_fly2 9s linear 0.5s infinite ;
	-ms-animation:cloud_fly2 9s linear 0.5s infinite ;
	-o-animation:cloud_fly2 9s linear 0.5s infinite ;
	-webkit-animation:cloud_fly2 9s linear 0.5s infinite ;
}

.slide_06_02.inView{
	animation:cloud_fly2 8s linear 0.5s infinite ;
	-moz-animation:cloud_fly2 8s linear 0.5s infinite ;
	-ms-animation:cloud_fly2 8s linear 0.5s infinite ;
	-o-animation:cloud_fly2 8s linear 0.5s infinite ;
	-webkit-animation:cloud_fly2 8s linear 0.5s infinite ;	
}

.slide_06_03.inView{
	animation:cloud_fly2 7s linear 0.5s infinite ;
	-moz-animation:cloud_fly2 7s linear 0.5s infinite ;
	-ms-animation:cloud_fly2 7s linear 0.5s infinite ;
	-o-animation:cloud_fly2 7s linear 0.5s infinite ;
	-webkit-animation:cloud_fly2 7s linear 0.5s infinite ;	
}

.slide_06_04.inView{
	animation:cloud_fly2 6s linear 0.5s infinite ;
	-moz-animation:cloud_fly2 6s linear 0.5s infinite ;
	-ms-animation:cloud_fly2 6s linear 0.5s infinite ;
	-o-animation:cloud_fly2 6s linear 0.5s infinite ;
	-webkit-animation:cloud_fly2 6s linear 0.5s infinite ;	
}

.slide_06_05.inView{
	animation:cloud_fly2 8.7s linear 0.5s infinite ;
	-moz-animation:cloud_fly2 8.7s linear 0.5s infinite ;
	-ms-animation:cloud_fly2 8.7s linear 0.5s infinite ;
	-o-animation:cloud_fly2 8.7s linear 0.5s infinite ;
	-webkit-animation:cloud_fly2 8.7s linear 0.5s infinite ;	
}

.slide_06_06.inView{
	animation:cloud_fly2 9.5s linear 0.5s infinite ;
	-moz-animation:cloud_fly2 9.5s linear 0.5s infinite ;
	-ms-animation:cloud_fly2 9.5s linear 0.5s infinite ;
	-o-animation:cloud_fly2 9.5s linear 0.5s infinite ;
	-webkit-animation:cloud_fly2 9.5s linear 0.5s infinite ;	
}

.slide_06_07.inView{
	animation:cloud_fly2 8.5s linear 0.5s infinite ;
	-moz-animation:cloud_fly2 8.5s linear 0.5s infinite ;
	-ms-animation:cloud_fly2 8.5s linear 0.5s infinite ;
	-o-animation:cloud_fly2 8.5s linear 0.5s infinite ;
	-webkit-animation:cloud_fly2 8.5s linear 0.5s infinite ;	
}



/*------------------------------SEC_05------------------------------*/
#sec_05{ padding:75px 0 80px;}
#sec_05 .top{ width:715px; position:absolute; top:107px; left:100px; z-index:1;}
#sec_05 .boxl{ float:left; width:281px;}
#sec_05 .boxr{ float:right; width:410px; padding-top:35px; text-align:left;}
#sec_05 .bot{ width:100%; text-align:right; position:relative;}
#sec_05 .img_08{}
#sec_05 .sun{ position:absolute; top:0; right:200px;}
#sec_05 .sun .inner{ position:relative; width:160px; height:220px;}
.sec_05{ margin-right:80px; width:880px; float:right; position:relative;}

.slide_05{ position:absolute; top:0; right:0;}
.slide_05.animate{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}

.slide_05 img.inView{
	animation:spin 10s linear 4.5s infinite ;
	-moz-animation:spin 10s linear 4.5s infinite;
	-ms-animation:spin 10s linear 4.5s infinite;
	-o-animation:spin 10s linear 4.5s infinite;
	-webkit-animation:spin 10s linear 4.5s infinite;
}

.slide_05_1{ position:absolute; left:0; bottom:10px;}
.slide_05_2{ position:absolute; left:50px; bottom:40px;}
.slide_05_3{ position:absolute; left:50px; bottom:0px;}
.slide_05_4{ position:absolute; left:30px; bottom:110px;}
.slide_05_5{ position:absolute; left:100px; bottom:70px;}
.slide_05_1.animate, .slide_05_2.animate, .slide_05_3.animate, .slide_05_4.animate, .slide_05_5.animate{
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	opacity:1;
}
.slide_05_1.inView{ 
	animation:sun 4s linear 4.1s infinite ;
	-webkit-animation:sun 4s linear 4.1s infinite ;	
}
.slide_05_2.inView{	
	animation:sun 4s linear 4.5s infinite ;
	-webkit-animation:sun 4s linear 4.5s infinite ;	
}
.slide_05_3.inView{	
	animation:sun 4s linear 4.9s infinite ;
	-webkit-animation:sun 4s linear 4.9s infinite ;	
}
.slide_05_4.inView{	
	animation:sun 4s linear 5.3s infinite ;
	-webkit-animation:sun 4s linear 5.3s infinite ;	
}
.slide_05_5.inView{	
	animation:sun 4s linear 5.7s infinite ;
	-webkit-animation:sun 4s linear 5.7s infinite ;	
}

.land{}
.ennergy{ position:absolute; bottom:20%; left:23%;}
.pinwheel_01{ position:absolute; top:15%; right:16%}
.pinwheel_02{ position:absolute; top:16%; right:5.5%}
.pinwheel_02.animate, .pinwheel_01.animate{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.pinwheel_01 img.inView{
	animation:spin 5s linear 5s infinite normal ;
	-moz-animation:spin 5s linear 5s infinite normal  ;
	-ms-animation:spin 5s linear 5s infinite normal ;
	-o-animation:spin 5s linear 5s infinite normal ;
	-webkit-animation:spin 5s linear 5s infinite normal ;	
}
.pinwheel_02 img.inView{
	animation:spin 6s linear 6s infinite ;	
	-moz-animation:spin 6s linear 6s infinite ;	
	-ms-animation:spin 6s linear 6s infinite ;	
	-o-animation:spin 6s linear 6s infinite ;	
	-webkit-animation:spin 6s linear 6s infinite ;	
}



/*------------------------------SEC_06------------------------------*/
#sec_06{}
#sec_06 .top{ position:relative;}
#sec_06 .bot{ background:#deebc1; padding:100px 0 50px;}
#sec_06 .img_09{ float:left;}
#sec_06 .box_text{ float:left; margin-left:80px; padding-top:65px;}
#sec_06 .inner{ position:relative; width:100%;}
.sec_06 { position:absolute; top:95px; left:50%; width:1015px; margin-left:-507.5px;}

.slide_07{ position:absolute; top:0; left:0;}
.slide_07.animate{
	transition: all 3s linear;
	-webkit-transition: all 3s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.slide_07.inView{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	transform:translate(300px,100px);
	-webkit-transform:translate(300px,100px);
}
.slide_07.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}

.slide_08{ position:absolute; top:0; right:0;}
.slide_08.animate{
	transition: all 4s linear;
	-webkit-transition: all 4s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.slide_08.inView{
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	transform:translate(-400px,150px); 
	-webkit-transform:translate(-400px,150px); 
	animation-delay:2s;
	-webkit-animation-delay:2s;	
}
.slide_08.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}

.slide_09{ position:absolute; bottom:19%; left:9%; z-index:5;}
.slide_09.inView{
	animation: flickerAnimation 1.5s linear 1s infinite;
	-webkit-animation: flickerAnimation 1.5s linear 1s infinite;
}
.slide_09_2.inView{
	animation: flickerAnimation 1.5s linear 1.5s infinite;
	-webkit-animation:flickerAnimation 1.5s linear 1.5s infinite;
}
	
.slide_10{ position:absolute; bottom:7%; right:4%; z-index:6;}
.slide_10.animate{
	transition: all 1s linear;
	-webkit-transition: all 1s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	opacity:1;
}
.slide_10.inView{ 
	animation:agrimotor 90s linear 1s infinite ;
	-webkit-animation:agrimotor 90s linear 1s infinite ;	
}
.slide_10.inView img{ 
	animation:tran1Y 1s linear 1s infinite ;
	-webkit-animation:tran1Y 1s linear 1s infinite ;	
}

.pinwheel{ position:absolute; top:0; left:18.5%; z-index:3}
.pinwheel4{ position:absolute; right: 13.2%; top: 12%; z-index:3}
.pinwheel.animate, .pinwheel4.animate{
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.pinwheel img.inView{
	animation:spin 5s linear 1s infinite ;
	-webkit-animation:spin 5s linear 1s infinite ;	
}
.pinwheel4 img.inView{
	animation:spin 6s linear 1s infinite ;
	-webkit-animation:spin 6s linear 1s infinite ;	
}
.cow_01{ position:absolute; bottom:32%; left:41%; z-index:4;}
.cow{ position:relative;}
.cow_01 .cow_head{ position:absolute; right:5px; top:0;}
.cow_01 .cow_body{}
.cow_01 .cow_head.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}

.cow_02{ position:absolute; bottom:36%; left:53%; z-index:4}
.cow_02 .cow_head{ position:absolute; left:5px; top:-7px;}
.cow_02 .cow_body{}
.cow_02 .cow_head.inView img{
	animation:tran2Y 2s linear 0.5s infinite;
	-webkit-animation:tran2Y 2s linear 0.5s infinite;
}

.img_sec_06 { z-index:2; position:relative;}
.sec_06 .slide_06{ left:1%; z-index:1}
.sec_06 .slide_06_04{ z-index:3; top:20%; left:50%;}
.sec_06 .slide_06_06{ z-index:3; top:10%; right:26%;}

.famer{ position:absolute; bottom:17%; right:29%; z-index:5}
.famer.inView{
	animation:flickerAnimation 1s linear 1s infinite;
	-webkit-animation:flickerAnimation 1s linear 1s infinite;
}
.famer_2.inView{
	animation:flickerAnimation 1s linear 1.5s infinite;
	-webkit-animation:flickerAnimation 1s linear 1.5s infinite;
}



/*------------------------------SEC_07------------------------------*/
#sec_07{ position:relative; padding:170px 0 75px;}
#sec_07 .top{ width:700px; position:absolute; left:40px; top:0;}
#sec_07 .bot{ position:relative; width:100%;}
#sec_07 .box_text{ width:400px; float:left; padding-top:25px;}
.sec_07{ margin-top:230px; width:1000px; float:right; margin-right:80px; position:relative;}
.img_10{ float:right; width:272px;}

.slide_04{ position:absolute; top:0; right:0;}
.slide_04.animate{
	transition: all 4s linear;
	-webkit-transition: all 4s linear;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.slide_04.inView{
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	transform:translate(-300px,150px);
	-webkit-transform:translate(-300px,150px);
}
.slide_04.inView img{
	animation:tran2Y 1s linear infinite;
	-webkit-animation:tran2Y 1s linear infinite;
}

.slide_11{ position:absolute; bottom:15%; left:52%; z-index:3;}
.slide_11.animate{
	transform:translate(0px,-10px);
	-webkit-transform:translate(0px,-10px);
	transition: all 3s linear; 
	-webkit-transition: all 3s linear; 
}
.slide_11.inView{
	transform:translate(-280px,-120px);
	-webkit-transform:translate(-280px,-120px);
	transition-delay:1s;
	-webkit-transition-delay:1s;
}
.slide_11.inView img{
	animation:ball 3s linear 1s ;
	-webkit-animation:ball 3s linear 1s ;
	opacity:0;
}
.img_sec_07 { z-index:2; position:relative;}
.sec_07 .slide_06{ top:0%; right:25%; left:auto; z-index:1;}
.sec_07 .slide_06_06{ right:10%; z-index:3; top:0%;}
.sec_07 .slide_06_07{ top:25%; right:10%;}
.sec_07 .golf{ position:absolute; right:22%; bottom:10%; z-index:3;}



/*------------------------------SEC_08------------------------------*/
#sec_08{ padding-bottom:130px;}
#sec_08 .inner{ width:1170px; margin-left:45px; background:url(../../images/sec_08.png) no-repeat right top;}
#sec_08 .box_text{ width:600px; padding-top:85px; margin-bottom:100px;}
#sec_08 .chart{ margin-left:20px; width:456px; float:left; position:relative; overflow:hidden;}
#sec_08 .img_chart{ position:absolute; bottom:3.5%; right:5%;}
#sec_08 .pin_01{ position:absolute; left:17.5%; top:32%;}
#sec_08 .pin_02{ position:absolute; left:32%; top:0;}
#sec_08 .pin_03{ position:absolute; left:64%; top:8%;}

#sec_08 .map{ width:580px; float:left; margin:30px 0 0 55px; position:relative;}
#sec_08 .usa{ position:absolute; top:36.3%; left:0;}
#sec_08 .usa_line{ position:absolute; top:9%; left:12.2%;}
#sec_08 .usa_text{ position:absolute; top:0; left:0;}
#sec_08 .australia{ position:absolute; bottom:6.5%; right:25.3%;}
#sec_08 .australia_line{ position:absolute; bottom:14%; right:0;}
#sec_08 .australia_text{ position:absolute; bottom:20%; right:0;}

#sec_08 .usa.animate img, #sec_08 .australia.animate img{
	animation:flickerAnimation 2s linear 4s infinite;
	-webkit-animation:flickerAnimation 2s linear 4s infinite;		
}

/*-----------------------------SP---------------------------*/
#top_sp {
    position: relative;
    width: 736px; margin:0 auto; 
    overflow:hidden;
}
#scale_sp {
    position: relative;
    width: 736px;
    transform-origin: top left;
	-webkit-transform-origin: top left;
}

#top_sp{ display:none;}
#top_sp .new .bgf{ padding:0 3%;}
#top_sp .new .read_more{ bottom:-40px;}
#top_sp .img_top{ position:relative; width:100%; background-color:#DBEEFC;} 	/*2016-11-11*/
#top_sp .info_sp{}
#top_sp .new{ border-left:none; border-right:none; border-radius:0;}
#top_sp .new .slide_01_sp{ top:-130px; right:25px; position:absolute;}
#top_sp .top{ padding:0 1%; position:relative; z-index:9;}
#top_sp .box01 .text{ text-align:left;}
#top_sp .box01 .top{ margin-bottom:110px;}
#top_sp .box01 .bot{ background:#deebc1; position:relative; padding-top:70px;}
#top_sp .box01 .bot ul{  position: absolute;   top: -90px;}
#top_sp .box01 .bot li{ float:left; width:21%; padding:0 2%;}
#top_sp .box02 { margin-bottom:80px;}
/*#top_sp .box02 .text, #top_sp .box02 h3, #top_sp .box02 .read_more{ text-align:right;}*/
/*add 2016-11-11*/
#top_sp .box02 h3,#top_sp .box03 h3,#top_sp .read_more,#top_sp .box06 h3,#top_sp .box08 h3{ text-align:center;}
#top_sp .box02 .text{ text-align:left; margin:3% 0;}
#top_sp .box02 .bot{ margin-top:30px;}

#top_sp .box03 .top{ margin-bottom:20px;}
#top_sp .box03 .bot .sec_03_sp{ margin-bottom:25px;}
#top_sp .box03 .bot .sec_03_2_sp{ margin-bottom:100px;}
#top_sp .box04 { padding:50px 0 90px;}
#top_sp .box04 .top{ margin-bottom:0;}
#top_sp .box04 .bot{ background:none; position:relative; padding-top:100px; margin-top:20px;}	/*2016-11-11*/
.sec_04_sp{ bottom:0; left:0; text-align:left;}
.img_07_sp{ position:absolute; top:0; right:12px;}
#top_sp .box05{ padding:40px 0 90px; margin:0;}
#top_sp .box05 .bot{ margin-top:70px; text-align:right; position:relative;}		/*2016-11-11*/
.sec_05_sp{}
.img_08_sp{ position:absolute; left:30px; top:-40px;}
#top_sp .box06{ padding-top:50px;}
#top_sp .box06 .bot{ position:relative; margin-top:160px;}		/*2016-11-11*/
.img_09_sp{ position:absolute; top:-144px; right:12px;}
#top_sp .box07 { padding:90px 0;}
#top_sp .box07 .top{ margin:0;}
#top_sp .box07 .bot{ background:none; position:relative; padding-top:0; margin-top:-25px;}
.img_10_sp{ position:absolute; left:26px; top:97px;}
.sec_07_sp{ }
.slide_04_sp{ position:absolute; top:0; right:55px;}
#top_sp .box08{ padding:50px 0 100px;}
#top_sp .box08 .bot{ background:url(../../images/sec_08_sp.png) no-repeat top right; margin-top:-20px;}		/*2016-11-11*/
.worldmap_sp{ padding-top:120px;}
#top_sp .text{ margin:30px 0 40px;}

/*add 2016-10-19*/
#header{ position:fixed; z-index:999; background:#CFECFC !important;}
#bg{ margin:auto;}	
#sec_08{ padding-bottom:200px;}
/*add 2016-10-27*/
#sec_04.bg_01{ background-size: 100% 20%;}
#sec_05{ padding-bottom:92px;}
#sec_06 .bg_01{ background-size: 100% 50%;}
#sec_06 .bot{ padding-bottom:68px;}

/*add 2016-11-21*/
#sec_03 {    padding: 130px 0 0;}
#sec_07 {    padding: 100px 0;}


.top-pd{ padding-bottom:min(15%,120px);}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1900px){
#wrap, #outer{ width:1900px;}

}

@media only screen and (max-width:1400px){
.sec_01{ width:98%; margin:0 auto;}
/*.main_content{ width:100%; padding:0 1%;}*/
.info{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	margin:10% auto 12%;
}
#sec_01, #sec_02, #sec_03 .top, #sec_04, #sec_05, #sec_06, #sec_07, #sec_08{
	margin:10% 0 5%; 
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
}
#sec_02{ padding:10% 0; margin-bottom:0;}
#sec_03 .top{ margin-top:5%}
#sec_07{ padding-bottom:7%;}
.box_text .txt, .new p, .box01 .text{ font-size:20px;}
/*.read_more img, .new .read_more img{ width:20%;}
h3 img{ width:80%;}*/

/*add 2016-10-20*/
#sec_08{ padding-bottom:0;}
}

@media only screen and (max-width:1200px){
#wrap .content{ width:1200px !important;}
.tit_top{ top:40%;}
.info{
	transform:scale(1.4);
	-webkit-transform:scale(1.4);
	margin:12% auto 18%;
}

}

@media only screen and (max-width:960px){
#wrap .content960{ width:960px;}
#sec_08 {    padding-bottom: 10%;}
/*add 2016-10-20*/
#sec_08{ padding-bottom:0;}
/* .top-pd{ padding-bottom:20%;} */

}

@media only screen and (max-width:900px){
.info { 
	transform:scale(1.55);
	-webkit-transform:scale(1.55);
	margin: 15% auto 24%;
}
#sec_01, #sec_02{ 
	transform:scale(1.38);
	-webkit-transform:scale(1.38);
}
#sec_02{ margin-left:-6%; margin-top:15%;}
#sec_03 .top{ 
	transform:scale(1.55);
	-webkit-transform:scale(1.55);	
	}
#sec_03 .bot{ margin:10% 0;}
#sec_04{ 
	transform:scale(1.35); 
	-webkit-transform:scale(1.35);
	padding:5% 0 13%;
	}
#sec_04 .box_text{width: 28.571%;}
#sec_04 .img_07{ margin-left:-45%;}
.sec_04{ margin-left:0}
#sec_05{ 
	transform:scale(1.55);
	-webkit-transform:scale(1.55); 
	padding-bottom:15%;
}
#sec_06{ 
	transform:scale(1.55);
	-webkit-transform:scale(1.55);
}
.slide_07.inView{
	transform: translate(350px, 150px);
	-webkit-transform: translate(350px, 150px);
}
#sec_07{ 
	transform:scale(1.4); 
	-webkit-transform:scale(1.4);
	margin:10% 0;
	padding-bottom:10%;
	}
.sec_07{ margin-right:2%;}
#sec_08{ 
	transform:scale(1.44);
	-webkit-transform:scale(1.44);
}
#sec_08 .box_text{ width:58%;}
}

@media only screen and (max-width:768px){
}

@media only screen and (max-width:736px){
#header{ position:static;}
#wrap{ display:none;}
#top_sp{ display:block;padding-bottom: 80px;}

.main_content{ width:98%; margin:0 auto;}
#top_sp .tit_top{ top:7%;}
#top_sp .new .inner{ padding:6% 4%;}
#top_sp .top p, .new p{ font-size:25px;}
#top_sp .top .read_more img, .new .read_more img{ width:40%;}

/*add 2016-10-19*/
#header{ position:fixed; background:#fff;}
#top_sp .box08{ padding-bottom:20%;}

/*add 2016-11-21*/
#top_sp .box07 {   padding: 0 0 90px;}
#top_sp .box02{ padding-top:10%}

}

@media only screen and (max-width:640px){
#top_sp .top .read_more img, .new .read_more img{ width:40%;}
#top_sp .top h3 img{ width:80%;}
/*add 2016-10-19*/	
#top_sp .box08{ padding-bottom:40%;}

}

@media only screen and (max-width:480px){
.scroll_down p{ font-size:24px;}		
}

@media only screen and (max-width:360px){
/*add 2016-10-19*/	
#top_sp .box08{ padding-bottom:50%;}
}