@charset "UTF-8";
/* SL Dec 2016 - english */

/* z-index -- 
main menu: 100
inside slos box : 10
to-top : 15
*/

@viewport{
    width: device-width;
}

@-ms-viewport{
  width: device-width;
}

/*html,body { margin:0 0 40px 0; padding:0; font-family:Arial, Helvetica, sans-serif; color: #505050; font-size:14px;  line-height:21px; text-align:justify; }*/
html { background:#E5EAC7; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; background-image:url(../images/green-bg.jpg); background-repeat: no-repeat; background-position: center center;}
body { margin:0 0 40px 0; padding:0; font-family:Arial, Helvetica, sans-serif; color: #505050; font-size:14px;  line-height:21px; text-align:justify; }

a:link { text-decoration: none; color: #6B9C1C; font-weight: bold;}
a:visited { text-decoration: none; color: #6B9C1C; font-weight: bold; }
a:hover { text-decoration: none; color: #B74720; font-weight: bold; }
a:active { text-decoration: none; color: #5e432d; font-weight: bold; }

hr { height: 8px; border: 0; box-shadow: 0 8px 8px -8px #D2D2D2 inset; margin: 30px 0;}
hr.style1 { height: 5px; border: 0; margin: 10px 0; box-shadow:none !important; }
hr.style2 { height: 5px; border-top: 1px solid #E2E2E2; margin: 15px 0; box-shadow:none !important; }

.txt-highlight { color:#B94715 !important; font-weight:bold; }

/*button style*/
.map-btn {
	-moz-box-shadow: 0px 2px 0px 0px #8a2a21;
	-webkit-box-shadow: 0px 2px 0px 0px #8a2a21;
	box-shadow: 0px 2px 0px 0px #8a2a21;
	background-color:#c62d1f;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	padding:5px 20px;
	text-decoration:none;
}
.map-btn:hover {
	background-color:#f24437;
}
.map-btn:active {
	position:relative;
	top:1px;
}


a.caption-btn { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; 
font-size:15px; line-height:15px; padding:5px 12px 4px 12px; background:#78B83F; color:#FFF; margin:3px; text-decoration:none !important; }
a.caption-btn:hover { background:#DD473E; color:#FFF; }


a.sl-btn { border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; 
font-size:18px; padding:5px 30px; border:#CECECE 1px solid; letter-spacing:normal; color:#5D432D; margin-right:15px; box-shadow: 0 4px #CECECE; }
a.sl-btn:hover { background:#B94715; color:#FFF !important; border:#B94715 1px solid; box-shadow: 0 4px #E04737; }


p { margin: 0 0 15px 0; }
p + ul { margin-top:-5px !important }
P + table { margin-top:-10px !important}

.scrollto { display: block; position: relative; visibility: hidden; top: -95px;}

h1 { color:#6B9C1C; font-size:24px; padding:0 0 5px 0; margin: 0 0 22px 0; letter-spacing: 0.02em; border-bottom:#B9DD7C 2px solid; text-align:left; }
h2 { color:#FFF; font-size:19px; padding:5px 18px; margin: 0 0 20px 0; letter-spacing: 0.02em; background:#6B9C1C; display:inline-block; border-radius:5px; font-weight:600; line-height:21px; text-align:left; }
h3 { color:#B94715; font-size:19px; margin: 0 0 10px 0; letter-spacing: 0.02em; font-weight:600; text-align:left; }
h4 { color:#5D432D; font-size:17px; margin: 0 0 5px 0; padding:0; font-weight:600; text-align:left; }
h5 { color:#5D432D; font-size:17px; margin: 0 0 5px 0 ; padding:0; font-weight:600; text-align:left; }
h6 { color:#FFF; font-size:15px; margin: 20px 0 0 0; padding:3px 0; font-weight:600; text-align:center; display:block; background:#5D432D; }

#col-right ul { margin:0 0 10px 0; padding: 0 0 0 25px; }
#col-right ul li { padding-top:3px; padding-bottom:3px; list-style:square; line-height:20px;}
#col-right ul li:first-child { padding-top:0px; }
#col-right ul li:last-child { padding-bottom:0px; }
#col-right ul ul { margin:0; padding: 0 0 0 20px; }
#col-right ul ul li { padding:0; list-style:disc; }

#col-right ol { margin:0 0 10px 0; padding: 0 0 0 25px; }
#col-right ol li { padding-top:3px; padding-bottom:3px; line-height:20px;}
#col-right ol li:first-child { padding-top:0px; }
#col-right ol li:last-child { padding-bottom:0px; }
#col-right ol ol { margin:0; padding: 0 0 0 20px; }
#col-right ol ol li { padding:0; list-style:disc; }

#col-right table ul { margin:0 !important; padding:0 0 0 20px !important; }
#col-right table { margin:0 0 5px 0; }

/* table style */
#col-right table { font-size:14px;  } 
#col-right table td { vertical-align:top; }
#col-right table th { padding:6px; text-align:center; font-weight:600; }

/* common table */
table.T1 { width: 100%; }
table.T1 td { padding:6px; background-color: #F3F3F3; }
table.T1 th { background:#E5EBC7; font-size:15px; color:#6B9C1C; line-height:18px; }

table.T2 { width: 100%; }
table.T2 td { padding:6px; }
table.T2 th { background:#E5EBC7; font-size:15px; color:#6B9C1C;}
table.T2 tbody:nth-child(odd) { background-color: #E9EAE2; }
table.T2 tbody:nth-child(even) { background-color: /*#F9F3DC*/ #F6F6F6; }

table.T3 { width: 100%; letter-spacing:normal !important; }
table.T3 th { background:#E5EBC7; font-size:15px; color:#6B9C1C; }
table.T3 td { padding:6px 8px; }
table.T3 tr:nth-child(odd) { background-color: #F3F3F3; }
table.T3 tr:nth-child(even) { background-color: #FFF; }

table.T4 { width: 100%; letter-spacing:normal !important; }
table.T4 td { padding:6px 8px; }
table.T4 th { background:#E8E8E8 !important; color:#666 !important; text-align:left !important; padding:6px 8px !important; font-size:15px !important; }
table.T4 ul li { padding:1px 0 !important; margin-right:25px; list-style:disc !important;padding-right:10px !important; }


/* location table */
table.location-table { width: 100%; border-collapse:collapse; margin-bottom:25px !important; padding:10px; }
table.location-table td { padding: 5px 8px;  border-bottom:#E4E4E4 1px solid; }
table.location-table th { color:#6B9C1C; background:#E5EBC7; padding:5px; letter-spacing:0.02em; text-align:center; font-size:16px; font-weight:600; border-radius:5px; }

/* map nav */
ul.map-list { margin:0 !important; padding:0 !important; }
ul.map-list li { float:left; margin:0 8px 15px 0; list-style:none !important; padding:0 !important; }
ul.map-list li a {  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
font-size:15px; padding:5px 10px; border:#999 1px solid; letter-spacing:normal; font-weight:normal; color:#999; }
ul.map-list li a:hover { background:#B94715; color:#FFF !important; border:#B94715 1px solid; }

/* to top */
.to-top { width:33px; height:33px; position:fixed; background:url(../images/to-top.png) no-repeat; z-index:15; right:50px; bottom:155px; }
.to-tc { width:33px; height:33px; position:fixed; background:url(../images/to-tc.png) no-repeat; z-index:15; right:50px; bottom:120px;}
.to-sc { width:33px; height:33px; position:fixed; background:url(../images/to-sc.png) no-repeat; z-index:15; right:50px; bottom:80px;}

#wrapper { margin:0 auto; width:1000px; padding:15px; /*border:#E4E4E4 solid 1px;*/ border-top:none !important; background:#FFF;
-webkit-box-shadow: 0 5px 10px -6px #666;
-moz-box-shadow: 0 5px 10px -6px #666;
box-shadow: 0 5px 10px -6px #666;
 }

#header { height:120px; width:1000px; }
.SL-logo { width:205px; height:87px; background:url(../images/SL-logo.png) no-repeat; position:relative; float:left; margin-top:10px; margin-left:15px;}
.SL-logo a { width:205px; height:87px; display:block; }
.SL-language { position:relative; float:right; margin-top:70px; }
.SL-language ul { list-style:none; margin:0 5px 0 0; padding:0; }
.SL-language ul li { float:left; margin-left:8px; }
.SL-language ul li a.language-btn { 
border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
font-size:13px; padding:3px 10px; border:#999 1px solid; letter-spacing:normal; font-weight:normal; color:#999;
}
.SL-language ul li a.language-btn:hover { background:#86BC39; color:#FFF !important; border:#86BC39 1px solid; }

/* Main menu */
.fixed { position:fixed;  float:none !important; left:0; top: 0; height: 40px;  width:100% !important; background:#FFF; padding:8px 0; border-bottom:#CCC 1px solid; z-index:100; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);}

#nav { height:40px; width:1000px; background:#5D432D; color:#FFF; letter-spacing: 0.03em; margin:0 auto !important;}
#nav li li { width:100%; }


.mainNav { height: 40px; list-style:none; padding:0; margin:0; line-height:40px;}
.mainNav li { position:relative; float: left; font-size: 14px; border-right:#907A60 solid 1px; }
.mainNav li a {  
display: block; color:#FFF; white-space:nowrap; text-decoration:none; padding: 0 20px; font-weight:normal;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }
.mainNav li:hover > a, .mainNav li:focus > a { background:#78B83F; color: #FFF; }

/* dropdown menu */
li.dropdown { background:url(../images/drop-arrow.png) -3px 12px no-repeat; }
.dropdown ul { position:absolute; z-index:100; left:0; top:40px; list-style:none; padding:0; margin:0; 
border:#699B13 1px solid; border-top:none;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px; }
.dropdown ul li { border-right:none !important; }
.dropdown ul li:last-child > a {
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px; }
.dropdown ul li a { 
background: #FFF;  text-align: left; display:block; font-weight:normal; color:#699B13; 
line-height:35px; height:35px;
-webkit-box-shadow: inset 0px 6px 10px -8px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 6px 10px -8px rgba(0,0,0,0.3);
box-shadow: inset 0px 6px 10px -8px rgba(0,0,0,0.3); }
.dropdown li a:hover { background:#699B13; color: #FFF; }
.dropdown li a:focus { background:#FF7400; color: #FFF; }


/* Main Banner */
#main-banner { height:320px; width:1000px; position:relative; margin-bottom:30px}
.banner-shadow  { -webkit-box-shadow: inset 0px 0px 5px 2px rgba(219,219,219,1);
-moz-box-shadow: inset 0px 0px 5px 2px rgba(219,219,219,1);
box-shadow: inset 0px 0px 5px 2px rgba(219,219,219,1); }

/* Inside Banner */
#banner-wrap { height:200px; width:1000px; background:#FFF; position:relative; }
#banner-inside { height:200px; width:1000px; }


/* adv or leaflet */
.box-wrap { width:100%; }
.box-wrap p { margin:5px 0 !important; }
.box-wrap img { border:#E9E9E9 1px solid; }

/* Main content */
#main-content { width:1000px; margin:25px 0; }

#main-col { width:1000px; text-align:center; margin-bottom:25px; position:relative; }
#main-col img {  border:#E3E3E3 1px solid; }
.main-box { width:300px; height:170px; margin:10px; display:inline-block; 
-webkit-box-shadow: 0px 6px 0px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 6px 0px 0px rgba(227,227,227,1);
box-shadow: 0px 6px 0px 0px rgba(227,227,227,1); }

/*#main-col { width:1000px; margin:0 auto; text-align:center; padding-bottom:25px; position:relative; }
#main-col img {  border:#E3E3E3 1px solid; }
.main-box { width:300px; height:170px; margin:10px; display:inline-block; 
-webkit-box-shadow: 0px 6px 0px 0px rgba(227,227,227,1);
-moz-box-shadow: 0px 6px 0px 0px rgba(227,227,227,1);
box-shadow: 0px 6px 0px 0px rgba(227,227,227,1); }*/

#main-btn { position:relative; margin-right:25px; }
#main-btn ul { padding:0; margin:0; list-style:none; float:right; }
#main-btn ul li { list-style:none; position:relative; float:left; margin-left:10px; }

/* SLOS inside box*/
.slos-box-wrap {
	width: 280px;
	background: rgba(164,198,149, 0.6);
	z-index: 10;
	position: absolute;
	top: 45px;
	right: 30px;
	-webkit-box-shadow: 0 5px 10px -5px #666;
	-moz-box-shadow: 0 5px 10px -5px #666;
	box-shadow: 0 5px 10px -5px #666;
}
ul.slos-box { background:#FFF; margin:5px; padding:0; list-style:none; }
ul.slos-box li { border-bottom:#CCC 1px solid; padding:1px 0; margin:0; height:45px; }
ul.slos-box li a { border:0 !important; padding:0 !important; margin:0 !important; }
ul.slos-box li:last-child { border-bottom:none; }
ul.slos-box li img, ul.slos-box li a img { border:0 !important; padding:0 !important; margin:0 !important; }

#inside-content { width:1000px; display:flex; padding:12px 0; }
#col-right { padding:40px 40px 30px 40px; flex:2 680px;}

/* Sub Menu*/
#col-left { background:#86BC39; flex:1 240px;
-webkit-box-shadow: inset -3px 0px 3px -3px rgba(0,0,0,0.85);
-moz-box-shadow: inset -3px 0px 3px -3px rgba(0,0,0,0.85);
box-shadow: inset -3px 0px 3px -3px rgba(0,0,0,0.85); }

#sub-sticky { width:240px;  }
.subHead { background:#B94715; color:#FFF; font-size:21px !important; text-align:center; padding:10px 0 !important; margin:0 0 10px -10px !important; letter-spacing:0.03em; font-weight:bold; width:240px; }
/*.subHead { background:#B94715; color:#FFF; font-size:21px !important; text-align:center; padding:10px 0 !important; margin-bottom:10px; letter-spacing:0.03em; font-weight:bold; }*/
ul.subNav { list-style:none; color:#FFF; padding:0; margin: 0 10px 10px 10px;  }
ul.subNav li { border-bottom:1px solid #95CB17; text-align:center; padding:3px 0; }
ul.subNav li:last-child { border:none !important; }
ul.subNav li a { display:block; color:#FFF; font-size:14px; line-height:18px !important; font-weight:normal !important; padding:7px 0 !important;}
ul.subNav li a.current { color:#5D432D; background:#E5EBC7; display:block; font-weight:bold !important; 
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 3px 0px 0px rgba(107,156,28,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(107,156,28,1);
box-shadow: 0px 3px 0px 0px rgba(107,156,28,1); }
ul.subNav li a:hover { 
color:#FFF; background:#699B13; display:block; font-weight:bold !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

ul.subNav-L2 { 
list-style:none !important; 
margin:8px 0 3px 0 !important; 
padding:5px !important; 
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
background:/*#A4D05E*/ #E5EBC7 !important;
-webkit-box-shadow: 0px 3px 0px 0px rgba(107,156,28,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(107,156,28,1);
box-shadow: 0px 3px 0px 0px rgba(107,156,28,1);}
ul.subNav-L2 li, ul.subNav-L2 li a { 
color:#3F2109 !important; 
font-size:14px !important; 
text-align:center !important; 
margin:0 !important; 
padding:5px 0 !important;
line-height:18px !important; }
ul.subNav-L2 li { border-bottom:/*#D7EBAF*/ #699B13 1px dotted !important; }
ul.subNav-L2 li a:hover { background: #5D432D !important; color:#FFF !important; padding-left:5px !important;
padding-right:5px !important;}


/* Footer */
#footer { width:970px;  height:85px; background:#F0F0F0; padding:15px; 
-webkit-box-shadow: inset 0px 6px 10px -8px rgba(80,80,80,0.65);
-moz-box-shadow: inset 0px 6px 10px -8px rgba(80,80,80,0.65);
box-shadow: inset 0px 6px 10px -8px rgba(80,80,80,0.65);}

#footer ul { padding:0; margin:45px 0 0 0;  /*margin:35px 0 0 0; */list-style:none; float:right; font-size:12px; }
#footer ul li { position:relative; float:left; border-left:1px solid #CCC; padding:0 5px; }
#footer ul li:first-child { border-left:none; }
#footer ul li a { color: #505050 !important; font-weight:normal; }
#footer ul li a:hover { color: #B74720 !important; font-weight:bold; }

/* original logo */
.erb-logo { width:170px; height:70px; background:url(../images/erb-logo.png) no-repeat; position:relative; float:left; margin-left:15px; margin-top:5px; }
.erb-logo a { width:170px; height:70px; display:block; }