*{margin:0;}

body {
	background: url('../images/bg.png') repeat-x 0px 0px #fff;
	width: 100%;
	font-size:14px;
	line-height:1.5;
	font-family:  Helvetica, Arial, sans-serif;
	color:#555;
}

h1 {
	font-size:18px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:16px;
	margin:10px 0;
	border-bottom:1px solid #555;
}

h5 {
	font-size:14px;
	margin:10px 0;
	border-bottom:1px solid #555;
}

a {
    color:#105c9c;
	text-decoration:none;
}
a:hover {
    color:#137cd5;
	text-decoration:underline;
}

.clear{
	clear:both;
}

.tlogo{
	background: url('../images/logo.png') no-repeat 0px 0px;
	float:left;
	height:138px;
	width:310px;
}

.column{
	width:1055px;
	margin:0 auto;
}

.mm{
	padding:70px 0 0 0;
}

.mm ul{
	padding:0;
	list-style:none outside none;
}

.mm ul li{
	float:left;
}

.mm ul li a{
	color:#fff;
	padding:15px 20px;
	display:block;
}


.whitmy{
	margin:15px 0;
	box-shadow:0px 0px 10px #333;
	background:#fff;
	padding:10px 0 10px 10px;
}

.sod{
	float:left;
	width:280px;
	padding:0 10px 0 10px;
	background-color: #F7F7F7;
	border-width: 1px;
	box-shadow: 0px 0px 5px #888;
}

.dop{
	float:right;
	width:728px;
	padding:0 10px 0 0;
}

.sod ul{
	padding-left:15px;
}

.sod ul li{
    list-style-type:square;
}

.sod ul li a{
    padding:4px 0;
    display:block;
}

.sod ul li a:hover{
    color:#555;
	text-decoration:none;
}

.footer{
	background: url('../images/footer.png') repeat 0px 0px;
	padding:12px 0;
	color:#f7f7f7;
}

.subt{
	margin:10px 0;
	padding:5px;
	background:#f7f7f7;
}

@media screen and (max-width: 768px) {
.column {
    width: 95%;
    min-width:510px;
}
.dop {
    width: 95%;
	float:left;
	clear:both;

}

.sod {
	float:right;
    width: 95%;
    padding:0 10px;

}

.dop li {
    margin: 8px 0px;
}



}