@charset "utf-8";
/* June Document version: 1.0 |20160630 */
html{
	cellspacing:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { 
    margin:0; 
    padding:0; 
} 

fieldset, img { 
    border:0; 
} 

address, caption, cite, code, dfn, em, th, var, optgroup { 
    font-style:normal; 
    font-weight:normal; 
} 

abbr, acronym { 
    border:0; 
    font-variant:normal; 
} 

h1, h2, h3, h4, h5, h6 { 
    font-size:100%; 
    font-weight:normal; 
} 

*{
	font-size:100%;	
	padding: 0;
	margin: 0;
}
	
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 

caption, th { 
    text-align:left; 
} 

:link, :visited { 
    text-decoration:none; 
}

.tenpx{
	display:inline;
	float:left;
	height:10px;
	width:100%;
}

img {border: none;}

a {outline: none;}
/* June Document rest up*/


body{
	background:#333333;
}

article{
	background:#1e2328;
	width:800px;
	height:auto;
	margin:0 auto;
}

header,section,footer{
	background-color:#151519;
	width:100%;
	height:auto;
	display:inline;
	float:left;
}

.column{
	background-color:#723c23;
	width:100%;
	height:auto;
	display:inline;
	float:left;	
	margin-top:10px;	
}

.column span{
	display:inline;
	float:left;
	width:100%;
	color:#fede5b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
}

.table{
	width:100%;
	height:auto;
	display:inline;
	float:left;
	text-align:left;	
}

.table img{
	border-bottom:#333 1px solid;
	width:100% !important;
}

.table-min{
	width:95%;
	height:auto;
	margin:0 auto;
	margin-top:15px;
}

.table-min span{
	color:#c6c6c6;
	font:Arial, Helvetica, sans-serif;
	/*font-size:14px;*/
	line-height:16px;
	width:100%;
	display:inline;
	/*float:left;*/
	word-wrap:break-word;
	text-align:left;
}

.table-text{
	color:#c6c6c6;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	width:100%;
	display:inline;
	/*float:left;*/	
	word-wrap:break-word;
	text-align:left;
}

.bit{
	border-top:#151519 1px solid;
	display:inline;
	float:left;
	width:100%;
	height:15px;
	margin-top:15px;
}

.bit02{
	color:#ffd200;
	border-top:#151519 1px solid;
	display:inline;
	float:left;
	font-size:22px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bold;
	font-style:italic;
	width:100%;
	line-height:50px;
	margin-top:15px;
	text-align:center;	
	text-transform:uppercase;
	text-shadow:#000 2px 2px 3px;
}


@media screen and (min-width:960px){	
	article{
	width:800px;
	height:auto;
	margin:0 auto;
	}
}

@media screen and (min-width:460px) and (max-width:800px){
	article{
	background:#FFF;
	width:100%;
	height:auto;
	margin:0 auto;
}
	
	/*[biaoti]*/
	.column span{
	font-size:1.2em;
	line-height:1.6em;
}
	
	.table-text{
	font-size:1.2em;
	line-height:1.4em;
}
	

	/*[tiaolineirong]*/
	.table-min span{
	font-size:1.2em;
	line-height:1.4em;
}

.bit02{
	font-size:1.2em;
	line-height:1.6em;
}
}


@media screen and (min-width:300px) and (max-width:420px){
	article{
	width:100%;
	height:auto;
	margin:0 auto;
}
	
	/*[biaoti]*/
	.column span{
	font-size:1.2em;
	line-height:1.6em;
}
	
	.table-text{
	font-size:1.2em;
	line-height:1.4em;
}
	

	/*[tiaolineirong]*/
	.table-min span{
	font-size:1.2em;
	line-height:1.4em;
}

	.bit02{
	font-size:1.2em;
	line-height:1.6em;
}
}