body{
	font-family: "黑體", "微軟正黑體", "新細明體",Verdana, Arial, Geneva, sans-serif,helvetica;
	color: #222222;
	font-size:17px;
	text-align:left;
	}

/* Style for our header texts
* --------------------------------------- */
h1{
	font-size: 2.8em;
	margin:0px 0px 10px;
	}
h2{
	font-size: 1.3em;
	font-weight:normal;
	line-height:1.5em;
	}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	}
	
/*menu*/
.menu{
	position:fixed;
	top:30px;
	left:0px;
	width:100%;
	height:54px;
	background:#fff;
	z-index:999;
	}
.menu_shadow{
	position:fixed;
	top:84px;
	left:0px;
	width:100%;
	height:8px;
	background: url(../images/shadow.png) repeat-x top left;
	z-index:999;
	}
.menu a{
	float:left;
	}
a.toplogo{
	width:162px;
	height:54px;
	background:url(../images/yes123_logo.png) no-repeat center 11px;
	}
a.tab01,a.tab02{
	width:100px;
	height:54px;
	background:#fff;
	text-align:center;
	line-height:54px;
	color:#222;
	}
a.tab01{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	}
a.tab02{
	border-right:1px solid #ddd;
	}
a.tab01:hover,
a.tab02:hover,
a.add{
	background:url(../images/tabbg.png) repeat-x left bottom;
	color:#007fd1;
	position:relative;	
	}

/* Centered texts in each section
* --------------------------------------- */
.section{
	height:760px;
	padding:0px 0px 0px;
	margin:0px;
	position:relative;
	}

#fullpage{
	position: relative;
	width:100%;
	}


/*點點*/

#navLeft{
	position:fixed;
	float:right;
	right:0px;
	z-index:999;
	}
/*#navLeft.fixed{
	position:fixed;
	right:0px;
	}*/
	
#navLeft li a{
	display:block;
	text-indent: -999px;
	overflow: hidden;
	width:10px;
	height:10px;
	/*-webkit-border-radius:5px;
	border-radius:5px;*/
	background: url(../images/dot_02.png) no-repeat;
	margin:0px 20px 10px 0px;
	/*opacity:0.5;*/
	}
#navLeft li a.on,
#navLeft li a:hover{
	/*opacity:1;
	-webkit-transform:scale(1.5);*/
	background: url(../images/dot_01.png) no-repeat;
	}


/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
	color: #fff;	
	}
	

.intro_auto{
	margin:0px auto;
	width:930px;
	/*border:1px dashed #ccc;*/
	position:relative;
	top:0px;
	height:720px;/*760-25*/
	padding:0px 20px;
	text-align:left;
	position:relative;
	}


/*home*/
.home_bg{
	background: url(../images/home_bg.png) repeat-x;
	background-size:466px 100%;
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
	height: 496px;
	}
	
#section0{
	margin-top:54px;
	}
#section0 .intro_auto{
	padding-top:20px;/*20+54*/
	background:url(../images/work01_bg.png) center 30px no-repeat;
	background-size:948px 466px;
	}
a.logo{
	display:block;
	width:118px;
	height:36px;
	background: url(../images/yes123_logo.png) no-repeat;
	}
.home_title01{
	overflow:hidden;
	padding:0px;
	margin:190px 0px 0px 20px;/*145+36*/
	}
.home_title01 .w01{
	font-size:3.1em;/*52px*/
	color:#419301;
	float:left;
	}
.home_title01 .w02{
	font-size:3.1em;
	color:#fff;
	padding-left: 570px;
	margin-top:-130px;
	float:left;
	}
	
.home_title02{
	padding:0px;
	margin:55px 0px 0px 90px;
	}
.home_title02 .w01{
	display:block;
	width:297px;
	height:120px;
	font-size:2.6em;
	color:#0089c3;
	}
.home_title02 .w02{
	display:block;
	width:464px;
	height:135px;
	font-size:2.6em;
	color:#fff;
	padding:0px 25px 0px 20px;
	}
.home_title03{
	margin:135px 0px 30px 160px;/*150px 0px 0px 160px*/
	}
	
.home_phone{
	position:absolute;
	top:98px;
	right:20px;
	}
.home_phone01{
	display:block;
	width:370px;
	height:524px;
	background:url(../images/home_iPhone01.png) no-repeat;
	position: relative;
	margin:0px;
	
	-webkit-animation:home_phone01;
	-moz-animation:home_phone01;
	-o-animation:home_phone01;
	-ms-animation:home_phone01;
	animation:home_phone01;
	
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	-ms-animation-duration: 4s;
	animation-duration: 4s;
	
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	}
	
