*{
	padding:0px;
	margin:0px;
	
}

body{
	background:url(../image/bg-body.jpg) #FFF repeat-x;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#container{
	width:850px; height:auto; margin:0 auto;
	position:relative; background-color:#FFF;
}
.spacer{ line-height:0; font-size:0; clear:both;}

.scroll{
	overflow:auto;	width:auto;	display:block;	height:auto; padding:0px 10px 0px 0px;
}

#table1 {
	border-collapse: collapse;
}

#table1 tr td{
	border:1px solid #999; padding:5px; margin:0;
}

#container p {
	font-size:15px;
}

/*HEADER*/

#header{ width:100%; height:152px; position:relative;}
#header #topheader {	background-color: #666666;	height:20px;}

#header #topheader2 {
	background-color: #666666;
	height:3px;	top:125px; position:relative;
}

#header .logo1 {
	width:auto; height:70px;
	position:absolute; top:35px; left:0px;
}

#header .logo2 {
	width:365px; height:86px;
	position:absolute; top:20px; right:0px;
}

#header ul {
	width:auto; height:22px;
	position:absolute; bottom:12px; left:0px;
	background:#FFF;
}

#banner {
	width:100%; height:270px;
}

/*END HEADER*/

/*CONTENT*/

#content {
	width:100%; height:auto;
	position:relative; padding-bottom:10px; font-family: 'Muli', sans-serif;
}

#content #content_left {
	width:550px; height:auto;
	padding-right:10px; position:relative;float:left; text-align:justify
}

#content #content_left p2{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;	line-height:19px;	color:#333333;
}

#content #content_left #title{
	width:auto; height:42px;
	background:url(../images/titlebg.jpg) no-repeat ;
	position:relative; font-family:Arial, Helvetica, sans-serif;
	font-size:18px; color:#9f9f0f; padding-top:15px;
	
}
	
#content #content_left h1{
	font-family:Arial, Helvetica, sans-serif; font-style:italic;	
	font-size:24px;	line-height:29px; color:#1771ff;
	padding:20px 0px 20px 0px;
}

#content #content_right {
	width:285px; height:100%;
	position:relative;float:left; 
}

#content #content_right #image{
	width:100%; height:auto;
}

#content #content_right #image p{
	background:url(../images/titlebg.jpg) no-repeat ;
	width:auto; height:42px;
	position:relative; font-family:Arial, Helvetica, sans-serif;
	font-size:18px; color:#9f9f0f; padding-top:15px;
}

#content #content_right #image h4{
	width:auto; height:auto;
	position:relative; font-family: 'Muli', sans-serif;
	font-size:18px; color:#1B669E;   font-weight:400;
}

#content #content_right #image a{
	color:#1771ff; text-decoration:none;
}

#content #content_right #lineimage{
	width:100%; height:5px; background-color:#999900;
}

#content #content_right #content1{
	width:100%;
}

#content #content_right #content1 H3{
	padding:10px 0px;
}

#content ul {
	width:auto; height:auto; margin-left:20px;
	position:relative; list-style:none; font-size:12px;
}

#content ul li {
	margin:2px; 
	list-style:circle;
	font-size:15px;
}

#content ul li a{
	font:Arial, Helvetica, sans-serif; color:#2799ff;
	text-decoration:none;
}

#content ul li a:hover{
	text-decoration:underline;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* career */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


/*END CONTENT*/

/*#footer {*/
/*	width:auto; height:20px;*/
/*	background-color:#666666;*/
/*	text-align:center; color:#FFF; padding-top:3PX;*/
/*	position: fixed;*/
/*    bottom: 0;*/
/*    text-align: center;*/
/*}*/

#footer {
            /*position: fixed;*/
            /*padding: 10px 10px 0px 10px;*/
            background-color:#666666;
            bottom: 0;
            width: 100%;
            margin-top: auto;
            position: absolute;
            bottom: 0;
            height: 1.3rem;            /* Footer height */
    
}

/*footer {*/
/*    position: fixed;*/
/*    height: 80px;*/
/*    width: 100%;*/
/*    background-color: #333333;*/
/*    margin-top: auto;*/
/*}*/