body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,img{margin:0;padding:0;  }
img,fieldset {border:0}
img { border-style: hidden; border:0; margin:0; padding:0;}
ul{ list-style:none;}
li{ display:inline;}
a{ text-decoration:none}
body{min-width:1200px; font-family:Arial,  "微軟正黑體"; font-size:16px; font-weight:bold; }

.wrapper {border-right: none; border-left: none;  position: relative;}

.sec2 {  position: relative;  bottom: 0%;  left: 0%;  height: 809px;  width: 100%; background-image:url(../en_images/index_02.jpg); background-repeat:no-repeat;background-position:center;}
#s2{ width:1200px; border-bottom-color:#00F;height: 809px; margin:0 auto; }
.s2_box1 { width:208px; padding:30px 0 0 90px; float:left;} 
/*.box2 span{  position: relative;  }    
.box2 span:nth-child(1){  -webkit-animation:jump 1s linear 0s infinite alternate;  }  
.box2 span:nth-child(2){  -webkit-animation:jump 1s linear 0.2s infinite alternate;  }  
@-webkit-keyframes jump  { 0%{  top:0px;  color:red;  }  
            50%{  top:-10px; color:green;  }  
            100%{  top:10px; color:blue;  } */
.s2_box2{ width:250px; padding:295px 0 0 65px; float:left;  } 
.s2_box3 { width:250px; padding:425px 0 0 385px;color:#FFF; font-family:Arial; font-size:20px; font-weight:bold;} 
.s2_box4 { width:163px; padding:88px 0 0 364px; } 
.phone,.email{width:500px; height:35px; float:left; text-align:left; line-height:30px; border-radius:2px; font-size:16px;font-family:"微軟正黑體"; }
.s2_box5{ margin:0 auto; width:528px; padding-top:80px;}
.s2_box5 img{ padding-left:10px;}
.s2_box6{ margin:0 auto; width:500px;font-size:14px;padding-top:10px;  }

.sec3 {  position: relative;  bottom: 0%;  left: 0%;  height: 706px;  width: 100%; background-image:url(../en_images/index_03.jpg); background-repeat:no-repeat;background-position:center;}
#s3{ width:1200px; border-bottom-color:#00F;height: 706px; margin:0 auto; }
.s3_box1 {padding:322px 0 0 325px; height:37px;} 
#share_keyin{width:548px; height:80px; float:left; text-align:left; font-size:20px;font-family: Arial, Helvetica, sans-serif;  position:relative;background:white; line-height:50px;}

.s3_box2{ position:absolute; width:212px; height:414px; margin-top:-200px; margin-left:900px}
.s3_box3{ position:absolute; width:212px; height:414px; margin-top:-190px; margin-left:1050px}

.sec4 {  position: relative;  bottom: 0%;  left: 0%;  height: 1157px;  width: 100%; background-image:url(../en_images/index_04.jpg); background-repeat:no-repeat;background-position:center;}
#s4{ width:1000px; border-bottom-color:#00F;height: 1157px; margin:0 auto; }
.s4_box1 {padding:610px 0 0 150px;float:left;} 
.s4_box2 { width:110px; padding:665px 0 0 55px;; float:left; color:black; font-family:Arial; font-size:28px; font-weight:bold;} 
.s4_box3 { width:162px; padding:750px 0 0 220px;; float:left; color:red; font-family:Arial; font-size:28px; font-weight:bold;} 
.s4_eg1{ position:absolute; width:405px; height:206px; margin-top:300px; margin-left:85px}

.sec6 {  position: relative;  bottom: 0%;  left: 0%; width: 100%; background-image:url(../en_images/orange.png); background-repeat: repeat;background-position:center;}
#s6{ width:750px; border-bottom-color:#00F;height:  auto; margin:0 auto; }
table td  { border-bottom:#000 1px dashed; line-height:40px; background-color:#fff; color:#604109}
.t1{ background-color:#40bee9; color:#FFF;}

.sec7 {  position: relative;  bottom: 0%;  left: 0%;  height: 252px;  width: 100%; background-image:url(../en_images/index_06.jpg); background-repeat:no-repeat;background-position:center;}
#s7{ width:1200px; height: 252px; border-bottom-color:#00F; margin:0 auto; }


.s7_box1{ width:850px; margin:0 auto; padding-top:10px;}
.s7_box11{ text-align:left; font-family:Arial; font-size:15px; color:#FFF; font-weight:normal; line-height:18px; }


.sec8 {  position: relative;  bottom: 0%;  left: 0%;  height: 954px;  width: 100%; background-image:url(../en_images/index_07.jpg); background-repeat:no-repeat;background-position:center;}
#s8{ width:1000px; border-bottom-color:#00F;height: 500px; margin:0 auto; padding-top:377px; text-align:center }
#gotop {    display: none;    position: fixed;    right: 20px;    bottom: 20px;        padding: 10px 10px;        font-size: 20px;	    background: #777;    color: white;    cursor: pointer;	z-index:11111;}

#menu{position: absolute; left:1%; top: 180px; width:260px;  height:352px; padding: 0; list-style-type: none; z-index:1000000;}
.nav{width:256px;  height:352px; position:relative; background:url(../en_images/nav_03.png) no-repeat;}
#menu a.a1{    display: block;width: 260px;height: 54px;position: absolute;top: 24px;left: 0px; }
#menu a.a1:hover,#menu .active a.a1{background:url(../en_images/nav_hover_03.png) 0px -24px no-repeat; }
#menu a.a2{display:block; width: 260px;height: 60px;position:absolute;top:84px;left:0px;   }
#menu a.a2:hover,#menu .active a.a2{background:url(../en_images/nav_hover_03.png) 0px -84px no-repeat; }
#menu a.a3{display:block; width: 260px;height: 60px;position:absolute;top:144px;left:0px;  }
#menu a.a3:hover,#menu .active a.a3{background:url(../en_images/nav_hover_03.png) 0px -144px no-repeat; }
#menu a.a4{display:block; width: 260px;height: 60px;position:absolute;top:204px;left:0px;   }
#menu a.a4:hover,#menu .active a.a4{background:url(../en_images/nav_hover_03.png) 0px -204px no-repeat; }

.sec1 {  position: relative;  bottom: 0%;  left: 0%;  height: 843px;  width: 100%; background-image:url(../en_images/index_01.jpg); background-repeat:no-repeat;background-position:center;}
.s1{ width:1200px; height: 843px; border-bottom-color:#00F; margin:0 auto; }
.logo{ width:682px; margin-left:250px;  padding-top:350px; z-index:9999;position:absolute;}
.share{ width:153px; margin-left:230px;  padding-top:410px; z-index:9999;position:absolute;}
.qr1{ width:267px; margin-left:980px;  padding-top:550px; z-index:9990;position:absolute;}

.people_1{ width:250px; margin-left:475px;  padding-top:40px; z-index:9991;position:absolute; display:none; }
.people_2{ width:250px; margin-left:670px;  padding-top:40px; z-index:9990;position:absolute; display:none;}
.people_3{ width:250px; margin-left:275px;  padding-top:40px; z-index:9990;position:absolute; display:none;}
.people_4{ width:250px; margin-left:850px;  padding-top:40px; z-index:99;position:absolute; display:none;}
.people_5{ width:250px; margin-left:95px;  padding-top:40px; z-index:99;position:absolute; display:none;}

body:after {
content: url(../images/m1.png) url(../images/m2.png) url(../images/m3.png) url(../images/m4.png) url(../images/m5.png) url(../en_images/index_01.jpg) url(../en_images/index_02.jpg);
display: none;
}

canvas {	display: block; z-index:9992; position: absolute; max-width:1200px;}
#all_dot{ padding-bottom:30px; width:800px; margin:0 auto}
.menu1{  width:270px; padding-left:930px; list-style: none;}