@charset "utf-8";
/* CSS document */

/* import style */
@import url('menu.css');
@import url('marquee.css');
@import url('responsiveslides.css');
@import url('page.css');
@import url('gallery.css');
@import url('contact.css');
@import url('custom.css');
@import url('jasny-bootstrap.css');



body{
    margin: 0;
	padding: 0;
    font-size: 14px;
    background: url("../img/bg-2.png");
    font-family: "arial";
}
/*------------------------------------------------------------------------------------------*/
/*-----------------Universal Transition All is very very Harmful for Slider-----------------*/
/*------------------------------------------------------------------------------------------*/
a{
   transition: background .25s,color .25s;
}
/*{
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}*/
/*------------------------------------------------------------------------------------------*/
/*-----------------Universal Transition All is very very Harmful for Slider-----------------*/
/*------------------------------------------------------------------------------------------*/

/* global wrapper */
.wrapper{
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 30px #d3d3d3;
	height: auto;
	margin: 0 auto;
	max-width: 1060px;
	padding: 10px 20px;
	width: 100%;
}

/* header banner */
.banner img{
    width: 100%;
    max-width: 1020px;
}

#active_item{
   background-color:rgba(46, 46, 46, 1);
}


/* slider */
.slider{
    margin-top: -10px;
}

/* update feed */
.update{
    width: 100%;
    max-width: 1040px;
    margin: 5px 0;
}

.button{
    float: left;
    width: 100%;
    height: 35px;
    max-width: 100px;
    line-height: 32px;
    background: #C50405;
    color: #fff;
    text-shadow: 0 0 5px #6c6c6c;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.scroll{
    float: left;
    height: 33px;
    line-height: 33px;
    width: 100%;
    max-width: 920px;
}

marquee{
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
    color: rgba(5,29,29,1);
    padding: 0 10px;
}

/* main */
.main{
    margin-top: 5px;
}

/* slideshow start */
    .slide-left-content{
        float:left;
    }
/* slideshow end */

/* notice start */
.slide-right-content{
    float:right;
    overflow: hidden;
}
/* notice end */

/* notice */
.notice{
    border: 1px solid rgba(0,0,0,0.1);
    margin-right: 0px;
    padding: 10px 10px 5px;
    height: 100%;
    min-height: 350px !important;
}

p {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 10px;
    text-align: justify;
}


.notice h3{
	border-bottom: 1px solid rgba(3,62,12,1);
	color: #0092B7;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 5px;
}

.notice .marquee{
    padding: 10px 0;
    border: 1px solid transparent;
    height: 235px;
}

.notice .marquee ul{
    padding: 0;
    list-style-type: none;
}

.notice .marquee ul li{
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 6px 10px;
}

.notice .marquee ul li:hover{
    border: 1px solid rgba(3,62,12,1);   
}

.notice .marquee a{
    text-decoration: none;
    color: black;
    display: block;
	font-size:15px;
	text-align:justify;
}

/* speech */
.speech{
	height: 100%;
	margin-right: 5px;
	min-height: 300px !important;
	padding: 10px;
}

.col-md-6 {
    /* box-shadow: 0 0 3px #d3d3d3; */
    margin-top: 9px;
    /* width: 99%;*/
}

.speech h3{
	border-bottom: 1px solid #e3e3e3;
	color: rgba(3,62,12,1);
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	margin-left: 133px;
	margin-top: 0;
	padding-bottom: 5px;
}

.speech img{
	width: 100%;
	max-width: 120px;
	height: auto;
	float: left;
	margin-right: 15px;
	margin-top: -42px;
	margin-bottom: 3px;
}

.speech a{
    text-decoration: none;
    color: rgba(5,29,29,1);
    font-style: italic;
}

.margin-top-5{
    margin-top: 5px;
}

/* width-speech */
.width-speech{
	border: 1px solid #e3e3e3;
	box-shadow: 0 0 5px #e3e3e3;
	height: 99%;
	margin-right: 5px;
	margin-top: 5px;
	min-height: 300px !important;
	padding: 10px;
}

