*{
border:0em;
margin:0em auto;
}
h1, h2, h3{
color:#fff;
font-family:"微軟正黑體";
font-weight:bolder;	
}
p, strong, em, b{
color:#FF0;
font-family:"微軟正黑體";
font-weight:bolder;	
}
strong{
background:#F00; color:#fff;	
}
a{
color:#FFF;
font-family:"微軟正黑體";
font-weight:bolder;		
text-decoration:none;
}
a:hover{
color:#F93;
}
li{
display:inline;	
}
body{
margin:0;
			padding:0;
			background: #000 url(../images/bg2.jpg) center center fixed no-repeat;
			-moz-background-size: cover;
			background-size: cover;
}
hr{
margin:0em auto;
	border:dashed #FF0000;
	background-color:#fff;
}
.nav ul{
	display:block;
	border-style:double;
	border-color:#FFF;
	border-width:3px;
	border-right:double;
	background:rgba(0,102,255,0.8);
	width:100%;
	}
.article{
text-align:center;	
}
.article header{}
.article section{text-align:left;}
.brown{
background:#000;
}

/*------------------different pixel start-----------------------*/
@media all and (min-width: 1280px) and (max-width: 1920px) {
h1, h2, h3{
	font-size:48px;
	}
p, strong, em{
	font-size:20px;
}
img{
width:1280px;	
text-align:center;
}
	body{
      font-size:16px;
	  width:100%;
    }
	.container{
	width:100%;	
	color:#fff;
	}

.cl{
overflow:hidden;
margin:0em auto;
width:1280px;
}
.nav ul li{
width:100%	
}
}


/*-----------------------1280---------------------------------------*/

@media all and (min-width: 981px) and (max-width: 1279px) {
h1, h2, h3{
	font-size:44px;
	}
p, strong, em{
	font-size:18px;
}
img{
width:980px;	
text-align:center;
}
	body{
      font-size:16px;
	  width:100%;
    }
	.container{
	width:100%;	
	color:#fff;
	}

.cl{
overflow:hidden;
margin:0em auto;
width:980px;
}
.nav ul li{
width:100%	
}
}

/*-------------------------980--------------------------------------------*/


@media all and (min-width: 800px) and (max-width: 980px) {
h1, h2, h3{
	font-size:36px;
	}
p, strong, em{
	font-size:16px;
}
  img{
width:800px;	
text-align:center;
}
	body{
      font-size:16px;
	  width:100%;
    }
	.container{
	width:100%;	
	color:#fff;
	}
.cl{
overflow:hidden;
margin:0em auto;
width:800px;
}
.nav ul li{
width:100%	
}
}

/*--------------------------800-------------------------------------------*/

@media all and (min-width: 600px) and (max-width: 799px) {
	h1, h2, h3{
	font-size:36px;
	}
p, strong, em{
	font-size:14px;
}
   img{
width:600px;	
text-align:center;
}
	body{
      font-size:16px;
	  width:100%;
    }
	.container{
	width:100%;	
	color:#fff;
	}

.cl{
overflow:hidden;
margin:0em auto;
width:600px;
}
.nav ul li{
width:100%	
}
}

/*-----------------600------------------------*/
@media all and (max-width: 600px) {
	h1, h2, h3{
	font-size:36px;
	}
p, strong, em{
	font-size:14px;
}
   img{
width:480px;	
text-align:center;
}
	body{
      font-size:16px;
	  width:100%;
    }
	.container{
	width:100%;	
	color:#fff;
	}

.cl{
overflow:hidden;
margin:0em auto;
width:480px;
}
.nav ul li{
width:100%	
}
}