@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);

body{
	font-family: 微軟正黑體;
	color:#253283;	}
header div{
	width:100%;
	max-width:1800px;
	padding: 10px 10px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	font-family:"Arial";
	}

section{
	width:100%;
	max-width:1920px;
	min-width:320px;
	margin-left:auto;
	margin-right:auto;
	padding:30px 0 0;
	display:table;
	}
/* ------------------------------------------
動畫不會跳格
--------------------------------------------- */
.loading {
 z-index: 999;
    padding: 10px 10px 5px;
    left: 0;
    top: 0;
    color: #fffff;
    position: fixed;
    width: 100%;
    height: 30px;
    text-align: center;
    border-radius: 5px;
	}

/* ------------------------------------------
手機
--------------------------------------------- */

#home img,#Advantage img,#glorye img,#enterprise img,#service img,#registered img{width:150%; border: 0px;}

#home{padding:80px 0 0;}

#glorye{padding:10px 0 0;}
	
#service{padding:10px 0 0;}

#price{padding:10px 0 0;}

#registered{padding:10px 0 0;}	
/* ------------------------------------------
第5屏
--------------------------------------------- */
#service ul{
	width:90%;
	float: left;
	list-style:none;
	margin-left: 5%;
	}

#service ul ul{
	width:calc(42%);
	float:left;
	font-size:0.9em ;
	color:#FFFFFF;
	text-align:center;

	margin:12px
	}

#service li img{
	width:100%;}
/* ------------------------------------------
第5屏
--------------------------------------------- */	

.footer{
	font-size:0.65em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 10%;
	letter-spacing: 0.05em;
	}

#left1 {
	display:block;
	width: 60%;
    padding-top: 60%;
    padding-left:6%;
	float: left;
	
	}

 #left1-light{
	display:block;
	width: 60%;
	padding-top: 60%;
	padding-left: 6%;
	position: absolute;
      }	
	
#right1{
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-top: 7%;
	padding-left: 5%;
	padding-right: 5%;
	position: absolute;
	text-align: center;
}

#right1>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.09em;
}	

#right1>p{
font-size:0.5em;
letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;line-height:1.6em;}




#left2 {
	display:block;
	width:30%;
	padding-left:10%;
	padding-top:0%;
	position: absolute;
      }

#left2-11{
	display:block;
	width: 30%;
	padding-left: 10%;
	padding-top: 0%;
	position: absolute;
      }	      
#right2-1 {
	display:block;
	width: 55%;
	padding-left:10%;
	padding-top:70%;
	float: left;

      }	
#right2-light{
	display:block;
	width: 55%;
	padding-left:10%;
	padding-top:70%;
	position: absolute;
      }       
  
	
#left2-1{
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 25%;
	text-align: center;
	position: absolute;
}

#left2-1>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left2-1>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}

#left2-1>p{
font-size:0.5em;
letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;line-height:1.6em;}
	
	
	
#left3{
	display:block;
	width: 55%;
	padding-left: 10%;
	padding-top: 89%;
	float: left;
      }
#left3-light{
	display:block;
	width: 55%;
	padding-left:10%;
	padding-top:89%;
	position: absolute;
      }         
  
	
#right3{
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 7%;
	text-align: center;
	position: absolute;
}

#right3>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right3>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.06em;
}	

#right3>p{
font-size:0.5em;
	letter-spacing: 0.09em;
padding-top:0.1em;line-height:1.6em;line-height:1.6em;}

#right3 li{
	font-size:0.5em;
	letter-spacing: 0.09em;
	color:#FFCC00;
	margin-left: 1.2em;
	text-align: left;
}	
	
#right4{
	display:block;
	width: 60%;
	padding-left: 3%;
	padding-top: 38%;
	float: left;

      }
	  
#right4-1{
	display:block;
	width: 65%;
	padding-left: 2%;
	padding-top: 50%;
	position: absolute;

      }		  
#left4{
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-top: 7%;
    padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	position: absolute;
}

#left4>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.08em;
}
#left4>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left4>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;line-height:1.6em;}	
	
	
	