@-webkit-keyframes home_phone01 {
	0% {-webkit-transform: translateY(-20px);}
	50% {-webkit-transform: translateY(0px);}
	100% {-webkit-transform: translateY(-20px);}
}
@-moz-keyframes home_phone01 {
	0% {-moz-transform: translateY(-20px);}
	50% {-moz-transform: translateY(0px);}
	100% {-moz-transform: translateY(-20px);}
}
@-o-keyframes home_phone01 {
	0% {-o-transform: translateY(-20px);}
	50% {-o-transform: translateY(0px);}
	100% {-o-transform: translateY(-20px);}
}
@-ms-keyframes home_phone01 {
	0% {-ms-transform: translateY(-20px);}
	50% {-mst-transform: translateY(0px);}
	100% {-ms-transform: translateY(-20px);}
}
@keyframes home_phone01 {
	0% {transform: translateY(-20px);}
	50% {transform: translateY(0px);}
	100% {transform: translateY(-20px);}
}
	
.home_phone02{
	display:block;
	width:300px;
	height:109px;
	background:url(../images/home_iPhone02.png) no-repeat;
	position:relative;
	top:-50px;
	margin-left:50px;
	-webkit-animation:home_phone02;
	-moz-animation:home_phone02;
	-o-animation:home_phone02;
	-ms-animation:home_phone02;
	animation:home_phone02;
	
	-webkit-animation-duration: 4s;
	-moz-animation-duration: 4s;
	-o-animation-duration: 4s;
	-ms-animation-duration: 4s;
	animation-duration: 4s;
	
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	}
	
@-webkit-keyframes home_phone02 {
	0% { opacity:0.6;-webkit-transform:scale(1);}
	50% { opacity:1;-webkit-transform:scale(0.7);}
	100% { opacity:0.6;-webkit-transform:scale(1);}
}
@-moz-keyframes home_phone02 {
	0% { opacity:0.6;-moz-transform:scale(1);}
	50% { opacity:1;-moz-transform:scale(0.7);}
	100% { opacity:0.6;-moz-transform:scale(1);}
}
@-o-keyframes home_phone02 {
	0% { opacity:0.6;-o-transform:scale(1);}
	50% { opacity:1;-o-transform:scale(0.7);}
	100% { opacity:0.6;-o-transform:scale(1);}
}
@-ms-keyframes home_phone02 {
	0% { opacity:0.6;-ms-transform:scale(1);}
	50% { opacity:1;-ms-transform:scale(0.7);}
	100% { opacity:0.6;-ms-transform:scale(1);}
}
@keyframes home_phone02 {
	0% { opacity:0.6;transform:scale(1);}
	50% { opacity:1;transform:scale(0.7);}
	100% { opacity:0.6;transform:scale(1);}
}

/**/
.home_table{
	position:relative;
	margin-top:18px;
	margin-bottom:5px;
	text-align:center;
	line-height:1.6em;
	vertical-align:top;
	}
.home_td01{
	border-right:1px dashed #ccc;
	width:25%;
	padding:0px 20px 0px 0px;
	}
.home_td02{
	border-right:1px dashed #ccc;
	width:25%;
	padding:0px 20px 0px 20px;
	}
.home_td03{
	border-right:1px dashed #ccc;
	width:25%;
	padding:0px 20px 0px 20px;}

.home_icon01,
.home_icon02,
.home_icon03{
	display:block;
	height:50px;
	margin:10px 0px 5px 0px;}

.home_icon01{
	background:url(../images/home_icon01.png) no-repeat center;
	}
.home_icon02{
	background:url(../images/home_icon02.png) no-repeat center;
	}
.home_icon03{
	background:url(../images/home_icon03.png) no-repeat center;
	}
	
.download01{
	width:206px;
	height:128px;
	font-size:0.7em;
	margin:0 auto;
	text-align:center;
	background:url(../images/QRcode01.png) center no-repeat;
	}
.qrcode01{
	margin-top:5px;
	display:block;
	height:74px;
	background:url(../images/QRcode01.png) no-repeat center;
	}
.qrcode02{
	margin-top:5px;
	display:block;
	height:74px;
	background:url(../images/QRcode02.png) no-repeat center;
	}
a.android01{
	display:block;
	cursor: default;
	height:24px;
	margin-top:5px;
	background:url(../images/android01_a.png) no-repeat center;
	}
a.android01:hover{
	background:url(../images/android01_a.png) no-repeat center;
	}
a.ios01{
	display:block;
	cursor: default;
	float:left;
	height:23px;
	margin-top:5px;
	background:url(../images/ios01_a.png) no-repeat center;
	}
a.ios01:hover{
	background:url(../images/ios01_a.png) no-repeat center;
	}
a.pc01{
	display:block;
	height:24px;
	margin-top:5px;
	background:url(../images/pc01_a.png) no-repeat center;
	}
a.pc01:hover{
	background:url(../images/pc01_hover.png) no-repeat center;
	}
