/* CSS Document */

/* IE PNG FIX*/
img, input, div.line, td.delimiter,
#calc_inner, #calc_inner .body_inner { behavior: url("/assets/iepngfix/iepngfix.htc") }

#wrapper1{
	width:1000px;
	margin:0 auto;
}
.mobile #wrapper1{ min-width: 320px;
    width:100%; overflow: hidden;
}

.mobile #show_menu{ width: 45px; height: 45px; background: #000 url(/assets/images/show_menu_icon.png) no-repeat left top; background-size: 100%; left: 10px; top:10px; z-index: 200; position:fixed;}

#wrapper2{
}
#wrapper{
}

.header{
	height:150px;
	margin-bottom:19px;
	position:relative;
}
.header a, .header a:hover{
}
.header .logo{
	position:absolute;
	top:27px;
	left:0px;	
}
.mobile .header .logo{
    position:relative;
    top:20px;
    left:2%;
}
.mobile .header .logo img{ width: 170px;}
.header .contact{
	color:#dcdcdc;
	text-align:right;
	font-size:12px;
	line-height:18px;
	position:absolute;
	top:10px;
	right:48px;
}
.mobile .header .contact{ top: 0px; right: 2%;}

.middle{
	position:relative;
	margin-top:10px;
	margin-bottom:20px;
}
.middle img { padding:5px; max-width:50%; height:auto;}

.mobile #contant_table{display: block;}
.mobile #contant_table>tbody{display: block;}
.mobile #contant_table>tbody>tr{display: block; padding: 0px 2%;}
.mobile #contant_table table{  font-size: 12px;}
#resource1.mobile #contant_table table{ width: 100%;}
.mobile #contant_table table td img{ width: 100%; height: auto;}
.col1{
	width:225px;
	padding-right:30px;
	padding-left:25px;	
}
.col2{
	width:700px;
	padding-right:20px;	
}
.mobile .col1{ display: block;
    overflow: scroll;
    height: 100%;
    width:225px;
    padding-right:30px;
    padding-left:25px;
    position: fixed;
    left: -280px; top: 0px; background: #000; min-height: 100%; z-index: 1000;
    -webkit-transition: left 1s ease-out 0s;
    -moz-transition: left 1s ease-out 0s;
    -o-transition: left 1s ease-out 0s;
    transition: left 1s ease-out 0s;
}
.mobile .col1 #leftmenu{ padding: 20px 0px;}
.leftBG{ position: fixed; z-index: 998; width: 100%; height: 100%; left: -100%; top: 0px;}
.mobile .col2{ display: block;
    width:100%; padding-right: 0px;
}

.footer_wrapper{
	padding-top:15px;
	padding-bottom:5px;
	position: relative;
}
.footer{
	font-size:11px;
	width:840px;
	height:130px;
	margin:0 auto;
	position: relative;	
}
.mobile .footer{ width: 98%; height: 75px;}
.footer .contact{
	text-align:left;
	color:#FFFFFF;	
}
.mobile .footer .contact{ display: none;}
.footer .by{
	color:#d7d7d7;
	position:absolute;
	bottom:10px;
	left:0;
}
.mobile .footer .by{ display: none;}
.footer .by a, .footer .by a:hover{
	color:#d7d7d7;
	text-decoration:none;
}
.footer .counter{
	top:45px;
	right:300px;
	position:absolute;		
}
.footer a, .footer a:hover{
}
.mobile .footer .delimiter{ display: none; background: none;}
.footer table{
	height:100%;	
}
.mobile .footer table{ display: block;}
.mobile .footer table>tbody{ display: block;}
.mobile .footer table>tbody>tr{ display: block;}