#left5{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 40%;
	float: left;
      }
 #left5-light{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 40%;
	margin-top:-90%; 
	position: absolute;
      }	
  
	
#right5{
	
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 7%;
	text-align: center;
	position: absolute;
}



#right5>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right5>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.01em;
}	

#right5>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}
	

#right6{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 80%;
	float: left;
      }
 #right6-1{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 80%;
	position: absolute;
      }	
#left6{
	display:block;
	width:94%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:3%;
	padding-top: 7%;
	position: absolute;
}

#left6>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left6>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left6>p{
font-size:0.5em;
	letter-spacing: 0.06em;padding-top:0.1em;line-height:1.6em;}

#left6 strong{
color: #ffcc00;}


	
#line{
	font-size:1em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 60px;
	float: left;
	text-align: center;
	padding-top: 10%;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:1000px;
}
#line a{color:#FFFFFF;text-decoration:none;}




/* ------------------------------------------
桌機大魚圖640
--------------------------------------------- */
@media screen and (min-width: 600px) {
#home img,#Advantage img,#glorye img,#enterprise img,#service img,#registered img{width:150%; border: 0px;}

#home{padding:80px 0 0;}

#glorye{padding:10px 0 0;}
	
#service{padding:10px 0 0;}

#price{padding:10px 0 0;}

#registered{padding:10px 0 0;}	
/* ------------------------------------------
第5屏
--------------------------------------------- */
#service ul{
	width:90%;
	float: left;
	list-style:none;
	margin-left: 7%;
	}

#service ul ul{
	width:calc(35%);
	float:left;
	font-size:0.9em ;
	color:#FFFFFF;
	text-align:center;
    margin:40px
	}

#service li img{
	width:100%;}
/* ------------------------------------------
第5屏
--------------------------------------------- */	

.footer{
	font-size:0.65em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 10%;
	letter-spacing: 0.05em;
	}

#left1 {
	display:block;
	width: 60%;
    padding-top: 50%;
    padding-left:6%;
	float: left;
	
	}

 #left1-light{
	display:block;
	width: 60%;
	padding-top: 50%;
	padding-left: 6%;
	position: absolute;
      }	
	
#right1{
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-top: 25%;
	padding-left: 5%;
	padding-right: 5%;
	position: absolute;
	text-align: center;
}

#right1>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.09em;
}	

#right1>p{
font-size:0.5em;
letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;line-height:1.6em;}




#left2 {
	display:block;
	width:30%;
	padding-left:10%;
	padding-top:0%;
	position: absolute;
      }

#left2-11{
	display:block;
	width: 30%;
	padding-left: 10%;
	padding-top: 0%;
	position: absolute;
      }	      
#right2-1 {
	display:block;
	width: 55%;
	padding-left:10%;
	padding-top:48%;
	float: left;

      }	
#right2-light{
	display:block;
	width: 55%;
	padding-left:10%;
	padding-top:48%;
	position: absolute;
      }       
  
	
#left2-1{
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 25%;
	text-align: center;
	position: absolute;
}

#left2-1>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left2-1>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}

#left2-1>p{
font-size:0.5em;
letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;line-height:1.6em;}
	
	
	
#left3{
	display:block;
	width: 55%;
	padding-left: 10%;
	padding-top: 55%;
	float: left;
      }
#left3-light{
	display:block;
	width: 55%;
	padding-left:10%;
	padding-top:55%;
	position: absolute;
      }         
  
	
#right3{
	display:block;
	width:84%;
	color:#FFFFFF;
	font-size:2em;
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 7%;
	text-align: center;
	position: absolute;
}

#right3>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right3>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.06em;
}	

#right3>p{
font-size:0.5em;
	letter-spacing: 0.09em;
padding-top:0.1em;line-height:1.6em;line-height:1.6em;}

#right3 li{
	font-size:0.5em;
	letter-spacing: 0.09em;
	color:#FFCC00;
	margin-left: 1.2em;
	text-align: left;
}	
	
#right4{
	display:block;
	width: 60%;
	padding-left: 3%;
	padding-top: 20%;
	float: left;

      }
	  