a.video_btn{
	display:block;
	width:130px;
	height:223px;
	background:url(../images/video_btn_a.png) no-repeat top right;
	position:fixed;
	top:30px;
	right:0px;
	z-index:999;
	
	-webkit-transition:all 0s ease;
	-moz-transition:all 0s ease;
	-o-transition:all 0s ease;
	-ms-transition:all 0s ease;
	}
a.video_btn:hover{background:url(../images/video_btn_hover.png) no-repeat top right;}
#video_btn_left{
	left:830px;
	display:table-cell
	}
	
/*ie10 以上*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .home_title02{
	padding:0px;
	margin:50px 0px 0px 90px;
	}
	.home_title03{
	margin:160px 0px 0px 160px;
	}
}

/*page01*/
#section1{
		background:url(../images/p03_bgg.gif) center center repeat-y;
	}
.section1_bg{
	background-color:rgba(0,187,190,1);
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
	height:760px;
	}
#section1 .intro_auto{
	height:760px;
	}
.p1_element01{
	width:382px;
	position:absolute;
	left:284px;
	}
.p1_element01a{
	position:absolute;
	top:0px;
	}
.p1_element01a img{
	height:760px;
	width:182px;/*382*/
	opacity:0;
	}
.p1_element01b{
	position:absolute;
	display:block;
	width:147px;
	height:40px;
	background:url(../images/p01_airplane.png) no-repeat;
	top:267px;
	left:35px;/*235*/
	opacity:0;
	}
.p1_element02{
	position:absolute;
	height:760px;
	width:479px;
	overflow:hidden;
	left:0px;
	}
.p1_element02a{
	display:block;
	position:absolute;
	
	width:479px;
	height:654px;
	background:url(../images/p01_iPhone01.png) no-repeat;
	top:210px;/*110*/
	
	opacity:0;
	}
.p1_element02b{
	display:block;
	position:absolute;
	
	width:330px;
	height:138px;
	background:url(../images/p01_iPhone02.png) no-repeat;
	top:280px;
	left:0px;/**/
	opacity:0;
	}
.p1_element03{
	position:absolute;
	width:330px;
	height:760px;
	overflow:hidden;
	left:327px;
	top:0px;
	}

.p1_element03a{
	position:absolute;
	width:330px;
	height:500px;
	background:url(../images/p01_iPhone03.png) no-repeat;
	top:410px;/*310*/
	opacity:0;
	}
	
.p1_word{
	position:relative;
	padding-top:180px;
	margin-left:20px;
	opacity:0;
	width:280px;
	}
.p1_word h1,.p1_word h2{color:#fff;
}
.p1_word h1 {font-size:2em}
.p1_word h2 {font-size:1em}

.youtube_pic {
	width:320px;
	height:179px;
	margin-top:20px;
	border:5px solid #fff;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}

/*page02*/
#section2 .intro_auto{
	padding-top:20px;
	/*background:url(../images/p02_bg01.jpg) no-repeat right 50px;*/
	height:740px;/*760-25*/
	}
	
.p2_element01{
	position:absolute;
	width: 524px;
	height: 584px;
	background:url(../images/p02_iPhone01.png) no-repeat;
	left: 165px;/*280+10*/
	top: 70px;
	opacity:0;
	}
.p2_element02{
	position:absolute;
	width:279px;
	height:428px;
	background:url(../images/p02_iPhone02.png) no-repeat;
	left:735px;/*675-20*/
	top:300px;
	opacity:0;
	}
.p2_element03{
	position:absolute;
	left:568px;
	top:197px;
	}
.p2_element03a{
	position:absolute;
	width:47px;
	height:47px;
	background:url(../images/p02_iPhone03a.png) no-repeat;
	top:40px;
	opacity:0;
	}
.p2_element03b{
	position:absolute;
	width:63px;
	height:70px;
	background:url(../images/p02_iPhone03b.png) no-repeat;
	top:222px;
	left:100px;
	opacity:0;
	}
.p2_element03c{
	position:absolute;
	width:146px;
	height:213px;
	background:url(../images/p02_iPhone03c.png) no-repeat;
	left:12px;
	opacity:0;
	}
.p2_element03d{
	position:absolute;
	width:121px;
	height:193px;
	background:url(../images/p02_iPhone03d.png) no-repeat;
	top:84px;
	left:17px;
	opacity:0;
	}
	
.p2_word{
	position:relative;
	padding-top:180px;/*280*/
	padding-left:10px;
	opacity:0;
	}
.p2_word h1,.p2_word h2{color:#000;}
.p2_word h1 {font-size:1.8em}
.p2_word h2 {font-size:1em}

/*page03*/
.section1_bg{
	background-color:rgba(27,154,205,1);
	/*background-color:rgba(0,187,190,1);*/
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
	height:760px;
	}
	
/*#section0 .intro_auto{
	padding-top:20px;
	background:url(../images/home_bg02.png) no-repeat left -25px;
	}*/

#section3{
		background:url(../images/p01_bgg.jpg) center center repeat-y;
	}
