* { margin:0; outline:0 none;  padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:16px;  color:#666666;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0 none; vertical-align:top;}
textarea {  overflow: auto;}
ul, li { list-style: none outside none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;   margin: 0;   padding: 0;   }
a { text-decoration: none; color:#666666;}
.clear {clear:both; display:block; visibility:hidden; line-height:0;}
.blue{ color:#26bce9;}

.left{ float: left; display: inline; }
.right { float: right; display: inline; }
.wrap{ width:960px; margin:0 auto;}

/*header start*/
#header{   width:960px; margin:0 auto; height:79px; padding-top:30px;}
#header .logo a{ width:230px; height:50px; float:left; background:url(../images/logo.gif) top left no-repeat; text-indent:-9999px; display:block;}
#header .menubar{  float:right; padding-top:30px;}
#header .menubar ul{ display:table;width:600px;}
#header .menubar ul li{ display:table-cell; text-align:right;}
#header .menubar ul li.current a{color: #F7A935;}
#header .menubar ul li a{ font-size:19px; color:#2d2d2d; display:block; }
#header .menubar ul li a:hover{ color: #F7A935;}
#mobile_nav{ display:none;}

/*footer start*/
.footer{ width:960px; margin:0 auto; padding-bottom:30px; }
.footer .contact{font-size:12px; float:left; width:92%;}
.footer .contact p{ float:left;}
.footer .contact span{  padding:0 10px;}
.footer .copyright{ font-size:12px; color:#989898; line-height:21px;}

.footer .social{ width:6%; float:right; display:table}
.footer .social a{ width:20px; height:20px;   text-indent:-9999px; display:table-cell; background-position:top left; background-repeat:no-repeat; }
.footer .social a.fb{ background-image:url(../images/social_fb.gif) ; }
.footer .social a.twt{background-image:url(../images/social_twt.gif);}
#slider3{overflow: hidden;position: relative; height: 37px !important;}


@media only screen and (min-width:768px) and (max-width:999px){
    #header{   width:728px; height:65px; padding-top:25px;}
	#header .logo a{ background-size:190px 41px;  width:190px;}
	#header .menubar{  float:right; padding-top:20px;}
	#header .menubar ul{ width:480px; }
	#header .menubar ul li a{ font-size:17px; margin-left:20px;}
	#mobile_nav{ display:none;}
	
	.footer{ width:728px;  padding-bottom:30px; }
	.footer .contact{font-size:11px;  width:668px;  line-height:18px;}
	.footer .contact span{ padding:0 5px;}
	.footer .copyright{ font-size:11px; }
	
	.footer .social{ width:50px; }
	.footer .social a{  width:18px; height:18px; margin-left:5px; }
	.footer .social a.fb{ background-size:18px;}
	.footer .social a.twt{ background-size:18px;}
}

@media only screen and (min-width:480px) and (max-width:767px){
	#header{   width:460px; height:105px; padding-top:25px; }
	#header .logo a{ margin:0 auto; text-align:center; float:none;}
	#header .menubar{ float:none;padding-top:22px;}
	#header .menubar ul{ width:460px;  }
	#header .menubar ul li{ text-align:center; }
	#header .menubar ul li a{ font-size:17px;}
	
	#mobile_nav{ display:none;}
	
	.footer{ width:440px;  padding-bottom:30px; }
	.footer .contact{font-size:11px;  width:440px; line-height:20px; float:none;}
	.footer .contact p.address{ float:none;}
	.footer .contact p.phone span{ display:none;}
	.footer .contact span{ padding:0 8px;}
	.footer .social{ padding:5px 0; float:none; width:12%;}
	.footer .social a{ background-position:top left;}
	.footer .copyright{ font-size:11px; }
	}

@media only screen and (max-width:479px){
	body{ position:relative;}
	#header{ width:100%;  min-width:300px;height:62px; padding-top:15px; height:auto; }
	#header .logo a{ float:none; margin-left: 10px; background-size: 175px 38px; width:175px; height:38px; margin-bottom:15px;}
	#header .menubar{  position: absolute; top:26px; right:10px; background:url(../images/menu_reponsive320.jpg) top left no-repeat; width:28px;   z-index:100; cursor:pointer; padding-top:0px; height:22px;}
	#header .menubar ul{ display:none;}
	
	#mobile_nav{ display:block;  border-top: 2px solid #E1E1E1; width:100%; width:100%;  z-index:500; min-width:320px;}
	#mobile_nav li { display:block; z-index:500; text-align:left; border-bottom: 1px solid #DDD; background-color:#fefefe; }
	#mobile_nav li a{padding:10px 0 12px 10px; display:block; font-size:17px; color:#2d2d2d;}
	#mobile_nav li span.more{ float:right; font-size:0.7em; color:#999; margin-right:10px; background:url(../images/mobile_nav_more.png) top left no-repeat; text-indent:-9999px; width:12px; height:8px; margin-top:8px;}
	#mobile_nav li:hover{ background-color:#F1F1F1;}
	#mobile_nav li.current{ background-color:#F1F1F1;}
	#mobile_nav li.menu_list{border-left: 5px solid #F7A935; border-bottom: medium none; }
	#mobile_nav li.menu_list a{ padding-left:25px;   color:#888;background:#fff; }
	#mobile_nav li.menu_list a:hover{ color: #F7A935;}
	#mobile_nav li.menu_list:hover{ background-color:rgba(255,255,255,0.9);}
	#mobile_nav li.menu_list li:first-child{ border-top:none; }
	#mobile_nav li.menu_list li.current a{ color: #F7A935;}
	#mobile_nav li span.show{ float:right; font-size:0.7em; color:#999; margin-right:10px; background:url(../images/mobile_nav_show.png) top left no-repeat; text-indent:-9999px; width:8px; height:12px; margin-top:6px;}
	
	.footer{  padding-bottom:30px; min-width:300px; width:100%; }
	.footer .contact{font-size:12px; padding-left:10px; line-height:23px; float:none;}
	.footer .contact p{ float:none;width:100%; }
	.footer .contact p span{ display:none;}
	.footer .contact span{ padding:0 5px;}
	.footer .copyright{ font-size:12px; border-top: 2px solid #EDEDED; padding-top:10px; padding-left:10px; }
	
	.footer .social{ padding:5px 0; float:none; width:50px; margin-left:10px;margin-bottom:15px;}
	.footer .social a{ background-position:top left; } 
	}