#right4-1{
	display:block;
	width: 65%;
	padding-left: 2%;
	padding-top: 30%;
	position: absolute;

      }		  
#left4{
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-top: 7%;
    padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	position: absolute;
}

#left4>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.08em;
}
#left4>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left4>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;line-height:1.6em;}	
	
	
	
#left5{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 25%;
	float: left;
      }
 #left5-light{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 40%;
	margin-top:-90%; 
	position: absolute;
      }	
  
	
#right5{
	
	display:block;
	width:90%;
	color:#FFFFFF;
	font-size:2em;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 7%;
	text-align: center;
	position: absolute;
}



#right5>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right5>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.01em;
}	

#right5>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}
	

#right6{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 50%;
	float: left;
      }
 #right6-1{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 50%;
	position: absolute;
      }	
#left6{
	display:block;
	width:94%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:3%;
	padding-top: 5%;
	position: absolute;
}

#left6>h1{
	font-size:0.9em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left6>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left6>p{
font-size:0.5em;
	letter-spacing: 0.06em;padding-top:0.1em;line-height:1.6em;}

#left6 strong{
color: #ffcc00;}


	
#line{
	font-size:1em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 60px;
	float: left;
	text-align: center;
	padding-top: 10%;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:1000px;
}
#line a{color:#FFFFFF;text-decoration:none;}
	}





/* ------------------------------------------
桌機大魚圖769
--------------------------------------------- */
@media screen and (min-width: 769px) {
.footer{
	font-size:0.8em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 1%;
	letter-spacing: 0.12em;
	}
header div{padding: 10px 20px;}

#home{padding:10px 0 0;}
#home img,#Advantage img,#glorye img,#enterprise img,#service img,#registered img{
	width:80%; border: 0px;}

#service ul{
	width:96%;
	float: left;
	list-style:none;
	margin-left: 2%;
	}

#service ul ul{
	width:calc(14%);
	float:left;
	color:#FFFFFF;
	text-align:center;
    margin:5px;
	padding:5px;
	line-height:1.6em;
	font-size:0.655em;
	}

#left1 {
	display:block;
	width: 75%;
	padding-left: 5%;
	padding-top: 12%;
	float: left;
	margin-bottom: 105px;
      }
 #left1-light{
	display:block;
	width: 75%;
	padding-left: 5%;
	padding-top: 12%;
	position: absolute;
      }      
  
	
#right1{
	display:block;
	width:50%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:50%;
	padding-right:0%;
	text-align: left;
	padding-top:23%;
	position: absolute;
	
}

#right1>h1{
	font-size:1.1em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
	padding-top:0.1em;
}	

#right1>p{
font-size:0.5em;
	letter-spacing: 0.09em;line-height:1.6em;}
	
	
#left2 {
	display:block;
	width:32%;
	padding-left:10%;
	padding-top:3%;
	position: absolute;
      }

#left2-11{
	display:block;
	width: 32%;
	padding-left: 10%;
	padding-top: 3%;
	position: absolute;
      }	

#right2-1 {
	display:block;
	width: 44%;
	padding-right:0%;
	padding-top:2%;
	float: right;
      }	  
#right2-light{
	display:block;
	width: 44%;
	padding-left:55%;
	padding-top:1%;
	position: absolute;
      }   
	
#left2-1{
	display:block;
	width:50%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:8%;
	padding-right:0%;
	text-align: left;
	padding-top: 18%;
	position: absolute;
}

#left2-1>h1{
	font-size:1.1em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left2-1>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}

#left2-1>p{
font-size:0.5em;
	letter-spacing: 0.09em;
padding-top:0.1em;line-height:1.6em;
}
	
	
	
#left3{
	display:block;
	width: 50%;
	padding-left: 5%;
	padding-top: 4%;
	float: left;
      }
#left3-light{
	display:block;
	width: 50%;
	padding-left:5%;
	padding-top:4%;
	position: absolute;
      }  
	
#right3{
	display:block;
	width:48%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:50%;
	padding-top: 0%;
	padding-right:0%;
	text-align: left;
	position: absolute;
}

#right3>h1{
	font-size:1.1em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right3>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#right3>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}