#section3 .intro_auto{
	height:760px;
	}
.p3_element01{
	width:253px;
	height:760px;
	position:absolute;
	left: 526px;
	}
.p3_element01a{
	position:absolute;
	width:93px;
	height:87px;
	background:url(../images/p03_people.png) no-repeat;
	right:-30px;
	top:492px;
	}
/*.p3_element01b{
	width:300px;
	height:760px;
	position:absolute;
	left:0px;
	background:url(../images/p03_bggg02.png) no-repeat 0px 0px;
	background-size:215px 100%;
	}*/
.p3_element01b img{
	width:0px;
	height:760px;
	position:absolute;
	top:0px;
	left:215px;
	}
.p3_element02{position:absolute;}
.p3_element02a{
	position:absolute;
	width:269px;
	height:572px;
	background:url(../images/p03_iPhone01.png) no-repeat;
	top:128px;/*98*/
	left:146px;
	opacity:0;
	}
.p3_element02b{
	position:absolute;
	width:305px;
	height:310px;
	background:url(../images/p03_iPhone02.png) no-repeat;
	top:140px;
	left:25px;/*25*/
	opacity:0;
	}
.p3_element02c{
	position:absolute;
	width:249px;
	height:101px;
	background:url(../images/p03_iPhone03.png) no-repeat;
	top:254px;
	left:286px;/*266*/
	opacity:0;
	}
.p3_element02d{
	position:absolute;
	width:141px;
	height:106px;
	background:url(../images/p03_iPhone04.png) no-repeat;
	top:320px;
	left:212px;/*192*/
	opacity:0;
	}
.p3_element02e{
	position:absolute;
	width:198px;
	height:205px;
	background:url(../images/p03_iPhone05.png) no-repeat;
	top:395px;
	left:100px;/*120*/
	opacity:0;
	}
.p3_element02f{
	position:absolute;
	width:389px;
	height:157px;
	background:url(../images/p03_iPhone06.png) no-repeat;
	top:490px;
	left:210px;/*190*/
	opacity:0;
	}
	
.p3_word{
	position:relative;
	padding:215px 0px 0px 600px ;
	opacity:0;
	}
.p3_word h1,.p3_word h2{color:#fff;}
.p3_word h1 {font-size:1.65em}
.p3_word h2 {font-size:1em}

/*page04*/
#section4 .intro_auto{
	height:760px;
	}
.p4_element01{
	height:760px;
	position:absolute;
	left:328px;
	top:0px;
	}
.p4_element01a{
	position:absolute;
	width:347px;
	height:362px;
	background:url(../images/p04_iPhone01a.png) no-repeat;
	top:395px;/*395*/
	left:298px;/*268*/
	opacity:0;
	}
.p4_element01as{
	position:absolute;
	width:347px;
	height:362px;
	background:url(../images/p04_iPhone01b.png) no-repeat;
	top:0px;
	left:0px;
	opacity:0;
	}
.p4_element01aw{
	position:absolute;
	width:347px;
	height:362px;
	background:url(../images/p04_iPhone01c.png) no-repeat;
	top:20px;
	left:85px;
	opacity:1;
	}

.p4_element01b{
	position:absolute;
	width:401px;
	height:150px;
	background:url(../images/p04_iPhone02a.png) no-repeat;
	top:480px;/*470*/
	left:137px;/*57*/
	opacity:0;
	}
.p4_element01bs{
	position:absolute;
	width:401px;
	height:150px;
	background:url(../images/p04_iPhone02b.png) no-repeat;
	top:0px;
	left:0px;
	opacity:0;
	}
.p4_element01bw{
	position:absolute;
	width:401px;
	height:150px;
	background:url(../images/p04_iPhone02c.png) no-repeat;
	top:0px;
	left:0px;
	opacity:1;
	}
.p4_element01c{
	position:absolute;
	width:326px;
	height:393px;
	background:url(../images/p04_iPhone03a.png) no-repeat;
	top:190px;/*190*/
	left:201px;/*221*/
	opacity:0;
	}
.p4_element01cs{
	position:absolute;
	width:326px;
	height:373px;
	background:url(../images/p04_iPhone03b.png) no-repeat;
    top:17px;
	left:0px;
	opacity:0;
	}
.p4_element01cw{
	position:absolute;
	width:326px;
	height:373px;
	background:url(../images/p04_iPhone03c.png) no-repeat;
	top:0px;
	left:0px;
	opacity:1;
	}