.width-speech h3{
	border-bottom: 1px solid #e3e3e3;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 0;
	padding-bottom: 5px;
}

.width-speech a{
    text-decoration: none;
    color: rgba(5,29,29,1);
    font-style: italic;
}

/* pannel-custom */
.pannel-custom-1{
    margin-top: 0 !important;
}

.pannel-custom{
    /*margin-top: 5px;*/
    margin-left: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    background: #F7F7F7;
}

.pannel-custom-new{
    background: #fff;
    border: 1px solid #f2f2f2 !important;
    margin-top: 2px;
}

.pannel-custom-new h3{
    background: #0092B7 !important; 
}

.pannel-custom h3{
    text-align: center;
    margin-top: 0px;
    background: #C50405; /*#006900*/
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 0;
    color: #fff;
}

.pannel-custom ul{
    padding: 0;
    list-style-type: none;
}

.pannel-custom ul li{
    border: 1px solid #E0E0E0;
    width: 90%;
    margin: 6px auto;
    padding: 6px;
}

.pannel-custom ul li:hover{
    border: 1px solid rgba(0,0,0,0.2);
}

.pannel-custom ul li:hover a{
    color: #C50405;
}

.pannel-custom ul li:hover a i{
    color: #C50405 !important;
}

.pannel-custom-new ul li{
    border: 1px solid rgb(230, 230, 230) !important;
}

.pannel-custom-new ul li:hover{
    border: 1px solid #C50405 !important;
}

.pannel-custom ul a{
	color: black;
	display: block;
	text-decoration: none;
	font-size:16px;
}

.pannel-custom ul a:hover{
    color: #C50405 !important;
}

.pannel-custom-new ul a{
    color: #333;
	font-size: 16px;
}

.pannel-custom-new ul a:hover{
    color: #fff;
}

/* footer */
.footer-wrapper{
    background: #222;
    margin: 0 auto;
    padding: 20px 20px;
    width: 100%;
    max-width: 1060px;
    height: auto;
}

.footer-wrapper h4{
    color: rgb(255, 255, 255) !important;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;*/
    padding-bottom: 10px !important;
    margin-bottom: 5px !important;
}

.footer-wrapper ul{
    padding: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.footer-wrapper ul li{
	color: floralwhite;
	font-size: 14px;
	line-height: 27px;
}

.footer-wrapper a{
	color: floralwhite;
	font-size: 14px;
	text-decoration: none;
}

.footer-wrapper ul.social{
    margin-top: 10px;
}

.footer-wrapper ul.social li{
    float: left;
    margin-right: 8px;
    border: 1px solid rgba(255,255,255,0.3);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
}

.footer-wrapper ul.social li:hover{
    background: rgba(255,255,255,1);
    cursor: pointer;
}

.footer-wrapper ul.social li:hover a i{
    color: #0092B7 !important;
}

.footer-wrapper a:hover{
    color: #fff;
}

.footer-wrapper a:hover i{
    /*color: #0092B7 !important;*/
}

/* footer bottom*/
.footer-wrapper-bottom{
    background: #222;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1060px;
    height: auto;
}

.footer-wrapper-bottom p{
	color: darkgray;
	font-size: 13px;
	margin-bottom: 0 !important;
	padding: 30px 20px 0;
}

.footer-wrapper-bottom p span{
    float: right;
}

.footer-wrapper-bottom a{
    text-decoration: none;
    color: darkgray; 
}

.footer-wrapper-bottom a:hover{
    color: aliceblue;
}

.footer-border-top{
    border-bottom: 1px solid #000;
}

.footer-border-bottom{
    border-top: 1px solid #565656;
}

.footer .col-md-3:first-child{
    border-left: 1px solid transparent;
}

.footer .col-md-3{
    border-left: 1px solid #565656; 
}