@charset "utf-8";
/* CSS Document */
.top_s{ width:100%; height:55px; position: fixed; z-index:998; background-color:#FFF; display:block;-moz-box-shadow: 0px 3px 20px #e2e2e2; /* 老的 Firefox */
box-shadow: 0px 3px 20px #e2e2e2;}
#choice{ width:100%; height:1500px; background-color:#FFF; display: none; z-index:999; position:fixed;font-size:20px;} 
#choice ul{ margin-top:55px; width:130px; margin:0 auto;}
#choice ul li{ margin-top:40px;}
.logo_choice{ width:200px; height:200px;border-radius:205px;background-color:#F00;   background-image: url(images/logo.png); background-size:80%; background-repeat:no-repeat; background-position:center; z-index:999; margin:0 auto; margin-top:-20px;}
#s_menu{ 
	width:55px;
	height:auto;
    display:block;
	margin-left:85%;
	padding:0 5px; 
	margin-top:25px;
	z-index:999;
}
.back{
  position: relative;
  height: 0px;
  width: 0px;
  border-color: transparent transparent #3e3e3e transparent ;
  border-style: solid solid solid solid;
  border-width: 18px;
  float:left;
  margin-top:5px;
  margin-left:85%;
}
.back:after{
  content: '';
  position: absolute;
  bottom: -19px;
  right: -18px;
  border-color: transparent transparent #FFF transparent ;
  border-style: solid solid solid solid;
  border-width: 18px;
  
}

#s_menu ul li{width:25px;height:1px;background:#666;margin-top:5px;list-style:none;}
#s_menu ul li:nth-child(2){width:21px; margin-left:4px;}
#s_menu ul li:nth-child(3){width:16px; margin-left:9px;}
.r2{
	width:3px;
	height:3px;
	border-radius:5px;
	background-color:#F00;
	margin-bottom:1px;
	margin-left:-4px;
	
}
.top{ visibility: hidden;display:none; }
.logo{ width:150px; height:150px;border-radius:155px;background-color:#F00; margin-top:-20px; margin-left:2%; background-image: url(images/logo.png); background-size:80%; background-repeat:no-repeat; background-position:center; z-index:999;}
.bigr_choice{
	width:10px;
	height:12px;
	float:left;
	margin-top:8px;
	margin-right:20px;
}
.round1{
	position:absolute;
 width: 100%;/*aasta*/
 height:400px;
 border-radius:0;
 border: none;
 left:50%;
 top:35%;
 margin-left:-200px;
 display: block;
}
.content{
	width:100%;
	height: auto;
	background-color:#FFF;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	position: relative;
	padding-bottom:0px;
	border:0px;	
}
.banner{
	width:100%;
	height:250px;
	padding-top:55px;
	margin-top:0;
	position: relative;
}
.minpic2{
	background-image:url(images/banner07b.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.minpic3{
	background-image:url(images/banner01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.minpic4{
	background-image:url(images/banner06.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.minpic5{
	background-image:url(images/banner05.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.index_banner{
	width:100%;
	height:450px;
	padding-top:55px;
	margin-top:0;
	position: relative;	
}
.banner2{
	width:100%;
	height:250px;
	padding-top:55px;
	margin-top:0;
	position: relative;
	background-image:url(images/banner02.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.banner3{
	width:100%;
	height:250px;
	padding-top:55px;
	margin-top:-5px;
	position: relative;
	background-image:url(images/banner03.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.banner4{
	width:100%;
	height:250px;
	padding-top:55px;
	margin-top:-5px;
	position: relative;
	background-image:url(images/banner04.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
.banner img{
	width:100%;
	height:auto;
	display:none;
}
.banner2 img{
	width:100%;
	height:auto;
	display:none;
}
.banner3 img{
	width:100%;
	height:auto;
	display:none;
}
.banner4 img{
	width:100%;
	height:auto;
	display:none;
}


.t2{
	position:absolute;
	color:#272727;
	font-size:28px;
	font-family:微軟正黑體;
	left:15%;
	top:32%;
	letter-spacing:8px;
}
.work_title{ padding-top:110px;}
.workround{ margin-top:-10px;}
.t2b{
	position:absolute;
	color:#FFF;
	font-size:28px;
	font-family:微軟正黑體;
	left:15%;
	top:32%;
	letter-spacing:8px;
	text-shadow: 0.1em 0.1em 0.05em #333;
}
.t2c{
	position:absolute;
	color:#272727;
	font-size:28px;
	font-family:微軟正黑體;
	/*left:15%;*/
	top:32%;
	letter-spacing:8px;
}

.t1{
	position:absolute;
	color:#272727;
	font-size:18px;
	font-family:Sylfaen;
	left:30px;
	top:25%;
	letter-spacing:8px;
}
.t1b{
	position:absolute;
	color:#FFF;
	font-size:18px;
	font-family:Sylfaen;
	left:18%;
	top:25%;
	letter-spacing:8px;
	text-shadow: 0.1em 0.1em 0.05em #333;
}
.t1c{
	position:absolute;
	color:#272727;
	font-size:18px;
	font-family:Sylfaen;
	top:25%;
	letter-spacing:8px;
	left:30px;
}
.box{
	width:auto;
	height: auto;
	background-color:#FFF;
	margin:0 auto;
	position: relative;
	padding-bottom:0px;
	border:0px;		
}
.boxText{
	width:85%;
}
.boxTitle{
	width:90%;
	margin:0 auto;
	margin-top:0px;
	padding-top:45px;
	text-align:center;
	font-size:22px;
	position:relative;
	letter-spacing:2px;
	font-family:微軟正黑體;
	padding-bottom:5px;
	border-bottom:#000 1px solid;
}
.boxS{
	margin-right:0px;
	margin-top:0px;
	margin-bottom:30px;
}
.boxS,.boxS2{
	width:70%;
	height:auto;
	position:relative;
	display:inline-block;
	padding-bottom:20px;
}
.enterbt{
	display:none;
	width:90%; 
	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:40px;
	margin-bottom:0px;
}
.connection{
	width:100%;
	/*height:530px;*/
	height:auto;
	background-color:#f1eef0;
	margin-top:0px;
	padding-bottom:20px;
	
}
.connection_clients{
	width:100%;
	height:auto;
	background-color:#f1eef0;
	margin-top:0;
	padding-bottom:30px;
	
}
.content_pic{ margin-bottom:0px;}
.connectionLeft{
	width:100%;
	height:150px;
	background-image:url(images/logopic.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100% auto;
	opacity:1;
	display:inline-block;
	position:relative;
}
#logoall{
	margin-bottom:0px;
	padding-bottom:15px;
}
.connectionright{
	width:90%;
	height:auto;
	display:inline-block;
	position: relative;
	padding-left:5%;
	padding-top:5px;
}
.getin{
	width:50%;
	font-size:20px;
	letter-spacing:5px;
	color:#404040;
	font-family:Sylfaen;
	position: relative;
	margin-left:25%;
	margin-top:-520px;
	border-bottom:1px #666666 solid;
	padding-bottom:5px;
	text-align:center;
	
}
.who{
	display:none;
	width:100%;
	height:480px;
	background-color:#FFF;
	position:relative;
}
.contactus{
	margin-bottom:20px;
}
.round2{
	width:350px;
	height:350px;
	border-radius:400px;
	border:.5px #ff6565 solid;
	margin:0 auto;
	margin-top:100px;
}
.whowearebt{
	width:40%;
	height:40px;
	background-color:#F00;
	color:#FFF;
	font-family:微軟正黑體;
	font-size:18px;
	text-align:center;
	line-height:40px;
	letter-spacing:2px;
	margin-top:-160px;
	margin-left:35%;
}
.whotitle{
	font-size:24px;
	color: #333;
	letter-spacing:5px;
	margin-left:25%;
	margin-top:-80px;
}
.listpic{ width:auto;}
.listpic2{ width: auto; margin:0 auto;}
.listpic3{ width: auto; margin:0 auto; padding:0 70px;}
.title_workC{
	margin-left:15px;
}
.round3,.round4{
	width:180px;
	height:180px;
	border-radius:200px;
	border:.5px #ff6565 solid;
}
.round3{ 
	margin-top:-100px;
	margin-left:0px;			
}
.round4{ 
	margin-top:-190px;
	margin-left:0px;			
}
.content_clients{
	padding-bottom:0px;
	
}
.workround img{ width:22%; margin-top:0;}
.content_pic{
	width:100%;
}
.aboutbigtitle{ margin-left:2%; font-size:35px;}
.aboutfont3{ width:80%;}
.aboutname{ letter-spacing:0px;}
.aboutfont4{ padding:290px 0 60px 0; background-position-x:0;}
.aboutfont5{
	width: 84%;
	background-color:#FFF;
	margin-left: 3%;
	padding:20px 5% 50px 5%;
	box-shadow:5px 9px 30px 5px #e7e4e4;
	line-height:30px;
	letter-spacing:1px;
	font-size:16px;
}
.change1{ margin-top: 50px;
}
.boxSAlla{ display:none;}
.boxSAllb{ width:100%; height:auto; display:block;}
.a_all{ width:100%; height:auto; float:left; margin:0;}
.a_pic{width:100%; height:auto; padding:0; background-color:#f8f8f8;}
.a_pic_word{ width:auto; font-size:18px; font-family:微軟正黑體; margin:5px 0 60px 10%; line-height:30px; font-weight:300;}
.a_pic img{background-color:#ff9900;
-moz-box-shadow: 0px 0px 10px #d3d3d3; /* 老的 Firefox */
box-shadow: 0px 0px 10px #d3d3d3; width:80%;}
.round_index{ width:300px; height:300px; margin-left:-150px; margin-top:60px; overflow:hidden;}
.toucher{ padding-top:0px; font-size:18px; letter-spacing:10px; margin-top:250px;}
.toucher img{ width:200px;}
.indexpart2{
	width:100%;
	position:relative;
	left:0;
	margin-left:0;
	padding-top:10px;
	margin:0 auto;
}
.product{
	left:0;
	margin-left:0;
	max-width:80%;
	margin:0 auto;
}
.title_word{
	font-size:18px; 
	font-family:Sylfaen; 
	color:#F00; 
	background-image:url(images/w.jpg); 
	background-size:124px 26px; 
	background-repeat:no-repeat; 
	text-align:center; 
	background-position:center; 
	letter-spacing:5px; 
	width:124px; 
	height:100px; 
	line-height:100px;
	position:relative;
	left:0;
	margin-left:0;
	float:none;
	margin-bottom:20px;
}
.boxlogo{ margin-left:0;}
.coustomer{ 
		float:left;
		padding-left:10px;
		margin-right:10%;
		font-size:15px; 
		font-family:微軟正黑體;
		line-height:30px;
}
.cust{ width:70%; margin:0 auto;}
.logo_runpic{ width:90%; margin:0 auto;}
.content_index{ padding-top:30px;}
.title_word2{
	font-size:18px; 
	font-family:Sylfaen; 
	color:#F00; 
	background-image:url(images/w.jpg); 
	background-size:124px 26px; 
	background-repeat:no-repeat; 
	text-align:center; 
	background-position:center; 
	letter-spacing:5px; 
	width:124px; 
	height:100px; 
	line-height:100px;
	position:relative;
	margin-top:155px;
}
.title_round{
	width:100px; 
	height:100px; 
	border-radius:200px;
	border:solid 0.5px #FF0000;
	margin:-100px 0 0 14px;
}
.bg{ height:520px;}
.direction{ margin-top:140px;}
.round_index ul li:nth-child(1){
	 margin:12px 0 0 82px;width:4px; height:4px;animation-delay:0.2s;}
.round_index ul li:nth-child(2){
	 margin:0 0 0 116px;width:5px; height:5px;animation-delay:0.5s;}
.round_index ul li:nth-child(3){
	 margin:9px 0 0 248px;width:3px; height:3px;animation-delay:0.7s;}
.round_index ul li:nth-child(4){
	 margin:40px 0 0 211px;width:5px; height:5px;animation-delay:1s;}
.round_index ul li:nth-child(5){
	 margin:58px 0 0 288px;width:7px; height:7px;animation-delay:1.2s;}
.round_index ul li:nth-child(6){
	 margin:69px 0 0 364px;width:6px; height:6px;animation-delay:1.4s;}
.round_index ul li:nth-child(7){
	 margin:75px 0 0 304px;width:9px; height:9px;animation-delay:2.2s;}
.round_index ul li:nth-child(8){
	 margin:91px 0 0 291px;width:4px; height:4px;animation-delay:2.1s;}
.round_index ul li:nth-child(9){
	 margin:98px 0 0 266px;width:4px; height:4px;animation-delay:2.5s;}
.round_index ul li:nth-child(10){
	 margin:107px 0 0 262px;width:3px; height:3px;animation-delay:2.9s;}
.round_index ul li:nth-child(11){
	 margin:125px 0 0 281px;width:9px; height:9px;animation-delay:3s;}
.round_index ul li:nth-child(12){
	 margin:130px 0 0 260px;width:7px; height:7px;animation-delay:3.2s;}
.round_index ul li:nth-child(13){
	 margin:139px 0 0 276px;width:7.2px; height:7.2px;animation-delay:3.3s;}
.round_index ul li:nth-child(14){
	 margin:141px 0 0 293px;width:4px; height:4px;animation-delay:3.4s;}
.round_index ul li:nth-child(15){
	 margin:147px 0 0 260px;width:3px; height:3px;animation-delay:4s;}
.round_index ul li:nth-child(16){
	 margin:168px 0 0 247px;width:7px; height:7px;animation-delay:4.2s;}
.round_index ul li:nth-child(17){
	 margin:183px 0 0 270px;width:5px; height:5px;animation-delay:4.6s;}
.round_index ul li:nth-child(18){
	 margin:190px 0 0 255px;width:4.5px; height:4.5px;animation-delay:4.7s;}
.round_index ul li:nth-child(19){
	 margin:202px 0 0 221px;width:5px; height:5px;animation-delay:4.9s;}
.round_index ul li:nth-child(20){
	 margin:198px 0 0 327px;width:3px; height:3px;animation-delay:5.3s;}
.round_index ul li:nth-child(21){
	 margin:214px 0 0 306px;width:3.2px; height:3.2px;animation-delay:5.2s;}
.round_index ul li:nth-child(22){
	 margin:229px 0 0 258px;width:7px; height:7px;animation-delay:5.4s;}
.round_index ul li:nth-child(23){
	 margin:242px 0 0 220px;width:3px; height:3px;animation-delay:5.5s;}
.round_index ul li:nth-child(24){
	 margin:256px 0 0 248px;width:4px; height:4px;animation-delay:6s;}
.round_index ul li:nth-child(25){
	 margin:268px 0 0 190px;width:7px; height:7px;animation-delay:6.2s;}
.round_index ul li:nth-child(26){
	 margin:273px 0 0 242px;width:6px; height:6px;animation-delay:6.5s;}
.bgrun1{ display:none;}
.round_index ul li:nth-child(27){display:none;}
.round_index ul li:nth-child(28){display:none;}
.round_index ul li:nth-child(29){display:none;}
.round_index ul li:nth-child(30){display:none;}
.round_index ul li:nth-child(31){display:none;}
.round_index ul li:nth-child(32){display:none;}
.round_index ul li:nth-child(33){display:none;}
.round_index ul li:nth-child(34){display:none;}
.round_index ul li:nth-child(35){display:none;}
.round_index ul li:nth-child(36){display:none;}
.round_index ul li:nth-child(37){display:none;}

.round_index ul li:nth-child(38){display:none;}
.round_index ul li:nth-child(39){display:none;}
.round_index ul li:nth-child(40){display:none;}
.round_index ul li:nth-child(41){display:none;}
.round_index ul li:nth-child(42){display:none;}
.round_index ul li:nth-child(43){display:none;}
.round_index ul li:nth-child(44){display:none;}
.round_index ul li:nth-child(45){display:none;}
.round_index ul li:nth-child(46){display:none;}
.round_index ul li:nth-child(47){display:none;}
.round_index ul li:nth-child(48){display:none;}
.round_index ul li:nth-child(49){display:none;}
.round_index ul li:nth-child(50){display:none;}

.round_index ul li:nth-child(51){display:none;}
.round_index ul li:nth-child(52){display:none;}
.round_index ul li:nth-child(53){display:none;}
.round_index ul li:nth-child(57){display:none;}
.round_index ul li:nth-child(55){display:none;}
.round_index ul li:nth-child(56){display:none;}
.round_index ul li:nth-child(57){display:none;}
.round1 ul{ display:none;}
.coustomer ul {float:left; }
.aboutbigtitle{ display:none;}
.coustomer ul {float:left;padding-right: 18px;}
.coustomer{ 
  float:left;
  padding-left:10px;
  margin-right:10%;
  font-size:15px; 
  font-family:微軟正黑體;
  line-height:30px;
}
.cust{width: 80%;margin:0 auto;}
.aboutfont2{ padding:20px 0;}
.plight p{ font-size:14px;}