body { background-color: #FFFFFF; width: 100%; margin: 0; padding: 0px; }
body, td, p, input, textarea { font-family: 'Open Sans', Tahoma; font-size: 14px; color: #000000; }
h1 { font-family: 'Open Sans', Tahoma; font-weight: normal; font-size: 28px; font-weight: 300; color: #000000; letter-spacing: -1px; line-height: 1.2; }
h2 { font-family: 'Open Sans', Tahoma; font-weight: normal; font-size: 22px; font-weight: 400; color: #000000; letter-spacing: -1px; line-height: 1.2; }
h3 { font-family: 'Open Sans', Tahoma; font-weight: normal; font-size: 18px; font-weight: 400; color: #000000; line-height: 1.2; }
a:link, a:visited, a:active { color: #FF0000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
hr { height: 1px; color: #C0C0C0; }

.menu { font-size: 15px; background: #F6F7FB; margin-bottom: 0px; }
.menu ul { list-style: none outside; margin: 0px; padding: 0px; }
.menu ul li { float: left; list-style: none outside; border-right: 1px solid #E0E0E0; margin: 0px; padding: 0px; }
.menu ul li:last-child { border: none; }
.menu .nav a:link, .menu .nav a:visited, .menu .nav a:active { color: #000000; background: #F6F7FB; text-decoration: none; }
.menu .nav a:hover { color: #FFFFFF; background: #FF0000; text-decoration: none; }
.menu ul li a { padding: 15px 20px; }
.menu ul li ul li { width: 100%; }

.logo { float: left; font-size: 10px; font-weight: 400; text-align: center; line-height: 1.2; margin: 10px 0px 10px 0px; }
.logo_title { float: left; color: #3D3D73; font-size: 32px; font-weight: 600; text-shadow: 3px 3px 3px #909090; letter-spacing: -1px; margin: 30px 0px 0px 10px; }

.contact { font-size: 28px; font-weight: 300; color: #FF0000; margin: 35px 0px 0px 0px; }
.contact p { font-size: 18px; font-weight: 300; color: #505050; }
.contact p b, .contact p strong { font-size: 28px; font-weight: 300; color: #FF0000; }

.slide { padding: 0px; }
.slide_inside { width: 100%; height: 200px; background: url('/images/title/slide.jpg') left center no-repeat; background-size: cover; }
.slogan { background-color: #FF0000; height: 200px; padding: 0px; }
.slogan_inside { font-size: 24px; font-weight: 300; color: #FFFFFF; text-align: center; letter-spacing: -1px; margin: 60px 20px 0px 20px; }
.slogan_inside p { font-size: 24px; font-weight: 300; color: #FFFFFF; text-align: center; letter-spacing: -1px; }

.left { padding: 0px; }
.menu_left { width: 95%; background-color: #D2FCFA; padding: 40px 20px 40px 0px; }
.menu_left a:link, .menu_left a:visited, .menu_left a:active { color: #004B50; text-decoration: none; }
.menu_left a:hover { color: #000000; text-decoration: none; }
.menu_left ul { margin: 0px 0px 0px 40px; padding: 0px; }
.menu_left ul li { list-style-image: url('/images/title/arrow1.gif'); margin: 0px 0px 15px 0px; padding: 0px; }
.menu_left ul li ul { margin: 10px 0px 0px 20px; }
.menu_left ul li ul li { font-size: 13px; list-style-image: url('/images/title/arrow2.gif'); margin: 0px 0px 10px 0px; padding: 0px; }

.gray { background-color: #F0F0F8; }
.bg { background: url('/images/title/bg.gif') repeat-x; }


.col-md-2-4, .col-xs-2-4, .col-sm-2-4, .col-lg-2-4 { float: left; width: 20%; }
@media ( max-width: 1199px )
{
  .col-lg-2-4 { width: 100%; }
}
@media (max-width: 991px)
{
  .col-md-2-4 { width: 100%; }
}
@media (max-width: 767px)
{
  .col-sm-2-4 { width: 100%; }
}

.plain_text { margin: 30px 0px 50px 0px; }
.plain_text h1 { margin-bottom: 20px; }
.plain_text p { line-height: 1.5; }

.plain_text ul { margin-bottom: 20px; }
.plain_text ul li { margin-bottom: 5px; }

.news { margin-bottom: 20px; }
.news h3 { font-size: 16px; font-weight: 600; margin: 4px 0px 4px 0px; padding: 0px; }
.news p { font-size: 13px; margin: 0px; padding: 0px; }
.news .news_date { margin-top: 20px; font-size: 11px; color: #909090; }

.jssorb05 { position: absolute; }
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { position: absolute; width: 16px; height: 16px; background: url('/images/title/b05.png') no-repeat; overflow: hidden; cursor: pointer; }
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora11l, .jssora11r { display: block; position: absolute; width: 37px; height: 37px; cursor: pointer; background: url('/images/title/a11.png') no-repeat; overflow: hidden; }
.jssora11l { background-position: -11px -41px; }
.jssora11r { background-position: -71px -41px; }
.jssora11l:hover { background-position: -131px -41px; }
.jssora11r:hover { background-position: -191px -41px; }
.jssora11l.jssora11ldn { background-position: -251px -41px; }
.jssora11r.jssora11rdn { background-position: -311px -41px; }

.gallery { display: block; font-size: 12px; margin: 20px 20px 20px 0px; }
.gallery img { width: 160px; }

#footer { color: #404040; font-size: 13px; background: #DBDCE0; border-top: 10px solid #D0D0D0; padding: 20px 0px 20px 0px; }
#footer h4 { color: #404040; font-weight: 400; }
#footer p { color: #404040; font-size: 13px; line-height: 1.6; }
#footer a:link, #footer a:visited, #footer a:active { color: #55ACEE; text-decoration: underline; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#footer .dev { font-size: 11px; color: #909090; }
#footer .dev a:link, #footer .dev a:visited, #footer .dev a:active { color: #909090; text-decoration: none; }
#footer .dev a:hover { color: #000000; text-decoration: none; }
#footer ul { list-style: none outside; margin: 15px 0px 0px 0px; padding: 0px; }
#footer ul li { list-style-image: url('/images/title/arrow2.gif'); margin: 0px 0px 2px 15px; }
#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active { color: #404040; text-decoration: none; }
#footer ul li a:hover { color: #000000; text-decoration: none; }
#footer .contact_bottom { float: left; }
#footer .counter { float: right; margin-top: 10px; }