.p4_element01d{
	position:absolute;
	width:350px;
	height:344px;
	background:url(../images/p04_iPhone04a.png) no-repeat;
	top:112px;/*102*/
	left:30px;/*0*/
	opacity:0;
	}
.p4_element01dw{
	position:absolute;
	width:350px;
	height:344px;
	background:url(../images/p04_iPhone04c.png) no-repeat;
	top:0px;
	left:0px;
	opacity:1;
	}
.p4_word{
	position:relative;
	padding:280px 0px 0px 10px ;
	opacity:0;
	}
.p4_word h1,.p2_word h2{color:#000;}
.p4_word h1 {font-size:2em}
.p4_word h2 {font-size:1em}	
/*QR code*/
#section5,
#section5 .intro_auto{
	height:400px;/**/
	padding-top:50px;
	}

/*.p5_element01{
	display:block;
	background:url(../images/p05_line.png) repeat-x center center;
	text-align:center;
	margin:50px 0px 80px;
	vertical-align:middle;
	}
.p5_element01a{
	height:60px;
	background:url(../images/p05_applogo.png) no-repeat;
	margin:0px auto;
	padding:10px 0px 10px 60px;
	}
.p5_element01b{
	background:#fff;
	font-size:1.8em;
	width:200px;
	height:60px;
	margin:0px auto;
	padding:0px 20px;
	}*/
.p5_element01{
	width:210px;
	height:94px;
	margin:0px auto;
	padding:40px 0px 0px 150px;
	background:url(../images/p05_applogo.png) no-repeat top left;
	margin-bottom:20px;
	}
.p5_element02{
	width:210px;/*360-150*/
	height:125px;
	margin:0px auto;
	background: url(../images/p05_QRcode01.png)4px no-repeat;
	background-size:125px 125px; 
	padding:0px 0px 0px 150px;
	}
a.p5_element02a{
	position:relative;
	cursor: default;
	display:block;
	width:208px;
	height:58px;
	background:url(../images/p05_android01_a.png) no-repeat;
	margin:12px 0px 0px;
	}
a.p5_element02a:hover{
	background:url(../images/p05_android01_a.png) no-repeat;
	/*background:url(../images/p05_android01_hover.png) no-repeat;*/
	}
a.p5_element02b{
	position:relative;
	cursor: default;
	display:block;
	width:208px;
	height:55px;
	background:url(../images/p05_ios01_a.png) no-repeat;
	}
a.p5_element02b:hover{
	/*background:url(../images/p05_ios01_hover.png) no-repeat;*/
	background:url(../images/p05_ios01_a.png) no-repeat;
	}
a.p5_element02c{
	position:relative;
	display:block;
	width:208px;
	height:65px;
	background:url(../images/p05_pc01_a.png) no-repeat;
	margin:12px 0px 0px;
	}
a.p5_element02c:hover{
	background:url(../images/p05_pc01_hover.png) no-repeat;
	}
/**/
.video{
	width:790px;/*740+50*/
	margin:0px auto;
	}
.video_mask{
	display:block;
	position:fixed;
	background: url(../images/mask_b.png) repeat;
	z-index:9999;
	width:100px;
	height:100px;
	top:0px;
	left:0px;
	cursor:pointer;
	border:1px solid #ccc;
	
	/*display:none;*/
	}
.video_close{
	width:50px;
	height:50px;
	background: url(../images/mask_b.png) repeat;
	position:relative;
	}
a.close_img{
	width:50px;
	height:50px;
	background: url(../images/delet.png) no-repeat center center;
	position: absolute;
	
	-webkit-animation:close_img;
	-moz-animation:close_img;
	-o-animation:close_img;
	-ms-animation:close_img;
	animation:close_img;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	}
	
@-webkit-keyframes close_img {
	0% { -webkit-transform:rotate(0deg);}
	100% { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes close_img {
	0% { -moz-transform:rotate(0deg);}
	100% { -moz-transform:rotate(360deg);}
}
@-o-keyframes close_img {
	0% { -o-transform:rotate(0deg);}
	100% { -o-transform:rotate(360deg);}
}
@-ms-keyframes close_img {
	0% { -ms-transform:rotate(0deg);}
	100% { -ms-transform:rotate(360deg);}
}

@keyframes close_img {
	0% { transform:rotate(0deg);}
	100% { transform:rotate(360deg);}
}

a.close_img:hover{
	background: url(../images/delet_hover.png) no-repeat center center;
	
	-webkit-animation:close_img_hover;
	-moz-animation:close_img_hover;
	-o-animation:close_img_hover;
	-ms-animation:close_img_hover;
	animation:close_img_hover;
	
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	}
@-webkit-keyframes close_img_hover {
	0% { -webkit-transform:rotate(360deg);}
	100% { -webkit-transform:rotate(0deg);}
}
@-moz-keyframes close_img_hover {
	0% { -moz-transform:rotate(360deg);}
	100% { -moz-transform:rotate(0deg);}
}
@-o-keyframes close_img_hover {
	0% { -o-transform:rotate(360deg);}
	100% { -o-transform:rotate(0deg);}
}
@-ms-keyframes close_img_hover {
	0% { -ms-transform:rotate(360deg);}
	100% { -ms-transform:rotate(0deg);}
}

@keyframes close_img_hover {
	0% { transform:rotate(360deg);}
	100% { transform:rotate(0deg);}
}

	
/*--------------------------------------------------------------------------
企業
--------------------------------------------------------------------------*/

/*home*/
.b_home_bg{
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
	height:675px;
	}
	
#b_section0{
	margin-top: 85px;
	background:url(../images/b_home_bg.png) repeat-x left bottom;
	}
#b_section0 .intro_auto{
	padding-top:20px;
	/*background:url(../images/b_home01.png) no-repeat 574px 155px;*/
	height:740px;
	/*border:1px dashed #ccc;*/
	}
