@charset "utf-8";
/* CSS Document */
body{ margin:0 auto; font-family:Sylfaen; width:100%; height:auto; overflow-x:hidden;}
.top_s{ display:none;}
h1{ font-size:96%;}
#choice{ display:none;}
#choice ul{ display:none;}
#choice ul li{ display:none;}
.top{ display:block;width:100%; height:auto; position:relative; z-index:999;}
.logo{float:left; width:196px; height:196px;border-radius:200px;background-color:#F00; margin-top:-20px; margin-left:5%; background-image: url(images/logo.png); background-repeat:no-repeat; background-position:center;}
.menu{float:right; margin-right:18%;width:auto; height:auto; margin-top:28px;font-weight:600; font-size:96%;}
.menu ul li{ float:left; margin-left:60px;list-style:none;}
.menu li a:link{ text-decoration:none; color:#666;}
.r{
	width:3px;
	height:3px;
	border-radius:5px;
	background-color:#F00;
	margin-bottom:1px;

}
.r2{
	width:3px;
	height:3px;
	border-radius:5px;
	background-color:#F00;
	margin-bottom:1px;
	margin-left:4px;
	
}
.bigr{
	width:10px;
	height:12px;
	float:right;
	margin-top:5px;
	margin-left:5px;
}
.banner,.banner2,.work_banner,.index_banner{
	width:100%;
	margin-top:-90px;
	position: relative;
}
.banner{max-height:420px;}
.index_banner{ 
	height:780px;
	opacity:0;
	/*動態godown*/
	animation:indexshow 1s;
	-moz-animation:indexshow 1s; /* Firefox */
	-webkit-animation:indexshow 1s; /* Safari and Chrome */
	-o-animation:indexshow 1s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:1;
	/*延遲執行動畫0s*/
	animation-delay:0s;
	/*畫面停留最後forwards*/
	animation-fill-mode:forwards;
}
.work_banner{ width:100%; height:440px; background-image:url(images/bannerline.jpg);
background-repeat:repeat-x;}
.banner3,.banner4{
	width:100%;
	margin-top:90px;
	position: relative;
}
.banner img{
	width:100%;
	height:auto;
}
.banner2 img{
	width:100%;
	height:auto;
}
.banner3 img{
	width:100%;
	height:auto;
}
.banner4 img{
	width:100%;
	height:auto;
}
.content{
	width:80%;
	height: auto;
	border:1px #DEDEDE solid;
	background-color:#FFF;
	margin:0 auto;
	margin-top:-65px;
	margin-bottom:20px;
	position: relative;
	padding-bottom:20px;	
}
.content_work{
	width:80%;
	height: auto;
	background-color:#FFF;
	margin:0 auto;
	margin-bottom:20px;
	position: relative;
	padding-bottom:20px;	
}
.box{
	width:98%;
	height: auto;
	border:1px #DEDEDE solid;
	background-color:#FFF;
	margin:0 auto;
	position: relative;
	margin-top:-20px;
}
.boxTitle{
	width:300px;
	margin:0 auto;
	margin-top:60px;
	text-align:center;
	font-size:25px;
	position:relative;
	letter-spacing:10px;
	font-family:Sylfaen,微軟正黑體;
	padding-bottom:15px;
	border-bottom:#000 1px solid;
}
.boxTitle_clients{
	width: 150px;
	/* margin:0 auto; */
	margin-top:-5px;
	text-align:center;
	font-size:22px;
	position:relative;
	letter-spacing:2px;
	font-family:Sylfaen,微軟正黑體;
	/* padding-bottom:5px; */
	/* padding-top:33px; */
	/* border-top: #000 .5px solid; */
	margin-bottom:20px;
	margin-bottom: 30px;
	/* height: 40px; */
	/* line-height: 40px; */
	padding-top: 50px;
	border-bottom: 1px solid;
}
.boxTitle_clients2{
	width: 150px;
	/* margin:0 auto; */
	margin-top:-5px;
	text-align:center;
	font-size:22px;
	position:relative;
	letter-spacing:2px;
	font-family:Sylfaen,微軟正黑體;
	/* padding-bottom:5px; */
	/* padding-top:33px; */
	/* border-top: #000 .5px solid; */
	margin-bottom:20px;
	margin-bottom: 30px;
	/* height: 40px; */
	/* line-height: 40px; */
	padding-top: 50px;
	border-bottom: 1px solid;
}
.boxTitle_clients2 ul li:nth-child(1){ display:block;}
.boxTitle_clients2 ul li:nth-child(2){ display: none;}
.boxTitle_clients2 ul li:nth-child(3){ display: none;}
.boxTitle_clients2 ul li:nth-child(4){ display: none;}
.boxText{
	width:45%;
	height:auto;
	font-size:16px;
	position:relative;
	margin:0 auto;
	padding-top: 3%;
	margin-bottom:7%;
	color:#5e5a5a;
	line-height:40px;
	letter-spacing:1px;
	text-align:justify;
	font-family:微軟正黑體;
	background-color: #FFF;
}
.boxText2{
	width:60%;
	height:auto;
	font-size:16px;
	position:relative;
	margin:0 auto;
	margin-top:3%;
	margin-bottom:7%;
	color:#5e5a5a;
	line-height:40px;
	letter-spacing:1px;
	text-align:justify;
	font-family:微軟正黑體;
}

.boxText2_about{
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto;
	margin-top:3%;
	color:#5e5a5a;
	text-align:justify;
	font-family:微軟正黑體;	
}
.aboutfont1{
	width:60%;
	margin:0 auto;
	line-height:40px;
	letter-spacing:1px;
	font-size:16px;
	padding-bottom:60PX;
}
.aboutfont2{
	width:100%;
	background-image:url(images/bgline.jpg);
	height:auto;
	padding:64px 0;
}
.aboutfont3{
	position:relative;
	width:65%;
	box-shadow:5px 9px 30px 5px #e7e4e4;
	background-color:#FFF;
	margin:0 auto;
	padding:5% 7% 7% 7%;
	line-height:40px;
}
.aboutfont3 ul{list-style-type:square; margin-left:1.5em;font-size:16px;line-height:22px;}
.aboutbigtitle{
	position:absolute;
	font-family:Sylfaen;
	font-size:45px;
	margin-left:55%;
	margin-top:-30px;
	z-index:809;
}
.aboutname{
	font-size:16px;
	line-height:56px;
	font-weight:800;
	letter-spacing:3px;
	height:56px;
	width:auto;
	float:left;
	margin-right:18px;
}
.aboutfont4{
	width:100%;
	background-image:url(images/leader.jpg);
	background-repeat:no-repeat;
	min-height:585px;
	height:auto;
	padding:64px 0;
}
.aboutfont5{
	width:51%;
	background-color:#FFF;
	margin-left:37%;
	padding:150px 5% 121px 5%;
	box-shadow:5px 9px 30px 5px #e7e4e4;
	line-height:30px;
	letter-spacing:1px;
	font-size:16px;
}
.t2{
	position:absolute;
	color:#272727;
	font-size:30px;
	font-family:微軟正黑體;
	left:15%;
	top:45%;
	letter-spacing:8px;
}
.work_title{ font-size:46px; font-family:Sylfaen; width:170px; height:auto; border-bottom:1px solid #000; margin:0 auto; letter-spacing:5px;padding-top:50px;position:relative; z-index:901;}
.work_title_s{ font-size:16px;  width:180px; height:auto; margin:0 auto; letter-spacing:5px;font-family:微軟正黑體; text-align:center; padding-top:10px; position:relative; z-index:901;}
.t2b{
	width:700px;
	position:absolute;
	color:#FFF;
	font-size:32px;
	font-family:微軟正黑體;
	left:10%;
	top:45%;
	letter-spacing:15px;
	text-shadow: 0.1em 0.1em 0.05em #333;
}
.t2c{
	position:absolute;
	color:#272727;
	font-size:30px;
	font-family:微軟正黑體;
	left:30%;
	top:45%;
	letter-spacing:8px;
}
.t1{
	position:absolute;
	color:#272727;
	font-size:22px;
	font-family:Sylfaen;
	left:-20px;
	top:35%;
	letter-spacing:8px;
}
.t1b{
	position:absolute;
	color:#FFF;
	font-size:22px;
	font-family:Sylfaen;
	left:-20px;
	top:35%;
	letter-spacing:8px;
	text-shadow: 0.1em 0.1em 0.05em #333;
}
.t1c{
	position:absolute;
	color:#272727;
	font-size:22px;
	font-family:Sylfaen;
	left:-20px;
	top:35%;
	letter-spacing:8px;
}
.t_round{
	position:absolute;
	
}
.round1{
	position:absolute;
	width:400px;
	height:400px;
	border-radius:400px;
	border:.5px #ff6565 solid;
	left:50%;
	top:2%;
	margin-left:-200px;
}
.round1 ul{width:400px;
	height:400px;
	/*動態godown*/
	animation:runround 20s;
	-moz-animation:runround 20s; /* Firefox */
	-webkit-animation:runround 20s; /* Safari and Chrome */
	-o-animation:runround 20s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
	/*延遲執行動畫3s*/
	animation-delay:.2s;
	
}
.round_index{
	position:absolute;
	width:500px;
	height:500px;
	border-radius:50%;
	border:.5px #ff5656 solid;
	left:50%;
	top:120px;
	margin-left:-250px;
}
.round_index{
	/*動態godown*/
	animation:runround 20s;
	-moz-animation:runround 20s; /* Firefox */
	-webkit-animation:runround 20s; /* Safari and Chrome */
	-o-animation:runround 20s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
	/*延遲執行動畫3s*/
	animation-delay:.2s;
}
.round_index ul li{
	background-color:#F00; 
	border-radius:50%; 
	position: absolute;
	opacity:0;/*透明0*/
	/*動態godown*/
	animation:run 1s;
	-moz-animation:run 1s; /* Firefox */
	-webkit-animation:run 1s; /* Safari and Chrome */
	-o-animation:run 1s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
}
.round_index ul li:nth-child(1){
	 margin:202px 0 0 462px;width:4px; height:4px;animation-delay:0.2s;}
.round_index ul li:nth-child(2){
	 margin:198px 0 0 516px;width:5px; height:5px;animation-delay:0.5s;}
.round_index ul li:nth-child(3){
	 margin:209px 0 0 548px;width:3px; height:3px;animation-delay:0.7s;}
.round_index ul li:nth-child(4){
	 margin:240px 0 0 511px;width:5px; height:5px;animation-delay:1s;}
.round_index ul li:nth-child(5){
	 margin:258px 0 0 488px;width:7px; height:7px;animation-delay:1.2s;}
.round_index ul li:nth-child(6){
	 margin:269px 0 0 464px;width:6px; height:6px;animation-delay:1.4s;}
.round_index ul li:nth-child(7){
	 margin:275px 0 0 504px;width:9px; height:9px;animation-delay:2s;}
.round_index ul li:nth-child(8){
	 margin:291px 0 0 491px;width:4px; height:4px;animation-delay:2.1s;}
.round_index ul li:nth-child(9){
	 margin:298px 0 0 466px;width:4px; height:4px;animation-delay:2.5s;}
.round_index ul li:nth-child(10){
	 margin:307px 0 0 462px;width:3px; height:3px;animation-delay:2.9s;}
.round_index ul li:nth-child(11){
	 margin:325px 0 0 481px;width:9px; height:9px;animation-delay:3s;}
.round_index ul li:nth-child(12){
	 margin:330px 0 0 460px;width:7px; height:7px;animation-delay:3.2s;}
.round_index ul li:nth-child(13){
	 margin:339px 0 0 476px;width:7.2px; height:7.2px;animation-delay:3.3s;}
.round_index ul li:nth-child(14){
	 margin:341px 0 0 493px;width:4px; height:4px;animation-delay:3.4s;}
.round_index ul li:nth-child(15){
	 margin:347px 0 0 460px;width:3px; height:3px;animation-delay:4s;}
.round_index ul li:nth-child(16){
	 margin:368px 0 0 447px;width:7px; height:7px;animation-delay:4.2s;}
.round_index ul li:nth-child(17){
	 margin:383px 0 0 470px;width:5px; height:5px;animation-delay:4.6s;}
.round_index ul li:nth-child(18){
	 margin:390px 0 0 455px;width:4.5px; height:4.5px;animation-delay:4.7s;}
.round_index ul li:nth-child(19){
	 margin:402px 0 0 421px;width:5px; height:5px;animation-delay:4.9s;}
.round_index ul li:nth-child(20){
	 margin:398px 0 0 527px;width:3px; height:3px;animation-delay:5.3s;}
.round_index ul li:nth-child(21){
	 margin:414px 0 0 506px;width:3.2px; height:3.2px;animation-delay:5.2s;}
.round_index ul li:nth-child(22){
	 margin:429px 0 0 458px;width:7px; height:7px;animation-delay:5.4s;}
.round_index ul li:nth-child(23){
	 margin:442px 0 0 420px;width:3px; height:3px;animation-delay:5.5s;}
.round_index ul li:nth-child(24){
	 margin:456px 0 0 448px;width:4px; height:4px;animation-delay:6s;}
.round_index ul li:nth-child(25){
	 margin:468px 0 0 390px;width:7px; height:7px;animation-delay:6.2s;}
.round_index ul li:nth-child(26){
	 margin:473px 0 0 442px;width:6px; height:6px;animation-delay:6.5s;}

.round_index ul li:nth-child(27){
	 margin:347px 0 0 17px;width:3px; height:3px;animation-delay:0.1s;}
.round_index ul li:nth-child(28){
	 margin:368px 0 0 25px;width:7px; height:7px;animation-delay:0.5s;}
.round_index ul li:nth-child(29){
	 margin:383px 0 0 90px;width:5px; height:5px;animation-delay:0.3s;}
.round_index ul li:nth-child(30){
	 margin:390px 0 0 75px;width:4.5px; height:4.5px;animation-delay:0.4s;}
.round_index ul li:nth-child(31){
	 margin:402px 0 0 41px;width:5px; height:5px;animation-delay:0.5s;}
.round_index ul li:nth-child(32){
	 margin:398px 0 0 147px;width:3px; height:3px;animation-delay:0.6s;}
.round_index ul li:nth-child(33){
	 margin:414px 0 0 126px;width:3.2px; height:3.2px;animation-delay:0.7s;}
.round_index ul li:nth-child(34){
	 margin:429px 0 0 78px;width:7px; height:7px;animation-delay:0.8s;}
.round_index ul li:nth-child(35){
	 margin:442px 0 0 40px;width:3px; height:3px;animation-delay:1s;}
.round_index ul li:nth-child(36){
	 margin:456px 0 0 68px;width:4px; height:4px;animation-delay:1.2s;}
.round_index ul li:nth-child(37){
	 margin:468px 0 0 108px;width:7px; height:7px;animation-delay:1.5s;}

.round_index ul li:nth-child(38){
	 margin:33px 0 0 134px;width:6px; height:6px;animation-delay:0.1s;}
.round_index ul li:nth-child(39){
	 margin:31px 0 0 132px;width:9px; height:9px;animation-delay:0.3s;}
.round_index ul li:nth-child(40){
	 margin:40px 0 0 142px;width:4px; height:4px;animation-delay:0.5s;}
.round_index ul li:nth-child(41){
	 margin:43px 0 0 112px;width:4px; height:4px;animation-delay:1s;}
.round_index ul li:nth-child(42){
	 margin:59px 0 0 101px;width:3px; height:3px;animation-delay:1.5s;}
.round_index ul li:nth-child(43){
	 margin:65px 0 0 80px;width:9px; height:9px;animation-delay:1.6s;}
.round_index ul li:nth-child(44){
	 margin:73px 0 0 108px;width:7px; height:7px;animation-delay:1.8s;}
.round_index ul li:nth-child(45){
	 margin:85px 0 0 82px;width:7.2px; height:7.2px;animation-delay:1.9s;}
.round_index ul li:nth-child(46){
	 margin:85px 0 0 54px;width:4px; height:4px;animation-delay:2.1s;}
.round_index ul li:nth-child(47){
	 margin:102px 0 0 53px;width:3px; height:3px;animation-delay:2.2s;}
.round_index ul li:nth-child(48){
	 margin:120px 0 0 40px;width:7px; height:7px;animation-delay:2.5s;}
.round_index ul li:nth-child(49){
	 margin:147px 0 0 44px;width:5px; height:5px;animation-delay:2.6s;}
.round_index ul li:nth-child(50){
	 margin:154px 0 0 11px;width:4.5px; height:4.5px;animation-delay:2.7s;}

.round_index ul li:nth-child(51){
	 margin:183px 0 0 29px;width:6px; height:6px;animation-delay:2.8s;}
.round_index ul li:nth-child(52){
	 margin:34px 0 0 149px;width:4px; height:4px;animation-delay:2.9s;}
.round_index ul li:nth-child(53){
	 margin:203px 0 0 5px;width:4px; height:4px;animation-delay:3.1s;}
.round_index ul li:nth-child(57){
	 margin:202px 0 0 -43px;width:9px; height:9px;animation-delay:3.2s;}
.round_index ul li:nth-child(55){
	 margin:227px 0 0 16px;width:7px; height:7px;animation-delay:3.5s;}
.round_index ul li:nth-child(56){
	 margin:234px 0 0 -15px;width:7px; height:7px;animation-delay:3.6s;}
.round_index ul li:nth-child(57){
	 margin:266px 0 0 2px;width:6px; height:6px;animation-delay:3.7s;}
	 
.boxSAll{ width: 100%; height:auto; margin:0 auto; position:relative; text-align:center;}
.boxSAlla{ width: 100%; height:auto; margin:0 auto; position:relative; text-align:center;}
.boxSAllb{ display:none;}
.boxS{
	margin-right:3%;
	margin-top:3px;
}
.boxS ul li{display:inline;}
.boxS,.boxS2{
	width:30%;
	height:auto;
	position:relative;
	display:inline-block;
	padding-bottom:20px;
}
.plan,.best,.analysis{
	color:#FFF;
	width:118px;
	height:42px;
	position:absolute;
	margin:0 auto;
	line-height:42px;
	font-size:18px;
	z-index:997;
	top:-3%;
	left:-5%;
}
.plantext,.besttext,.analysistext{
	font-size:27px;
	font-family:微軟正黑體;
	font-weight:bold;
	letter-spacing:5px;
	color:#eb6877;
	margin-top:20px;
}
.intext{ font-size:18px; 
		 font-family:微軟正黑體;
		 text-align:left;
		 width:auto;
		 margin-left:25%;
}
.moretext{
	font-size:19px;
	color:#757575;
	margin-bottom:20px;
}
.plantext{color:#eb6877;}
.besttext{color:#ea68a2;}
.analysistext{color:#8f82bc;}
.plan{background-color:#eb6877;}
.best{background-color:#ea68a2;}
.analysis{background-color:#8f82bc;}
.enterbt{ 
	width:300px; 
	height:60px; 
	border:#CCC 1px solid;
	line-height:60px;
	margin:0 auto;
	text-align:center;
	color:#333;
	font-family:微軟正黑體;
	font-size:18px;
	letter-spacing:5px;
	margin-top:90px;
	margin-bottom:50px;
}
.enterbt:hover{
	/*動態changebg*/
	animation:changebg .8s;
	-moz-animation:changebg .8s; /* Firefox */
	-webkit-animation:changebg .8s; /* Safari and Chrome */
	-o-animation:changebg .8s; /* Opera */
	animation-fill-mode:forwards;/*畫面停留最後*/
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;	
}
a{text-decoration:none; color:#666;}
.connection{
	width:100%;
	height:481px;
	background-color:#f1eef0;
	margin-top:110px;
	
}
.connection_clients{
	width:100%;
	height:481px;
	background-color:#f1eef0;
	margin-top:0;
	
}
.connectionLeft{
	width:50%;
	height:481px;
	background-image:url(images/logopic.jpg);
	background-repeat:no-repeat;
	background-position:center;
	opacity:.6;
	display:inline-block;
	position:relative;
}
.connectionright{
	width:37%;
	display:inline-block;
	position: absolute;
	padding-left:13%;
	padding-top:120px;
}
.getin{
	width:234px;
	font-size:24px;
	letter-spacing:5px;
	color:#404040;
	font-family:Sylfaen;
	position: relative;
	margin-left:44%;
	margin-top:-255px;
	border-bottom:1px #666666 solid;
	padding-bottom:15px;
	text-align:center;
	
}
.info{
	width:408px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:16px;
	letter-spacing:2px;
	color: #666;
	font-family:微軟正黑體;
}

.contactus{
	width:408px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:15px;
	color: #666;
	border:#999 1px solid;
	margin-bottom:50px;
}
.contactus:hover{
	/*動態changebg*/
	animation:changebg .8s;
	-moz-animation:changebg .8s; /* Firefox */
	-webkit-animation:changebg .8s; /* Safari and Chrome */
	-o-animation:changebg .8s; /* Opera */
	animation-fill-mode:forwards;/*畫面停留最後*/
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;	
}
.fb{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:30px;
	height:30px;
	border-radius:30px;
	border:1px #999 solid;
	font-size:18px;
	text-align:center;
	line-height:30px;
	margin-top:-26px;
	margin-left:112px;
}
.fb:hover{
	/*動態changebg*/
	animation:changebgblue .8s;
	-moz-animation:changebgblue .8s; /* Firefox */
	-webkit-animation:changebgblue .8s; /* Safari and Chrome */
	-o-animation:changebgblue .8s; /* Opera */
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;	
}
.who{
	width:100%;
	height:480px;
	background-color:#FFF;
	position:relative;
}

.round2{
	width:400px;
	height:400px;
	border-radius:400px;
	border:.5px #ff6565 solid;
	margin:0 auto;
	margin-top:100px;
}
.whowearebt{
	width:306px;
	height:40px;
	background-color:#F00;
	color:#FFF;
	font-family:微軟正黑體;
	font-size:18px;
	text-align:center;
	line-height:40px;
	letter-spacing:5px;
	margin-top:-200px;
	margin-left:45%;
}
.whowearebt:hover{ background-color:#C00;}
.whotitle{
	font-size:27px;
	color: #333;
	letter-spacing:10px;
	margin-left:36%;
	margin-top:-100px;
}
.about{ width:895px; margin:auto 0; left:50%; margin-left:-448px; position: relative;}
.plight{ line-height:30px;font-family:微軟正黑體;}
.footer{width:100%; height:auto; padding:10px 0; background-color:#F00;
text-align:center; font-size:.5em; color:#FFF; position:relative;}
.clear-fix{overflow:hidden;zoom:1;}
.clear-fix:after{display:table;content=""; width:0;clear:both;}
.listpic{ width: auto; margin-top:20px;}
.listpic2{ width: auto; margin-top:30px; margin-left:30px;}
.listpic3{ width: auto; margin-top:30px; margin-left:10px;}
.listpicAll{ width:50%; float:left;}
.workround{ width:100%; height:auto;position:relative;  margin-top:-160px;}
.workround img{ max-width:23%; margin-top:2%;}
.title_workA{ margin-left:-140px; margin-top:50px;}
.title_workA ,.title_workB{
	width:120px;
	 font-size:20px;
	position:relative;
	font-family:Sylfaen;
}
.title_workB{ padding:2px 20px;
	border-bottom:#000 1px solid;
	margin-left:-50px;}
.title_workC{
	font-size:24px;
	font-family:微軟正黑體;
	width:200px;
	letter-spacing:12px;
	margin-left:270px;
	color:#545454;
	margin-top:10px;
}
.round3,.round4{
	width:180px;
	height:180px;
	border-radius:200px;
	border:.5px #ff6565 solid;
}
.round3{ 
	margin-top:-100px;
	margin-left:260px;			
}
.round4{ 
	margin-top:-190px;
	margin-left:260px;			
}
.content_pic{
	width:80%;
	height: auto;
	/*background-color:#FFF;*/
	margin:0 auto;
	margin-bottom:20px;
	position: relative;
	padding-bottom:20px;
}
.a_all{ width:27%; min-height:360px; float:left; margin:0 3% 0 3%;}
.a_pic{width:100%; height:auto; padding:20px; background-color:#FFF;}
.a_pic_word{ 
	width:auto; 
	font-size:18px; 
	font-family:微軟正黑體; 
	margin:10px auto 10px 30px; 
	line-height:28px;
	text-align:left;
}
.a_pic img{background-color:#FFF;
/*-moz-box-shadow: 10px 20px 10px #d3d3d3;  老的 Firefox
box-shadow: 10px 20px 10px #d3d3d3; */}

.content_clients{
	width:100%;
	height: auto;
	background-color:#f8f8f8;
	margin:0 auto;
	position: relative;
	padding-bottom:100px;
	
}
.content_index{
	width:100%;
	height: auto;
	background-color:#ebebeb;
	margin:0 auto;
	position: relative;
	padding:90px 0;
	
}
.part2{
	width:100%; 
	min-height:1200px; 
	margin:0 auto;
	background-image:url(images/bgwork.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
#logoall{ width:auto; margin-top:25px; margin-bottom:15px; max-width:1200px;}
#logoall ul li{
	margin:0 5px;
	display:inline;
	line-height:2;
}
.bg{ width:100%;
	 height:720px;
	 background-color:#FFF;
	 margin-top:-380px;
}
.bgrun2 ul li{
	background-color:#F00; 
	border-radius:50%; 
	position: absolute;
	width:5px; 
	height:5px;
	opacity:0;/*透明0*/
	/*動態godown*/
	animation:runround2 5s;
	-moz-animation:runround2 5s; /* Firefox */
	-webkit-animation:runround2 5s; /* Safari and Chrome */
	-o-animation:runround2 3s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
}
.bgrun2 ul li:before{
	content: '';
	background-color:#F00; 
	border-radius:50%; 
	position: absolute;
	width:5px; 
	height:5px;
	margin-left:35px;	
}
.bgrun2 ul li:after{ width:40px; height:1px; background:#F00;content: '';
  position: absolute; margin-top:1.5px;}
.bgrun2 ul li:nth-child(1){
	 margin:120px 0 0 15%;animation-delay:0.1s;}
.bgrun2 ul li:nth-child(2){
	 margin:580px 0 0 25%;animation-delay:0.3s;}
.bgrun2 ul li:nth-child(3){
	 margin:650px 0 0 97%;animation-delay:0.5s;}
.bgrun2 ul li:nth-child(4){
	 margin:400px 0 0 4%;animation-delay:0.8s;}
.bgrun2 ul li:nth-child(5){
	 margin:20px 0 0 88%;animation-delay:1.2s;}
.bgrun2 ul li:nth-child(6){
	 margin:150px 0 0 75%;animation-delay:1.6s;}
.bgrun2 ul li:nth-child(7){
	 margin:340px 0 0 95%;animation-delay:2.1s;}
.bgrun2 ul li:nth-child(8){
	 margin:620px 0 0 76%;animation-delay:2.5s;}
.bgrun1 ul li{
	background-color:#F00; 
	border-radius:50%; 
	position: absolute;
	opacity:0;/*透明0*/
	/*動態godown*/
	animation:run 3s;
	-moz-animation:run 3s; /* Firefox */
	-webkit-animation:run 3s; /* Safari and Chrome */
	-o-animation:run 3s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
	
}
.bgrun1 ul li:nth-child(1){
	 margin:200px 0 0 5%;width:4px; height:4px;animation-delay:0.2s;}
.bgrun1 ul li:nth-child(2){
	 margin:170px 0 0 25%;width:3px; height:3px;animation-delay:0.5s;}
.bgrun1 ul li:nth-child(3){
	 margin:24% 0 0 80%;width:5px; height:5px;animation-delay:0.7s;}
.bgrun1 ul li:nth-child(4){
	 margin:120px 0 0 90%;width:7px; height:7px;animation-delay:0.9s;}
.bgrun1 ul li:nth-child(5){
	 margin:180px 0 0 88%;width:4px; height:4px;animation-delay:1.2s;}
.bgrun1 ul li:nth-child(6){
	 margin:10% 0 0 45%;width:5px; height:5px;animation-delay:1.5s;}
.bgrun1 ul li:nth-child(7){
	 margin:100px 0 0 68%;width:6px; height:6px;animation-delay:1.6s;}
.bgrun1 ul li:nth-child(8){
	 margin:80px 0 0 10%;width:5px; height:5px;animation-delay:2s;}
.bgrun1 ul li:nth-child(9){
	 margin:5% 0 0 18%;width:5px; height:5px;animation-delay:2.2s;}
.bgrun1 ul li:nth-child(10){
	 margin:28% 0 0 72%;width:7px; height:7px;animation-delay:2.1s;}

.bgrun1 ul li:nth-child(11){
	 margin:109px 0 0 28%;width:2px; height:2px;animation-delay:0.1s;}
.bgrun1 ul li:nth-child(12){
	 margin:120px 0 0 32%;width:4px; height:4px;animation-delay:0.4s;}
.bgrun1 ul li:nth-child(13){
	 margin:24% 0 0 74%;width:7px; height:7px;animation-delay:0.6s;}
.bgrun1 ul li:nth-child(14){
	 margin:210px 0 0 40%;width:5px; height:5px;animation-delay:1.1s;}
.bgrun1 ul li:nth-child(15){
	 margin:21% 0 0 22%;width:5px; height:5px;animation-delay:1.7s;}
.bgrun1 ul li:nth-child(16){
	 margin:18% 0 0 12%;width:5px; height:5px;animation-delay:2.3s;}
.bgrun1 ul li:nth-child(17){
	 margin:145px 0 0 35%;width:3px; height:3px;animation-delay:2.4s;}
.bgrun1 ul li:nth-child(18){
	 margin:70px 0 0 43%;width:5px; height:5px;animation-delay:2.5s;}
.bgrun1 ul li:nth-child(19){
	 margin:25% 0 0 18%;width:7px; height:7px;animation-delay:2.7s;}
.bgrun1 ul li:nth-child(20){
	 margin:28% 0 0 21%;width:5px; height:5px;animation-delay:2.9s;}

.bgrun1 ul li:nth-child(21){
	 margin:109px 0 0 88%;width:2px; height:2px;animation-delay:0.1s;}
.bgrun1 ul li:nth-child(22){
	 margin:120px 0 0 92%;width:4px; height:4px;animation-delay:0.4s;}
.bgrun1 ul li:nth-child(23){
	 margin:34% 0 0 72%;width:7px; height:7px;animation-delay:0.6s;}
.bgrun1 ul li:nth-child(24){
	 margin:210px 0 0 65%;width:5px; height:5px;animation-delay:1.1s;}
.bgrun1 ul li:nth-child(25){
	 margin:21% 0 0 81%;width:5px; height:5px;animation-delay:1.7s;}
.bgrun1 ul li:nth-child(26){
	 margin:18% 0 0 76%;width:5px; height:5px;animation-delay:2.3s;}
.bgrun1 ul li:nth-child(27){
	 margin:145px 0 0 69%;width:3px; height:3px;animation-delay:2.4s;}
.bgrun1 ul li:nth-child(28){
	 margin:70px 0 0 82%;width:5px; height:5px;animation-delay:2.5s;}
.bgrun1 ul li:nth-child(29){
	 margin:25% 0 0 84%;width:7px; height:7px;animation-delay:2.7s;}
.bgrun1 ul li:nth-child(30){
	 margin:12% 0 0 14%;width:5px; height:5px;animation-delay:2.9s;}
	 
.bgrun1 ul li:nth-child(31){
	 margin:139px 0 0 38%;width:2px; height:2px;}
.bgrun1 ul li:nth-child(32){
	 margin:140px 0 0 42%;width:4px; height:4px;animation-delay:0.2s;}
.bgrun1 ul li:nth-child(33){
	 margin:34% 0 0 12%;width:7px; height:7px;animation-delay:0.5s;}
.bgrun1 ul li:nth-child(34){
	 margin:230px 0 0 15%;width:5px; height:5px;animation-delay:0.7s;}
.bgrun1 ul li:nth-child(35){
	 margin:41% 0 0 31%;width:5px; height:5px;animation-delay:0.8s;}
.bgrun1 ul li:nth-child(36){
	 margin:28% 0 0 26%;width:5px; height:5px;animation-delay:0.9s;}
.bgrun1 ul li:nth-child(37){
	 margin:185px 0 0 19%;width:3px; height:3px;animation-delay:1.2s;}
.bgrun1 ul li:nth-child(38){
	 margin:190px 0 0 32%;width:5px; height:5px;animation-delay:1.4s;}
.bgrun1 ul li:nth-child(39){
	 margin:35% 0 0 34%;width:7px; height:7px;animation-delay:1.5s;}
.bgrun1 ul li:nth-child(40){
	 margin:22% 0 0 14%;width:5px; height:5px;animation-delay:1.8s;}

.coustomer{ 
		float:left;
		padding-left:10px;
		margin-right:95px;
		font-size:15px; 
		font-family:微軟正黑體;
		line-height:30px;
}
.coustomer li:nth-child(1){ 
		font-size:16px; 
		font-weight:bold; 
		font-family:微軟正黑體;
		margin-top:25px;
		margin-left:-12px;
		letter-spacing:6px;
}
.boxlogo{ width:auto; margin-left:30%;}
.title_word{
	font-size:20px; 
	font-family:Sylfaen; 
	color:#F00; 
	background-image:url(images/w.jpg); 
	background-size:174px 26px; 
	background-repeat:no-repeat; 
	text-align:center; 
	background-position:center; 
	letter-spacing:5px; 
	width:174px; 
	height:146px; 
	line-height:146px;
	position:relative;
	left:20%;
	margin-left:-87px;
	float:left;
}
.title_word2{
	font-size:20px; 
	font-family:Sylfaen; 
	color:#F00; 
	background-image:url(images/w.jpg); 
	background-size:174px 26px; 
	background-repeat:no-repeat; 
	text-align:center; 
	background-position:center; 
	letter-spacing:5px; 
	width:174px; 
	height:146px; 
	line-height:146px;
	position:relative;
	margin-top:155px;
}
.indexpart2{
	width:80%;
	position:relative;
	left:50%;
	margin-left:-35%;
	padding-top:10px;
}
.title_round{
	width:146px; 
	height:146px; 
	border-radius:200px;
	border:solid 0.5px #FF0000;
	margin:-146px 0 0 14px;
}
.indexword{
	font-family:微軟正黑體;
	font-size: 16px;
	line-height:32px;
	color: #666;
	margin-left: 25%;
	padding:25px 50px;
	margin-top: -120px;
	background-image:url(images/ww.png);
	background-repeat:no-repeat;
	max-width:650px;
}
.product{
	width:1200px;
	margin-top:20px;
	margin-left:-600px;
	left:50%;
	position:relative;
	padding-bottom:60px;
}
.product img{margin:0 20px 35px 0; }
.point{
	width:146px;
	height:146px;
	position:relative;
	margin-top:-146px;
	margin-left:14px;
	/*動態godown*/
	animation:runround 20s;
	-moz-animation:runround 20s; /* Firefox */
	-webkit-animation:runround 20s; /* Safari and Chrome */
	-o-animation:runround 20s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
	/*延遲執行動畫3s*/
	animation-delay:.2s;
	
}
.point ul li{ 
	width:5px; 
	height:5px; 
	background-color:#F00; 
	border-radius:50%; 
	position: absolute;
	opacity:0;/*透明0*/
	/*動態godown*/
	animation:run 1s;
	-moz-animation:run 1s; /* Firefox */
	-webkit-animation:run 1s; /* Safari and Chrome */
	-o-animation:run 1s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
}
.point ul li:nth-child(1){ margin:100px 0 0 10px;animation-delay:0.5s;}
.point ul li:nth-child(2){ margin:110px 0 0 20px;width:3px; height:3px;animation-delay:1.7s;}
.point ul li:nth-child(3){ margin:110px 0 0 -5px;animation-delay:1.6s;}
.point ul li:nth-child(4){ margin:135px 0 0 20px;animation-delay:2.7s;}
.point ul li:nth-child(5){ margin:90px 0 0 -5px;animation-delay:2.2s;}
.point ul li:nth-child(6){ margin:120px 0 0 38px;animation-delay:3s;}
.point ul li:nth-child(7){ margin:120px 0 0 12px;width:3px; height:3px;animation-delay:0s;}
.point ul li:nth-child(8){ margin:152px 0 0 45px;width:3px; height:3px;animation-delay:4s;}
.logo_runpic{}

.round2 ul li{
	background-color:#F00; 
	border-radius:50%; 
	position: absolute;
	opacity:0;/*透明0*/
	/*動態godown*/
	animation:run 1s;
	-moz-animation:run 1s; /* Firefox */
	-webkit-animation:run 1s; /* Safari and Chrome */
	-o-animation:run 1s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
}
.round2 ul li:nth-child(1){
	 margin:68px 0 0 360px;width:5px; height:5px;animation-delay:0.2s;}
.round2 ul li:nth-child(2){
	 margin:72px 0 0 378px;width:6.3px; height:6.3px;animation-delay:1s;}
.round2 ul li:nth-child(3){ 
	 margin:85px 0 0 374px;width:3px; height:3px;animation-delay:1.5s;}
.round2 ul li:nth-child(4){
	 margin:85px 0 0 350px;width:4.2px; height:4.2px;animation-delay:1.7s;}
.round2 ul li:nth-child(5){
	 margin:101px 0 0 362px;width:5.8px; height:5.8px;animation-delay:2.2s;}
.round2 ul li:nth-child(6){
	 margin:106px 0 0 426px;width:8.5px; height:8.5px;animation-delay:3s;}
.round2 ul li:nth-child(7){
	 margin:111px 0 0 384px;width:6.2px; height:6.2px;animation-delay:3.2s;}
.round2 ul li:nth-child(8){
	 margin:122px 0 0 372px;width:5.4px; height:5.4px;animation-delay:3.5s;}
.round2 ul li:nth-child(9){
	 margin:130px 0 0 382px;width:2.2px; height:2.2px;animation-delay:4s;}
.round2 ul li:nth-child(10){
	 margin:146px 0 0 380px;width:5.4px; height:5.4px;animation-delay:4.2s;}

.round2 ul li:nth-child(11){
	 margin:224px 0 0 10px;width:4.4px; height:4.4px;animation-delay:0s;}
.round2 ul li:nth-child(12){
	 margin:250px 0 0 -22px;width:5.3px; height:5.3px;animation-delay:0.2s;}
.round2 ul li:nth-child(13){ 
	 margin:300px 0 0 -40px;width:4px; height:4px;animation-delay:0.5s;}
.round2 ul li:nth-child(14){
	 margin:300px 0 0 25px;width:7px; height:7px;animation-delay:1.2s;}
.round2 ul li:nth-child(15){
	 margin:295px 0 0 47px;width:8.5px; height:8.5px;animation-delay:1.7s;}
.round2 ul li:nth-child(16){
	 margin:328px 0 0 28px;width:5.7px; height:5.7px;animation-delay:2.2s;}
.round2 ul li:nth-child(17){
	 margin:311px 0 0 61px;width:4px; height:4px;animation-delay:2.5s;}
.round2 ul li:nth-child(18){
	 margin:337px 0 0 84px;width:8.5px; height:8.5px;animation-delay:2.6s;}
.round2 ul li:nth-child(19){
	 margin:358px 0 0 79px;width:7.2px; height:7.2px;animation-delay:3s;}
.round2 ul li:nth-child(20){
	 margin:347px 0 0 96px;width:7.1px; height:7.1px;animation-delay:3.2s;}
.round2 ul li:nth-child(21){
	 margin:327px 0 0 105px;width:4px; height:4px;animation-delay:3.2s;}
.round2 ul li:nth-child(22){
	 margin:384px 0 0 108px;width:7px; height:7px;animation-delay:2.6s;}
.round2 ul li:nth-child(23){
	 margin:369px 0 0 133px;width:5.3px; height:5.3px;animation-delay:3s;}
.round2 ul li:nth-child(24){
	 margin:383px 0 0 135px;width:5px; height:5px;animation-delay:3.2s;}
.round2 ul li:nth-child(25){
	 margin:422px 0 0 128px;width:4.6px; height:4.6px;animation-delay:3.5s;}

.round1 ul li{
	background-color:#F00; 
	border-radius:50%; 
	position: absolute;
	opacity:0;/*透明0*/
	/*動態godown*/
	animation:run 1s;
	-moz-animation:run 1s; /* Firefox */
	-webkit-animation:run 1s; /* Safari and Chrome */
	-o-animation:run 1s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
}
.round1 ul li:nth-child(1){
	 margin:68px 0 0 360px;width:5px; height:5px;animation-delay:0s;}
.round1 ul li:nth-child(2){
	 margin:72px 0 0 378px;width:6.3px; height:6.3px;animation-delay:0.1s;}
.round1 ul li:nth-child(3){ 
	 margin:85px 0 0 374px;width:3px; height:3px;animation-delay:0.3s;}
.round1 ul li:nth-child(4){
	 margin:85px 0 0 350px;width:4.2px; height:4.2px;animation-delay:0.5s;}
.round1 ul li:nth-child(5){
	 margin:101px 0 0 362px;width:5.8px; height:5.8px;animation-delay:0.7s;}
.round1 ul li:nth-child(6){
	 margin:186px 0 0 406px;width:8.5px; height:8.5px;animation-delay:0.8s;}
.round1 ul li:nth-child(7){
	 margin:111px 0 0 384px;width:6.2px; height:6.2px;animation-delay:0.9s;}
.round1 ul li:nth-child(8){
	 margin:122px 0 0 372px;width:5.4px; height:5.4px;animation-delay:1.1s;}
.round1 ul li:nth-child(9){
	 margin:130px 0 0 382px;width:2.2px; height:2.2px;animation-delay:1.6s;}
.round1 ul li:nth-child(10){
	 margin:146px 0 0 380px;width:5.4px; height:5.4px;animation-delay:1.7s;}

.round1 ul li:nth-child(11){
	 margin:224px 0 0 10px;width:4.4px; height:4.4px;animation-delay:0s;}
.round1 ul li:nth-child(12){
	 margin:250px 0 0 -22px;width:5.3px; height:5.3px;animation-delay:0.1s;}
.round1 ul li:nth-child(13){ 
	 margin:300px 0 0 -40px;width:4px; height:4px;animation-delay:0.2s;}
.round1 ul li:nth-child(14){
	 margin:300px 0 0 25px;width:7px; height:7px;animation-delay:0.3s;}
.round1 ul li:nth-child(15){
	 margin:295px 0 0 47px;width:8.5px; height:8.5px;animation-delay:0.4s;}
.round1 ul li:nth-child(16){
	 margin:328px 0 0 28px;width:5.7px; height:5.7px;animation-delay:0.5s;}
.round1 ul li:nth-child(17){
	 margin:311px 0 0 61px;width:4px; height:4px;animation-delay:0.6s;}
.round1 ul li:nth-child(18){
	 margin:337px 0 0 84px;width:8.5px; height:8.5px;animation-delay:0.7s;}
.round1 ul li:nth-child(19){
	 margin:358px 0 0 79px;width:7.2px; height:7.2px;animation-delay:0.8s;}
.round1 ul li:nth-child(20){
	 margin:347px 0 0 96px;width:7.1px; height:7.1px;animation-delay:0.9s;}
.round1 ul li:nth-child(21){
	 margin:327px 0 0 105px;width:4px; height:4px;animation-delay:1s;}
.round1 ul li:nth-child(22){
	 margin:384px 0 0 108px;width:7px; height:7px;animation-delay:1.2s;}
.round1 ul li:nth-child(23){
	 margin:369px 0 0 133px;width:5.3px; height:5.3px;animation-delay:1.3s;}
.round1 ul li:nth-child(24){
	 margin:383px 0 0 135px;width:5px; height:5px;animation-delay:1.5s;}
.round1 ul li:nth-child(25){
	 margin:422px 0 0 128px;width:4.6px; height:4.6px;animation-delay:2s;}
	 
.toucher{
	width:auto;
	height:auto;
	font-size:25px; 
	font-family:微軟正黑體; 
	color:#444444; 
	letter-spacing:15px;
	text-align:center;
	padding-top:340px;
	padding-left:18px;
}
.toucher img{ 
	opacity:0;
	margin-left:-20px;
	/*動態godown*/
	animation:touchershow 1s;
	-moz-animation:touchershow 1s; /* Firefox */
	-webkit-animation:touchershow 1s; /* Safari and Chrome */
	-o-animation:touchershow 1s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:1;
	/*延遲執行動畫0s*/
	animation-delay:1s;
	/*畫面停留最後forwards*/
	animation-fill-mode:forwards;
}
.toucher p{
	opacity:0;
	/*動態godown*/
	animation:indexshow 1s;
	-moz-animation:indexshow 1s; /* Firefox */
	-webkit-animation:indexshow 1s; /* Safari and Chrome */
	-o-animation:indexshow 1s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:1;
	/*延遲執行動畫0s*/
	animation-delay:2s;
	/*畫面停留最後forwards*/
	animation-fill-mode:forwards;
}
.direction{
	width:1px;
	height:30px;
	background-color: #CCC;
	margin:auto 0;
	position:absolute;
	margin-left:-.5px;
	left:50%;
	margin-top:240px;
	opacity:0;
	/*動態godown*/
	animation:bar 1.5s;
	-moz-animation:bar 1.5s; /* Firefox */
	-webkit-animation:bar 1.5s; /* Safari and Chrome */
	-o-animation:bar 1.5s; /* Opera */
	/*執行動畫的次數*/
	animation-iteration-count:infinite;
	/*延遲執行動畫0s*/
	animation-delay:5s;
	
	
}
.worklist{
	list-style-type:square;
	margin-left:22px;
}
.demolist{ width: 100%;
		   position: 
		   inline-block;
		   margin-top:-6px;
		   border-bottom: .5px solid #696969;
		   padding-top: 15px;
		   padding-bottom: 15px;
		   list-style-type: disc;
}
.demolist ul li{
	font-size:17px;
	font-family:微軟正黑體;
	display:inline;
	padding:2%;
}
.demolist ul a li:hover{
	background-color: #F00;
	color:#FFF;
}

@keyframes run{
0%   {
	
	transform:translate(1,1);
	animation-timing-function:linear;
	opacity:0;	
}

50% {
	
	transform:translate(-25px,-5px);
	opacity:1;
}
100%   {
	
	transform:translate(20px,-10px);
	animation-timing-function:linear;
	opacity:0;	
}

}

@keyframes runround{
0%   {	
	transform:none;
	animation-timing-function:linear;	
}

50% {	
	transform:rotate(180deg);
	animation-timing-function:linear;
}
100%   {	
	transform:rotate(360deg);
	animation-timing-function:linear;	
}

}
@keyframes changebg{
from {background:#f1eef0; color:#666;}
to {background: #666; color:#FFF;}
}
@keyframes changebgblue{
from {background:#f1eef0; color:#666;}
to {background: #3b559f; color:#FFF;}
}

@keyframes indexshow{
0%   {	
	opacity:0;
	animation-timing-function:linear;	
}

100% {	
	opacity:1;
	animation-timing-function:linear;	
}
}
@keyframes touchershow{
0%   {	
	opacity:0;
	animation-timing-function:linear;
	transform:scale(0.7,0.7);	
}

100% {	
	opacity:1;
	animation-timing-function:linear;
	transform:none;	
}
}
@keyframes runround2{
0%   {	
	opacity:0;
	animation-timing-function:linear;
	transform:none;	
}

50% {	
	opacity:1;
	animation-timing-function:linear;
	transform:rotate(180deg);	
}
100%   {	
	opacity:0;
	animation-timing-function:linear;
	transform:rotate(360deg);	
}
}

@keyframes bar{
0%   {	
	opacity:0;
	animation-timing-function:linear;
}

50% {	
	opacity:1;
	animation-timing-function:linear;
	transform:translateY(20px);	
}
100%   {	
	opacity:0;
	animation-timing-function:linear;
	transform:translateY(60px);	
}
}