#right3 li{
font-size:0.5em;
letter-spacing: 0.09em;
margin-left: 1.2em;
line-height:2em;}	
	
#right4{
	display:block;
	width: 84%;
	padding-left: 16%;
	padding-top: 15%;
	float: left;
      }
#right4-1{
	display:block;
	width: 84%;
	padding-left: 16%;
	padding-top: 20%;
	position: absolute;
      }	  
#left4{
	display:block;
	width:65%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:10%;
	padding-top: 3%;
	padding-right:0%;
	text-align: left;
	position: absolute;
}

#left4>h1{
	font-size:1.1em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left4>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left4>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}	
	
	
	
#left5{
	display:block;
	width:50%;
	padding-left: 1%;
	padding-top: 2%;
	float: left;
      }
#left5-light{
	display:block;
	width: 50%;
	padding-left: 1%;
	padding-top: 2%;
	margin-top: -28%;
	position: absolute;
      }
  
	
#right5{
	display:block;
	width:42%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:50%;
	padding-top: 1%;
	padding-right:0%;
	text-align: left;
	position: absolute;
}

#right5>h1{
	font-size:1.1em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.08em;
}
#right5>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#right5>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}
	

#right6{
	display:block;
	width: 50%;
	padding-left: 50%;
	padding-top: 2%;
	float: left;
      }
	  
	  #right6-1{
	display:block;
	width: 50%;
	padding-left: 50%;
	padding-top: 2%;
	position: absolute;
      }	
	  
#left6{
	display:block;
	width:45%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:10%;
	padding-top: 1%;
	position: absolute;
}

#left6>h1{
	font-size:1.1em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left6>h2{
	font-size:0.8em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left6>p{
font-size:0.5em;
letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}

#left6 strong{
color: #ffcc00;}	
	

#line{
	font-size:1em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 80px;
	float: left;
	text-align: center;
	padding-top: 0%;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:1920px;
}
#line a{color:#FFFFFF;text-decoration:none;}

	}


/* ------------------------------------------
桌機大魚圖1023
--------------------------------------------- */
@media screen and (min-width: 1023px) {
.footer{
	font-size:0.8em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 1%;
	letter-spacing: 0.12em;
	}
header div{padding: 10px 20px;}

#home{padding:10px 0 0;}
#home img,#Advantage img,#glorye img,#enterprise img,#service img,#registered img{
	width:80%; border: 0px;}

#service ul{
	width:84%;
	float: left;
	list-style:none;
	margin-left: 10%;
	}

#service ul ul{
	width:calc(14%);
	float:left;
	color:#FFFFFF;
	text-align:center;
    margin:5px;
	padding:5px;
	line-height:1.6em;
	font-size:0.655em;
	}

#left1 {
	display:block;
	width: 75%;
	padding-left: 5%;
	padding-top: 12%;
	float: left;
	margin-bottom: 105px;
      }
 #left1-light{
	display:block;
	width: 75%;
	padding-left: 5%;
	padding-top: 12%;
	position: absolute;
      }      
  
	
#right1{
	display:block;
	width:50%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:50%;
	padding-right:0%;
	text-align: left;
	padding-top:23%;
	position: absolute;
	
}

#right1>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
	padding-top:0.1em;
}	

#right1>p{
font-size:0.5em;
	letter-spacing: 0.09em;line-height:1.6em;}
	
	
#left2 {
	display:block;
	width:32%;
	padding-left:10%;
	padding-top:3%;
	position: absolute;
      }

#left2-11{
	display:block;
	width: 32%;
	padding-left: 10%;
	padding-top: 3%;
	position: absolute;
      }	

#right2-1 {
	display:block;
	width: 44%;
	padding-right:0%;
	padding-top:2%;
	float: right;
      }	  
#right2-light{
	display:block;
	width: 44%;
	padding-left:55%;
	padding-top:1%;
	position: absolute;
      }   
	
#left2-1{
	display:block;
	width:50%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:8%;
	padding-right:0%;
	text-align: left;
	padding-top: 18%;
	position: absolute;
}

#left2-1>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left2-1>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}

#left2-1>p{
font-size:0.5em;
	letter-spacing: 0.09em;
