html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
<meta name="viewport" content="width=device-width, initial-scale=1" />



/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

@-webkit-keyframes aniload {
 from {opacity:0}
 to   {opacity:1}
}

@-moz-keyframes aniload {
 from {opacity:0}
 to   {opacity:1}
}

@-ms-keyframes aniload {
 from {opacity:0}
 to   {opacity:1}
}

@-o-keyframes aniload {
 from {opacity:0}
 to   {opacity:1}
}

@keyframes aniload {
 from {opacity:0}
 to   {opacity:1}
}

body{
	
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	color:#2a2a2a;
	margin:0 auto;
	background:#e7e7e7;
	
-webkit-animation:aniload 3s;
-moz-animation:aniload 3s;
-ms-animation:aniload 3s;
-o-animation:aniload 3s;
animation:aniload 3s;
 }





* {	
margin:0;	padding:0;
}
a:focus{
	outline:0;
}
.clear{
	clear:both;
}







img {
	border:none;
}
ul, li {
	list-style:none;
	padding:0;
	margin:0;
}
a {
	color:#656565;
	border:none;
	text-decoration:none;
}
h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;	color:#ad8d37;	padding:0px 0 0px 0; 	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
   	}

h3 {
			font-family: 'Oswald', sans-serif; font-weight:normal;
 font-size:10pt;	color:#1ca86b; padding:0px;	line-height:19px;	font-weight: normal;	letter-spacing:.05em;}
h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	font-size:12pt;	color:#808080;	font-style: normal; 	font-weight:bold;	}


p{ 	font-family: "calibri bold"; color:#000000; font-size:15px;
}

#top{
	width:100%; height:auto; float:left; background:#c5a441;}
#menu-main{
	width:1100px; height:auto; margin:0 auto;}
#sub-menu-main{
	width:941px; height:auto; margin:0 auto;}
#menu{
	width:1100px; height:36px; float:left; background:#686868;}

#submenu{
	width:941px; height:36px; float:left; background:#686868;}


#header{
	width:100%;	height:auto;	float:left; background:#e7e7e7;}
#logo-main{
	width:1100px;	height:143px; margin:0 auto;}
#sub-logo-main{
	width:861px;	height:117px; margin:0 auto; background:#f5f5f5; padding:0 40px;}
#profile-logo-main{
	width:940px;	height:117px; margin:0 auto; background:#f5f5f5; padding:0 40px;}
#logo{
	width:154px;	height:143px; float:left;}
#sub-logo{
	width:154px;	height:117px; float:left;}

#logo-text{
	width:365px;	height:119px; float:right; padding-top:10px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; 	
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
 }
 
#sub-logo-text{
	width:349px;	height:100px; float:right; padding-top:10px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; 
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
 }
 
.default_img {padding-top: 0px; padding-bottom: 0px; }
img {max-width: 100%}     



#banner{ width:100%; height:auto; float:left;}
#sub-banner{ width:940px; height:195px; margin:0 auto;}




#footer{
	width:100%;	height:auto;	float:left; background:#fff;}
#footer-inner{ width:1100px; height:auto; margin:0 auto; text-align:center; padding:15px 0;}

.Bottom_menu_style ul {
	margin:0px;  
}

.Bottom_menu_style li {
	display:inline;	list-style-type: none;	padding:0px 5px 0px 5px;	color:#977109; font-weight:lighter;
}
.Bottom_menu_style li a {
	text-decoration: none;	font-family:Arial, Helvetica, sans-serif;	font-size:13px;
	color:#977109;	text-decoration:none;	text-align:left; font-weight:lighter;
}
.Bottom_menu_style li a:hover {
	color:#eacb85;
}

.sub_Bottom_menu_style ul {
	margin:0px;  
}

.sub_Bottom_menu_style li {
	display:inline;	list-style-type: none;	padding:0px 5px 0px 5px;	color:#e5c57b; font-weight:lighter;
}
.sub_Bottom_menu_style li a {
	text-decoration: none;	font-family:Arial, Helvetica, sans-serif;	font-size:13px; 
	color:#e5c57b;	text-decoration:none;	text-align:left; font-weight:lighter;
}
.sub_Bottom_menu_style li a:hover {
	color:#fff;
}



#content{ width:100%; float:left; height:auto;}
#sub-content{ width:851px; height:auto; padding:45px; margin:0 auto; background:#f5f5f5;}
#profile-content{ width:851px; height:auto; padding:45px; margin:0 auto; background:#f5f5f5;}
#profile-content{ width:940px; height:auto; padding:45px; margin:0 auto; background:#f5f5f5;}