.b_home_phone{
	width:931px;
	height:427px;
	margin:0 auto;
	/*background:url(../images/bs01_bg.png) no-repeat top center;
	background-size:931px 427px;*/
	position: absolute;
	top:69px;
	}
.b_home_title{
	position:absolute;
	top:160px;
	left:30px;
	/*background:url(../images/b_home03.png) no-repeat 110px top;*/
	}
.b_home_title h3{
	display:block;
	font-size:26px;
	margin:0 auto;
	margin-top: -180px;
	}	
.b_home_title .b_home_title01 .w01,
.b_home_title .b_home_title01 .w02{
	font-size:3.1em;
	}
.b_home_title .b_home_title01{
	padding-top:30px;
	}
.b_home_title .b_home_title01 .w01{
	color:#419301;
	}
.b_home_title .b_home_title01 .w02{
	padding:0px 25px 0px 22px;
	color:#fff;
	}
.b_home_title .b_home_title02 .w01,
.b_home_title .b_home_title02 .w02{
	font-size:2.9em;
	color:#0089c3;
	display:block;
	line-height:1.2em;
	}
.b_home_title .b_home_title02{
	padding-top:30px;
	*padding-top:40px;
	}
.b_home_title .b_home_title02 .w02{
	padding-left:48px;
	}
/**/
.b_home_table{
	/*position:relative;
	margin-top:190px;
	margin-bottom:5px;*/
	position:absolute;
	top:580px;
	left:30px;
	text-align:center;
	line-height:1.6em;
	vertical-align:top;
	}
.b_home_td01{
	border-right:1px dashed #ccc;
	width:23%;
	padding:0px 20px 0px 0px;
	}
.b_home_td02{
	border-right:1px dashed #ccc;
	width:27%;
	padding:0px 20px 0px 20px;
	}
.b_home_td03{
	border-right:1px dashed #ccc;
	width:25%;
	padding:0px 20px 0px 20px;}

.b_home_icon01,
.b_home_icon02,
.b_home_icon03{
	display:block;
	height:50px;
	margin:10px 0px 5px 0px;}

.b_home_icon01{
	background:url(../images/b_home_icon01.png) no-repeat center;
	}
.b_home_icon02{
	background:url(../images/b_home_icon02.png) no-repeat center;
	}
.b_home_icon03{
	background:url(../images/b_home_icon03.png) no-repeat center;
	}
.b_download01{
	font-size:0.7em;
	width:206px;
	height:94px;
	}
.qrcode01{
	margin-top:5px;
	display:block;
	height:74px;
	background:url(../images/QRcode01.png) no-repeat center;
	}
/*page01 全功能人才管理*/
#b_section2{
	background:url(../images/b_p01_bg.jpg) center center repeat-x;
	}

#b_section2 .intro_auto{
	height:760px;
	background: url(../images/b_p01_bg01.png) no-repeat top right;
	/*border:1px dashed #ccc;*/
	}
.b_p1_element{
	width:740px;
	height:680px;
	/*border:1px dashed #ccc;*/
	position:relative;
	left:-10px;
	top:78px;
	overflow:hidden;
	}
	
/*年皮紙蓋*/
.b_p1_element02{
	width:480px;
	height:225px;
	background:url(../images/b_p01_iphone01.png) no-repeat;
	position:absolute;
	left:-50px;/*50-100*/
	top:710px;/*460+250*/
	}
/*年皮紙袋*/
.b_p1_element01{
	width:531px;
	height:228px;
	background:url(../images/b_p01_iphone02.png) no-repeat 0px 0px;
	position:absolute;
	left:-100px;/*0-100*/
	top:732px;/*452+250*/	
	}
/*後黑底*/
.b_p1_element03{
	width:225px;
	height:365px;/*365*/
	background:url(../images/b_p01_iphone03.png) no-repeat;
	position:absolute;
	left:116px;/*176-60*/
	top:766px;/*316+450*/
	}