padding-top:0.1em;line-height:1.6em;
}
	
	
	
#left3{
	display:block;
	width: 50%;
	padding-left: 2%;
	padding-top: 4%;
	float: left;
      }
#left3-light{
	display:block;
	width: 50%;
	padding-left:5%;
	padding-top:4%;
	position: absolute;
      }  
	
#right3{
	display:block;
	width:60%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:40%;
	padding-top: 5%;
	padding-right:0%;
	text-align: left;
	position: absolute;
}

#right3>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right3>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#right3>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}

#right3 li{
font-size:0.5em;
letter-spacing: 0.09em;
margin-left: 1.2em;
line-height:2em;}	
	
#right4{
	display:block;
	width: 84%;
	padding-left: 16%;
	padding-top: 15%;
	float: left;
      }
#right4-1{
	display:block;
	width: 84%;
	padding-left: 16%;
	padding-top: 20%;
	position: absolute;
      }	  
#left4{
	display:block;
	width:60%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:10%;
	padding-top: 3%;
	padding-right:0%;
	text-align: left;
	position: absolute;
}

#left4>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left4>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left4>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}	
	
	
	
#left5{
	display:block;
	width:50%;
	padding-left: 1%;
	padding-top: 2%;
	float: left;
      }
#left5-light{
	display:block;
	width: 50%;
	padding-left: 1%;
	padding-top: 2%;
	margin-top: -28%;
	position: absolute;
      }
  
	
#right5{
	display:block;
	width:45%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:50%;
	padding-top: 3%;
	padding-right:0%;
	text-align: left;
	position: absolute;
}

#right5>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.08em;
}
#right5>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#right5>p{
font-size:0.5em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}
	

#right6{
	display:block;
	width: 50%;
	padding-left: 50%;
	padding-top: 2%;
	float: left;
      }
	  
	  #right6-1{
	display:block;
	width: 50%;
	padding-left: 50%;
	padding-top: 2%;
	position: absolute;
      }	
	  
#left6{
	display:block;
	width:50%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:10%;
	padding-top: 5%;
	position: absolute;
}

#left6>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left6>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left6>p{
font-size:0.5em;
letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}

#left6 strong{
color: #ffcc00;}	
	

#line{
	font-size:1em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 80px;
	float: left;
	text-align: center;
	padding-top: 0%;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:1920px;
}
#line a{color:#FFFFFF;text-decoration:none;}

	}


	/* ------------------------------------------
桌機大魚圖1300
--------------------------------------------- */
@media screen and (min-width: 1250px) {


#right1{
	display:block;
	width:47%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:48%;
	padding-right:0%;
	text-align: left;
	padding-top:23%;
	position: absolute;
	
}


#right3{
	display:block;
	width:50%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:50%;
	padding-top: 5%;
	padding-right:0%;
	text-align: left;
	position: absolute;
}
}
@media screen and (min-width: 1260px) {
#right1{
	display:block;
	width:40%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:58%;
	padding-top: 18%;
	position: absolute;
}
}
/* ------------------------------------------
桌機大魚圖1920
--------------------------------------------- */

@media screen and (min-width: 1441px) {
.footer{
	font-size:0.8em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 30px;
	float: left;
	text-align: center;
	padding-top: 10%;
	letter-spacing: 0.12em;
	}
header div{

	padding: 10px 20px;

	}

#home{padding:10px 0 0;}



#home img,#Advantage img,#glorye img,#enterprise img,#service img,#registered img{
	width:80%; border: 0px;}
#service ul{
	width:95%;
	float: left;
	list-style:none;
	margin-left: 3%;
	}

#service ul ul{
	width:calc(12%);
	float:left;
	color:#FFFFFF;
	text-align:center;
    margin:10px;
	padding:20px;
	line-height:1.6em;
	font-size:1.1em;
	}

#left1 {
	display:block;
	width: 73%;
	padding-left: 5%;
	padding-top: 10%;
	padding-right:0%;
	text-align: left;
	float: left;
	margin-bottom: 100px;
	
      }
 #left1-light{
	display:block;
	width: 73%;
	padding-left: 5%;
	padding-top: 10%;
	position: absolute;

      }      
  
	