.txt{ font-family: "calibri bold"; color:#000000; font-size:15px; line-height:18px; text-align:justify; 	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

#left-img{ width:334px; height:251px; float:right; padding:0 0px 0px 40px;}
#map{ width:334px; height:251px; float:left; padding:0 40px 20px 35px;}
#sub-footer{ width:100%; height:auto; float:left;}
#sub-footer-inner{ width:941px; height:20px; margin:0 auto; background:#686868; padding:13px 0; text-align:center;}
#profile-footer-inner{ width:941px; height:20px; margin:0 auto; background:#686868; padding:13px 0; text-align:center;}
#profile-footer-inner{ width:941px;  margin:0 auto; background:#686868; padding:13px 0; text-align:center;}
#sub-copy{ width:100%; float:left; height:auto; background:#c5a441; padding:10px 0;}
#copy-inner{ width:941px; height:auto; text-align:center; margin:0 auto;}

.mail{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:underline; color:#32d2d2d;}
.mail:hover{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-decoration:none; color:#7a7a7a;}

.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}


@keyframes slideUp {
	
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}




@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}


.contact-text{ width:200px; float:left; height:auto;}

.contact-form{ width:225px; height:auto; float:left;}
.login-id{ width:225px; height:25px; float:left; margin-bottom:10px; }
.commt{ width:225px; height:80px; float:left; margin-bottom:10px; }
.feild{ width:100%; height:25px; border:1px solid #e6c76a; color:#abaeaf; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding-left:8px;
}
.text-area{ width:100%; height:80px; border:1px solid #e6c76a; color:#abaeaf; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; padding-left:8px;
}




@media screen and (max-width: 780px) {
#top{
	width:100%; height:auto; float:left; background:#c5a441;}
#menu-main{
	width:100%; height:auto; margin:0 auto;}
#sub-menu-main{
	width:100%; height:auto; margin:0 auto;}
#menu{
	width:100%; height:auto; float:left; background:#686868;}
#sub-menu{
	width:100%; height:auto; float:left; background:#686868;}
	
	
#logo-main{
	width:100%;	height:auto; margin:0 auto;}
#logo{
	width:30%;	height:auto; float:left; padding:10px 0 0 10px;}
#sub-logo{
	width:30%;	height:auto; float:left; padding:15px 0 0 15px;}

#logo-text{
	width:50%;	height:auto; float:right; padding-top:30px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; }
#sub-logo-text{
	width:50%;	height:auto; float:right; padding-top:55px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; }
	
	
#footer{
	width:100%;	height:auto;	float:left; background:#fff;}
#footer-inner{ width:100%; height:auto; margin:0 auto; text-align:center; padding:15px 0;}



#sub-logo-main{
	width:90%;	height:auto; margin:0 auto; background:#f5f5f5; padding:0 10px;}
#profile-logo-main{
	width:90%;	height:auto; margin:0 auto; background:#f5f5f5; padding:0 10px;}
	

#sub-banner{ width:93%; height:auto; margin:0 auto; padding:0 0px;}


#content{ width:100%; float:left; height:auto;}
#sub-content{ width:90%; height:auto; padding:10px; margin:0 auto; background:#f5f5f5;}
#profile-content{ width:90%; height:auto; padding:10px; margin:0 auto; background:#f5f5f5;}
#left-img{ width:50%; height:auto; float:right; padding:0 0 0px 20px;}
	
	
#sub-footer{ width:100%; height:auto; float:left;}
#sub-footer-inner{ width:100%; height:auto; margin:0 auto; background:#686868; padding:10px 0; text-align:center;}
#profile-footer-inner{ width:100%;  margin:0 auto; background:#686868; padding:10px 0; text-align:center;}

#sub-copy{ width:100%; float:left; height:auto; background:#c5a441; padding:10px 0;}
#copy-inner{ width:100%; height:auto; text-align:center; margin:0 auto;}


.contact-form{ width:50%; height:auto; float:left; padding:0 0 0 0px;}
.login-id{ width:98%; height:auto; float:left; margin-bottom:10px; padding-right:20px; }
.commt{ width:98%; height:80px; float:left; margin-bottom:10px;  padding-right:20px; }
	
#map{ width:100%; height:auto; float:left; padding:0px;}
	}

@media screen and (max-width: 480px) {
#logo{
	width:40%;	height:auto; float:left; }
#sub-logo{
	width:40%;	height:auto; float:left; }
	
.default_img {padding:10px;}
img {max-width: 100%}    
 
#logo-text{
	width:50%;	height:auto; float:right; padding-top:25px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; }
#sub-logo-text{
	
	width:50%;	height:auto; float:right; padding-top:55px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; }
	
#sub-logo-main{
	width:90%;	height:auto; margin:0 auto; background:#f5f5f5; padding:0 10px;}
#profile-logo-main{
	width:90%;	height:auto; margin:0 auto; background:#f5f5f5; padding:0 10px;}
	
#left-img{ width:100%; height:auto; float:right; padding:0 0 10px 0px;}


#sub-banner{ width:95%; height:auto; margin:0 auto; padding:0 10px;}
	
.contact-form{ width:100%; height:auto; float:left; padding:0 0 0 0px;}
.login-id{ width:98%; height:auto; float:left; margin-bottom:10px; padding-right:20px; }
	
.commt{ width:98%; height:80px; float:left; margin-bottom:10px;  padding-right:20px; }
	
	}
@media screen and (max-width: 320px) {
#logo{
	width:40%;	height:auto; float:left; }
#sub-logo{
	width:40%;	height:auto; float:left; }
	
.default_img {padding:10px;}
img {max-width: 100%}    
 
#logo-text{
	
	width:50%;	height:auto; float:right; padding-top:30px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-right:10px; }
#sub-logo-text{
	
	width:50%;	height:auto; float:right; padding-top:50px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; padding-right:10px; }
	
	
	}
	
.left{ text-align:right;}