/*配對人才*/
.b_p1_element04{
	position:absolute;
	left:20px;/*20*/
	top:700px;/*235+465*/
	}
.b_p1_element04a{
	width:252px;
	height:375px;/*375*/
	background: url(../images/b_p01_iphone04.png) no-repeat;
	position:absolute;
	top:95px;
	left:16px;
	}
.b_p1_element04w{
	width:138px;
	height:120px;
	background:url(../images/b_p01_iphone04w.png) no-repeat;
	position:absolute;
	left:0px;
	opacity:0;
	}
	
/*搜尋人才*/
.b_p1_element05{
	position:absolute;
	left:-100px;/*310-200*/
	top:745px;/*245+500*/
	}
.b_p1_element05a{
	width:250px;
	height:367px;
	background:url(../images/b_p01_iphone05.png) no-repeat;
	}
.b_p1_element05w{
	width:240px;
	height:40px;
	background:url(../images/b_p01_iphone05w.png) no-repeat;
	position:absolute;
	top:199px;
	left:180px;
	opacity:0;
	}

/*主動應徵*/
.b_p1_element06{
	position:absolute;
	left:200px;/*20-170*/
	top:700px;/*0+700*/
	}
.b_p1_element06a{
	width:204px;
	height:354px;
	background:url(../images/b_p01_iphone06.png) no-repeat;
	position:absolute;
	top:50px;
	left:146px;
	}
.b_p1_element06w{
	width:162px;
	height:112px;
	background:url(../images/b_p01_iphone06w.png) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	}
	
/*儲備人才*/
.b_p1_element07{
	position:absolute;
	left:20px;/*190-170*/
	top:925px;/*425+300*/
	}
.b_p1_element07a{
	width:286px;
	height:263px;
	background:url(../images/b_p01_iphone07.png) no-repeat;
	position:absolute;}
.b_p1_element07w{
	width:315px;
	height:44px;
	background:url(../images/b_p01_iphone07w.png) no-repeat;
	position:absolute;
	top:130px;
	left:235px;
	opacity:0;}

.b_p1_word{
	position: absolute;
	top:0px;/*300*/
	left:500px;/*600*/
	opacity:0;
	}
	
.b_p1_word .p6_word{
	position:relative;
	/*padding:-100px 0px 0px 0px ;*/
	opacity:1;
	}
.b_p1_word .p6_word h1,.p5_word h2{color:#000;}
.b_p1_word .p6_word h1 {font-size:1.8em}
.b_p1_word .p6_word h2 {font-size:1em}	

/*page02*/
#b_section1{
	/*background:url(../images/b_p02_bg.png) repeat-x right bottom;*/
	/*border:1px dashed #ccc;*/
	/*background-color:#f5f5f5;*/
	background-color:#f4f4f4;
	height:780px;
	}
#b_section1 .intro_auto{
	padding-top:30px;
	}
.b_p2_word{
	text-align:left;
	margin-top:50px;
	opacity:0;
	}
.b_p2_word .p8_word{
	position:relative;
	padding: 150px 0px 0px 450px;
	opacity:1;
	}