#right1{
	display:block;
	width:30%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:60%;
	padding-top: 18%;
	position: absolute;
}

#right1>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}	

#right1>p{
font-size:0.65em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}
	
	
#left2 {
	display:block;
	width:32%;
	padding-left:10%;
	padding-top:0%;
	position: absolute;
	
      }

#left2-11{
	display:block;
	width: 32%;
	padding-left: 10%;
	padding-top: 0%;
	position: absolute;
      }	

#right2-1 {
	display:block;
	width: 40%;
	padding-right:0%;
	padding-top:1%;
	float: right;
      }	  
 #right2-light{
	display:block;
	width: 40%;
	padding-left:60%;
	padding-top:1%;
	position: absolute;
      }  	
#left2-1{
	display:block;
	width:40%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:10%;
	padding-top: 18%;
	padding-right:0%;
	text-align:left;
	position: absolute;
}

#left2-1>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left2-1>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}

#left2-1>p{
font-size:0.65em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}
	
	
	
#left3{
	display:block;
	width: 46%;
	padding-left: 5%;
	padding-top: 2%;
	float: left;
      }
#left3-light{
	display:block;
	width: 46%;
	padding-left:5%;
	padding-top:2%;
	position: absolute;
      }   
	
#right3{
	display:block;
	width:42%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:50%;
	padding-top: 4%;
	padding-right:0%;
	text-align:left;
	position: absolute;

}

#right3>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right3>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#right3>p{
font-size:0.65em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}

#right3 li{
font-size:0.65em;
letter-spacing: 0.09em;
margin-left: 1.2em;}	
	
#right4{
	display:block;
	width: 70%;
	padding-left: 22%;
	padding-top: 7%;
	float: left;
	
      }
	  
#right4-1{
	display:block;
	width: 70%;
	padding-left: 22%;
	padding-top: 14%;
	position: absolute;

      }	
	  
	  
#left4{
	display:block;
	width:40%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:10%;
	padding-top: 2%;
	padding-right:0%;
	text-align:left;
	position: absolute;
}


#left4>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left4>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left4>p{
font-size:0.65em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}	
	
	
	
#left5{
	display:block;
	width: 60%;
	padding-left: 5%;
	padding-top: 0%;
	float: left;
      }
#left5-light{
	display:block;
	width: 60%;
	padding-left: 0%;
	padding-top: 0%;
	margin-top: -28%;
	position: absolute;

      }
	
#right5{
	display:block;
	width:30%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:60%;
	padding-top: 8%;
	padding-right:0%;
	text-align:left;
	position: absolute;
}

#right5>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#right5>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#right5>p{
font-size:0.65em;
	letter-spacing: 0.09em;line-height:1.6em;}
	

#right6{
	display:block;
	width: 40%;
	padding-left: 60%;
	padding-top: 5%;
	float: left;
      }
	  
#right6-1{
	display:block;
	width: 40%;
	padding-left: 55%;
	padding-top: 4%;
	position: absolute;
      }	
	  
	  
	  
#left6{
	display:block;
	width:35%;
	color:#FFFFFF;
	font-size:2em;
	padding-left:10%;
	padding-top: 9%;
	position: absolute;
}

#left6>h1{
	font-size:1.5em;
	font-family:"Arial";
	font-weight:500;
	letter-spacing: 0.1em;
}
#left6>h2{
	font-size:1.1em;
	font-family:"微軟正黑體";
	font-weight:400;
	letter-spacing: 0.1em;
}	

#left6>p{
font-size:0.65em;
	letter-spacing: 0.09em;padding-top:0.1em;line-height:1.6em;}

#left6 strong{
color: #ffcc00;}		
	
	
#line{
	font-size:1em;
	color:#FFFFFF;
	display:block;
	width:100%;
	height: 80px;
	float: left;
	text-align: center;
	padding-top: 2%;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:1920px;
	
}
#line a{color:#FFFFFF;text-decoration:none;}

	}
	
/* --------------------------------------- */



	
.yellow{color:#ffcc00;}
.white{color:#fff;}