﻿ @media only screen and (max-width: 767px) 
{
	html, body {margin:0;padding:0;font-size:12px;background:#ffffff;font-family: 'Times New Roman'}
	html{ max-width: 420px; overflow:hidden; margin: 0 auto; }
	div.leftDecoration { display: none;}
	div.publicMain { width: 100%; margin-right:0;background:#ffffff;font-family: 'Times New Roman' }
	div.publicContent { width: 100%;}
	div.publicDivHeaderCenter {width:100%; }
	div.mainImageContainer {display:none; }
	div.divImages {display:none;}
	div.publicBoxContainer{width:100%; margin:0 auto; text-align:center;font-family: 'Times New Roman' }
	div.publicBoxContainer{ margin-top: 20px; background: #fff url(../images/contentBoxBg.png) repeat-x top;border: solid 1px #e9e9e9; padding-bottom: 0;font-family: 'Times New Roman'}
	.publicHeader {display:none;}
	div.publicMenu {width: 100%; max-width: 100%;position: absolute; clear:both; top: 0; padding: 0;background:#eeeeed;}
	div.publicMenu .menuWrapper {border-top: none;}
	div.publicMenu a {border-right: none; width:100%; border-top:1px solid;border-bottom:1px solid;	 padding:12px 0; clear:both; text-align:center;color:Gray; text-decoration:none;text-transform:none;}
	div.publicMenu a:last-child {border-right: none;border-top:1px solid;border-bottom:2px solid;}
	div.publicMenu a:first-child {border-right: none;border-bottom:1px solid;border-top:2px solid;}
	.publicMenu a:hover{   background-color:Silver; color:#D65F01;}
	.publicMenu a.active { color:#D65F01; text-decoration:underline;}
	.publicBox{width:90%;margin: 0 auto;clear:both; padding: 0 10px;}
	.publicBox1{width:90%;margin: 0 auto;clear:both; padding: 0 10px;}
	.publicFooter {width:100%; position: fixed; bottom:0; text-align: center;}
	div.publicFooter p { position:relative; text-align: center; width: 300px;padding:15px 10px 15px 10px; border:solid 1px #EAEAEA;background:#F4F4F4;font-size:11px;}
	.divMenuHide {display:none;}
	.divMenu {display:block; padding: 10px;margin-top: 25px; width: 90%;}
	#menuBox.Hided {display:none;}
	div.publicBox1 h2.boxHeader, div.publicBox h2.boxHeader{	padding-top: 20px;	padding-bottom:20px;font-size:17px; color:#D65F01; margin:0; text-decoration: none; text-transform: none;}
	.boxHeader { width: 90%; text-align: center;}
	div.publicBox table tr.spacing {line-height:5px;}
	div.publicContent p { padding: 0 15px; line-height: 18px;}
	th.phone {background:transparent url("../images/phone.gif") no-repeat; padding: 0px 0px 0px 25px; text-align:right; line-height:20px; vertical-align:top;}
	th.email {background:transparent url("../images/email.gif") no-repeat; padding: 0px 0px 0px 25px; text-align:right; line-height:20px; vertical-align:top;}
	th.mail {background:transparent url("../images/mail.gif") no-repeat; padding: 0px 0px 0px 25px; text-align:right; line-height:20px; vertical-align:top;}
	th.mail+td { line-height: 20px;}
	td { text-align: left;}
}