@charset "utf-8";

body {
  color: #444;
  font-weight: bold;
	font-size: 1.4em;
	background-color: #C8F0FF;
}

.topMargin40 {
	margin-top: 40px;
}
.largefont {
	font-size: 1.4em;
}
.redfont {
	color: #E00000;
}
/*========================
== HEADER STYLE
=========================*/
header {
  color: #f2f2f2;
	background-color: #39A2FF;
	border-bottom: solid #004F94 8px;
	padding: 0;
}
#top h1{
  margin-top :10px;
}


.prf p {
  padding-top: 10px;
  font-size: 2em;
	text-align: right;
	line-height: 0.6em;
}
.prf i{
    color: #fff;
}
.prf span {
	font-size: 0.5em;
}

/*========================
== MAIN IMAGE STYLE
=========================*/
.mainImage {
  height: auto;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0px;
}

.sliderBox{

}
.slider li{
  list-style :none;
}


/*========================
== MAIN MENU STYLE
=========================*/

.mynav-area{
   background-color: #9ed3ff;
}
.mynav-area p {
	text-align: center;
}
.mynav{
  border :none;

}

.navbar-nav > li >a {
	padding-top: 24px;
	padding-bottom: 24px;
	color: #fff;
}
.navbar-nav > li > a:hover{
  color: #004F94;
}

li.no1 a {background-color :#ff5353;}
li.no2 a {background-color :#05A905;}
li.no3 a {background-color :#f90;}

.collapse{
  padding:0;
}

.col-xs-4 {
	border: 1px solid #FFFFFF;
}
.col-xs-12 {
	padding-left: 16px;
	padding-top: 16px;
}
/*========================
== CONTENTS STYLE
=========================*/
.container p{
  line-height :1.9em;
  letter-spacing :1px;
}

.content-margin{
  margin-top :40px;
}

.subtitle{
  text-align :center;
  margin-bottom:30px;
  margin-top :30px;
  padding-bottom :10px;
  padding-top :10px;
  color :#fff;
  border-radius :10px;
  background-color :#3b99eb;
  letter-spacing :5px;
 }

.subcolorR{
  background-color:#ff5353;
}
.subcolorG{
  background-color:#05A905;
}
.subcolorO{
  background-color:#f90;
}


.no-padding-left{padding-left:0;}


 /*========================
 == BTN STYLE
 =========================*/
.btn {
	border-radius: 8px;
}



/*========================
== FOOTER STYLE
=========================*/

footer{
  border-top :8px solid #004F94;
  margin-top:100px;
  padding :16px 0;
  background-color:#39A2FF;
  color :#fff;
  letter-spacing :5px;
}


/*---------------
 Link
----------------*/
a.clAber-link {
	text-decoration: none;
	color: #404040;

}
a.clAber-link:hover {
	text-decoration: none;
	color: #004580;
}
a.clAber-link img {
	border: 2px solid #e8e8e8;
	margin-bottom: 10px;
}
a.clAber-link:hover img {
 opacity:0.6;
 filter:alpha(opacity=60);
 -ms-filter: galpha( opacity=60 )h;
}
a.clAber-link:hover {
 color: #fff;
}

/*===================================================
=== PAGE TOP BTN STYLE
=======================================================*/
.pagetop {
  display: none;
	border-radius: 50%;
  height: 80px;
  width: 80px;
  background: #337AB7;
  line-height: 80px;
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity:0.8;
  filter:alpha(opacity=80);
}
.pagetop a {
	text-decoration: none;
  color: #fff;
	width: 80px;
	height: 80px;
	display: block;
}
.pagetop a:hover {
  border-radius: 50%;
	background-color: #f90;
}