.b_p2_word .p8_word h1,.p8_word h2{color:#000;}
.b_p2_word .p8_word h1 {font-size:1.8em}
.b_p2_word .p8_word h2 {font-size:1em}

	
.b_p2_element{
	position:absolute;
	top:180px;
	left:35px;
	}
.b_p2_element01{
	position:absolute;
	}
.b_p2_element01a{
	width:690px;
	height:664px;
	left:-150px;
	margin-top:-150px;
	background:url(../images/bs03_bg.png) no-repeat;
	position:absolute;
	}
.b_p2_element01b{
	width:103px;
	height:78px;
	background:url(../images/b_p2_element01b.png) no-repeat;
	position:absolute;
	top:138px;
	left:360px;
	opacity:0;
	}
.b_p2_element01c{
	width:160px;
	height:53px;
	background:url(../images/b_p2_element01c.png) no-repeat;
	position:absolute;
	top:480px;
	left:-190px;
	}
.b_p2_element02{
	position:absolute;
	left:630px;
	}
.b_p2_element02a{
	width:279px;
	height:433px;
	/*background:url(../images/b_p2_element02a.png) no-repeat;*/
	position:absolute;
	}
.b_p2_element02a1{
	width:500px;
	height:629px;
	left:-80px;
	background:url(../images/b_p2_element02a1.png) no-repeat;
	position:absolute;
	}
.b_p2_element02a2{
	width:279px;
	height:137px;
	background:url(../images/b_p2_element02a2.png) no-repeat;
	position:absolute;
	top:300px;
	}
	
.b_p2_element02b{
	width:37px;
	height:45px;
	background:url(../images/b_p2_element02b.png) no-repeat;
	position:absolute;
	top:59px;
	left:58px;
	opacity:0;
	}
.b_p2_element02c{
	width:159px;
	height:53px;
	background:url(../images/b_p2_element02c.png) no-repeat;
	position:absolute;
	top:480px;
	left:340px;
	}

.b_p2_element03{
	position:absolute;
	left: 115px;
	top: 250px;
	}
.b_p2_element03a{
	width:312px;
	height:108px;
	background:url(../images/b_p02_iphone03.png) no-repeat;
	position:absolute;
	left:-100px;/*-50*/
	opacity:0;
	}
.b_p2_element03b{
	width:365px;
	height:122px;
	background:url(../images/b_p02_iphone04.png) no-repeat;
	position:absolute;
	top:60px;
	left:0px;
	opacity:0;
	}
	
/**/
#b_section3{
	height:758px;
	background: url(../images/b_p3_bg.png) repeat-x;
	background-color:#f4f4f4;}
.b_p3_word{
	width:700px;
	height:134px;
	background:url(../images/p05_applogo_b.png) no-repeat;
	position:absolute;
	top:170px;
	left:55px;
	}
.b_p3_word h1{
	line-height:134px;
	padding-left:150px;
	display:block;
	}
.b_p3_element{
	position:absolute;
	top:160px;}
.b_p3_element01{
	width:133px;
	height:133px;
	background:url(../images/p05_QRcode02.png) no-repeat;
	}
.b_p3_element01 h2{
	text-align:center;
	padding-top:140px;
	font-size:1.5em;
	}
.b_p3_element02{
	position:absolute;
	top:0px;
	left:150px;
	}
.b_p3_element03{
	position: absolute;
	top:180px;
	left:450px;}
.b_p3_element03a{
	width:185px;
	height:152px;
	background:url(../images/b_p3_element01.png) no-repeat;
	position:absolute;
	top:0px;
	left:172px;/*105+57*/
	opacity:0;
	}
.b_p3_element03b{
	width:190px;
	height:196px;
	background:url(../images/b_p3_element02.png) no-repeat;
	position:absolute;
	top:190px;
	left:0px;
	opacity:0;
	}
.b_p3_element03c{
	width:163px;
	height:196px;
	background:url(../images/b_p3_element03.png) no-repeat;
	position:absolute;
	top:190px;
	left:310px;
	opacity:0;
	}

.b_p3_element03f{
	width:300px;
	height:300px;
	position:absolute;
	top:80px;
	left:115px;
	opacity:0;
	}
.b_p3_element03d{
	width:300px;
	height:300px;
	background:url(../images/b_p3_element05.png) no-repeat;
	position:absolute;
	top:0px;
	
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
	}
.b_p3_element03e{
	width:300px;
	height:300px;
	background:url(../images/b_p3_element06.png) no-repeat;
	position:absolute;
	top:0px;
	
	-webkit-transform:rotate(-360deg);
	-moz-transform:rotate(-360deg);
	-o-transform:rotate(-360deg);
	-ms-transform:rotate(-360deg);
	transform:rotate(-360deg);
	}

.work_p05 {
	width:100%;
	overflow:hidden;
	background-color:#f0f0f0;
}
.work_p05 .box_work_p05{
	width:1070px;
	height:710px;
	margin:0 auto;
	background:url(../images/work05_bg.gif) center no-repeat;
}
	
.p5_word{
	position:relative;
	padding:215px 0px 0px 0px ;
	opacity:1;
	}
.p5_word h1,.p5_word h2{color:#000;}
.p5_word h1 {font-size:2em}
.p5_word h2 {font-size:1em}

.bs_p04 {
	width:100%;
	overflow:hidden;
	background-color:#fff;
}
.bs_p04 .box_bs_p04{
	width:1070px;
	height:710px;
	margin:0 auto;
	background:url(../images/bs04_bg.gif) center no-repeat;
}
	
.p7_word{
	position:relative;
	padding:215px 0px 0px 0px ;
	opacity:1;
	}
.p7_word h1,.p7_word h2{color:#000;}
.p7_word h1 {font-size:2em}
.p7_word h2 {font-size:1em}

.plus {
	width:931px;
	height:500px;
	background:url(../images/bs01_bg.png) no-repeat bottom center;
	background-size:931px 427px;
	margin:0 auto;
}


.movie_yes123{
	width:931px;
	height: 466px;
	margin:0 auto;
	background-color:#EBEBEB;
	margin-top:-5px;
	}
.movie_box {
	width:100%;
	overflow:hidden;
}
.movie_box h3{
	display:block;
	font-size:21px;
	margin:0 auto;
}
.border_dot {
	border-right:1px dotted #C8C8C8;
}