﻿body
{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	font-family: 'Microsoft Tai Le';
	color: #999999;
	font-size: 1.2em;
}



Div.Nav
{
	width: 1024px;
	margin: 0 auto;
	height: 120px;
	
}

Div.Logo
{
	width: 40%;
	height: 100%;
	float: left;
}

Div.Menu
{
	width: 40%;
	height: 100%;
	float: right;
	 display:block;
	text-align: right;
}

Div.Wrapper
{
	background-image: url( "../Images/IMG_20180627_085420.jpg" );
	background-size:100%;
	width: 100%;
	background-repeat: no-repeat;
}



Div.Content
{
	width: 1024px;
	left: auto;
	margin: 0 auto;
	height: 100%;
	min-height: 800px;
	color: #333333;
	opacity: 0.95;
	filter: alpha(opacity=95);
	background-color: #FFFFFF;
}

Div.ContentTop
{
	padding: 20px;
	width: 976px;
	height: 60%;
	min-height:500px;
	
	

}

Div.ContentBottom
{
	padding: 20px;
	width: 976px;
	height: 40%;
   
	
}


Div.ContentLeft
{
	padding: 20px;
	width: 300px;
	height: 100%;
	float:left;
	

}

Div.ContentRight
{
	padding: 20px;
	width: 644px;
	height: 100%;
	float:right ;
}

ul.ul_Menu
{
	list-style-type: none;
	margin: 0;
	padding: 2;
	overflow: hidden;
	color: #CC0000;
	float:right;
}

li.li_Menu
{
	float: left;
	font-family: verdana;
	font-size: medium;
	font-weight: normal;
	width: 100px;
}

li.li_Menu a
{
	display: block;
	color: #999999;
	text-align: center;
	padding: 12px 16px;
	font-family: verdana;
	font-size: 1m;
}

li.li_Menu a:hover
{
	background-color: #999999;
	color: #FFFFFF;
}

.button
{
	background-color: #0099FF; 
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
}

.button:hover
{
	background-color: #C0C0C0; 
	color: #0099FF;
}

.input
{
	border: 1px solid #3399FF;
	font-size: 14px;
	min-height:24px;
	
}

.input:focus
{
	border: 2px solid #333333;
	background-color: #FFFFFF;
}