/*
Template Name:Carpenter
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/

body{
font-family: 'Philosopher', sans-serif; 
  }
a{ 

}
a:hover{
text-decoration:none;
}
p {
color: rgb(37, 37, 37);
font-size: 19px;
padding-bottom:10px;
}
h1,h2,h3,h4,h5,h6{
padding:0px;
margin:0px;
}
h1{
font-size:64px;
color:#000;
font-weight:bold;
}
h2{
font-size: 46px;
color:#000;
font-weight: bold;
}
h3{
font-size: 26px;
color:#000;
}
h4{
font-size:23px;
color:#000;
}
h5{
font-size: 22px;
color:#000;
}
h6{ 
font-size: 15px;
color:#000;
} 
ul{
padding:0;
margin:0;
list-style:none;	
}
b{ 

}
span{ 

}
br{ 

}
section{ 

}
.img_responsive{ 
 width:100%
 }
.button{ 
font-size: 18px;
border: 1px solid #b56f13;
padding: 13px 38px 13px 38px;
border-radius: 10px;
color: #fff;
background-color: #b56f13;
letter-spacing: 1px;
}
.button:hover{ 
color: #ffffff;
background-color:#e69832;
border-color:#e69832;
}
.space_left{
padding-left:0; 
} 
.space_right{
padding-right:0; 
} 
.space_all{
padding:0; 
}  
#header_main .glyphicon {
 top: 2px;
}
/********************* header_main ****************/
#header_main{ 
 padding-top: 5px;
 padding-bottom: 9px;
 border-bottom: 1px solid #b88a4d;
 background-color: #b88a4d;
 }
.header_main_1 li{ 
 display:inline;
 margin-right:10px;
 }
.header_main_1 i{ 
 margin-right:10px;
 color: #fff;
 font-size:18px;
 }
.header_main_1 li a{ 
 font-size:18px;
 color:#f1f1f1;
 }
.header_main_1 ul{ 
 padding-top:5px;
 }
.header_main_2{ 
 text-align:center;
 }
.header_main_3 ul{ 
 float:right;
 padding-top:9px;
 }
.header_main_3 li{ 
 display:inline;
 margin-right:10px;
 }
.header_main_3 i{ 
 margin-right:4px;
 color:#f1f1f1;
 font-size:18px;
 }
.header_main_3 a i:hover{ 
 color: #3f6ef3;
 }
.well_1 i{ 
 font-size: 45px;
 color: #b56f13;
 margin-right: 7px;
 }
#header_main .login {
 float: right;
}
#header_main .navbar-nav {
 float: right;
}
ul.nav-login li{
 display:inline-block;
}
/********************* header_main_end ****************/
/********************* header ****************/
#header{ 
 background: #ffffff;
 box-shadow: 0 0 5px black;
 }
#header .navbar-default .navbar-collapse{
border-color: #e7e7e7;
}
#header .navbar-nav>li>.dropdown-menu {
width:200px;
padding-bottom: 10px;
padding-top:5px;
margin-top:0px;
background-color: #000;
}
.cd-secondary-nav {
  position: static;
}
.cd-secondary-nav .is-visible {
  visibility: visible;
  transform: scale(1);
  transition: transform 0.3s, visibility 0s 0s;
}
.cd-secondary-nav.is-fixed {
    z-index: 9999;
    position: fixed;
    left: auto;
    top: 0; 
	width:100%;
  }
#header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 color: #b88a4d;
 background:none;
}
#header .navbar-default .navbar-nav>li>a {
color:#000;
font-size: 19px;
padding-top: 20px;
padding-bottom: 20px;
font-weight: bold;
}
#header .navbar-default .navbar-nav>li>a:hover{
 color: #b88a4d; 
 background:none;
}
#header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background:none;
}
#header .navbar-default {
border:none;
padding-top:0px;
padding-bottom:0px;
}
#header .dropdown-menu>li>a {
display: block;
padding: 3px 5px 5px 15px;
line-height: 22px;
font-size:19px;
font-weight:bold;
color:#fff;
text-align:left;
}
#header .navbar-default {
background:none;
border:none;
}
#header .dropdown-menu>li>a:hover{
color:#b88a4d;
background:none;
}
#header .navbar {
margin-bottom:0px;
}
#header .navbar-brand {
 color: #b88a4d;
 font-size: 39px;
 font-weight: bold;
 padding-top:5px;
}
#header .navbar-nav {
float: right;
}
#header .nav>li>a {
padding: 10px 15px;
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background:#b88a4d;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
.tell_1{ 
 border-bottom: 1px solid #b88a4d;
 padding-top:5px;
 padding-bottom:5px;
 margin-bottom:5px;
 }
 #header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
 background: none;
 color: #b88a4d;
}
/********************* header_end ****************/
/********************* plan ****************/
#plan{ 
padding-top:100px;
padding-bottom:100px; 
 }
#plan .panel
{
    text-align: center;
}
#plan .panel:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35); }
#plan .panel-body
{
    padding: 0px;
    text-align: center;
}

#plan .the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

#plan .the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

#plan .subscript
{
    font-size: 25px;
}

/* CSS-only ribbon styles    */
#plan .cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
#plan .cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
#plan .cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
#plan .cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
#plan .cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
#plan .cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}
/********************* plan_end ****************/
/********************* news ****************/
#news{ 
 padding-top:30px;
 padding-bottom:30px;
 }
.news_1 h3 {
 color: #b56f13;
}
.news_1 h2 {
 padding-bottom:20px;
}
.news_2{
 box-shadow: 0 0 2px 0px #9e9c9c;
 padding: 10px;
}
.news_2 h5{
 padding-top:25px;

}
.news_2 p{
 padding-bottom:0px;
}
.news_2 h5 a{
 color:#254cf5; 
}
.news_2 ul{
 
    text-align: center;
 padding-bottom:10px;
}
.news_2 li{ 
 display:inline;
 padding-bottom:20px;
 font-size:20px;
}
.news_2 li a{ 
 display:inline;
 padding-bottom:20px; color:#254cf5;
 font-size:20px;
}
.news_2 i{
text-align: center;
 color: #b56f13;
}
.news_2 img{ 
 position:relative;
 }
.news_3{ 
 position: absolute;
 top: 43%;
 left: 13%;
 }
.news_3 i {
 border-radius: 50%;
 height: 61px;
 width: 61px;
 line-height: 61px;
 font-weight: 400;
 font-size: 17px;
 background-color:#B89453;
 color: #fff;
 box-shadow: 0 0 2px 8px white;
 text-align:center;
}
/********************* news_end ****************/


/********************* personal ****************/
#personal{ 
 background-color: #f8f8f8;
 padding-top:50px;
 padding-bottom:50px;
     }
.personal_1 h5{ 
color: #6b6c6f; padding-bottom:10px;
     }
.personal_1 h3{ 
color: #686a6a;
font-weight:bold;
     }
.personal_1 p{ 
color: #272727;
line-height:33px;
font-size:20px;
padding-top:15px;

padding-bottom:30px;
     }

#personal .img-responsive,
#personal .thumbnail > img,
#personal .thumbnail a > img,
#personal .carousel-inner > .item > img,
#personal .carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------- Carousel Styling ------------------- */

#personal .carousel-inner {
  border-radius: 15px;
}

#personal .carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

#personal .carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

#personal .carousel-control.left,
#personal .carousel-control.right {
  background-image: none;
}


/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

#personal .section-white {
   padding: 10px 0;
}

#personal .section-white {
  background-color: #fff;
  color: #555;
}

@media screen and (min-width: 768px) {

  .section-white {
     padding: 1.5em 0;
  }

}

@media screen and (min-width: 992px) {

}
/********************* personal_end****************/

/********************* middle ****************/
#middle{ 
 padding-top:50px;
 padding-bottom:100px;
 }
.middle_1{ 
 text-align:center;
 }
.middle_1 p{ 
 font-size:20px;
 color:#000;
 padding-bottom:5px;
 }
.middle_1 h2{ 
 font-size:38px;
 color: #003666;
 font-weight:bold;
 padding-bottom:40px;
 }
.middle_2{
 border:1px solid #f1f1f1;
 text-align:center;
 padding:30px 20px 30px 20px;
 box-shadow: 0 0 10px 10px #b7b5b5;
 } 
.middle_3 h3{ 
 font-size:30px;
 padding-bottom:10px;
 } 
.middle_3 p{ 
 font-size:18px;
 padding-bottom:10px;
 color: #666;
 } 
.middle_3 ul{ 
 padding-top:10px;
 padding-bottom:5px;
 border-top:1px solid #d9d9d9;
 border-bottom:1px solid #d9d9d9;
 margin-bottom:5px;
 } 
.middle_3 li{ 
 padding-bottom:10px; 
 color: #666;
 font-size:17px;text-align: left;
 }
.middle_4 ul{ 
 padding-top:10px;
 padding-bottom:10px;
 }
.middle_4 li{ 
 display:inline;
 }
.well_4 i{ 
 font-size:20px;
 margin-right:5px;
 color: #fab400;
 }
.well_5{ 
 font-size:38px;
 color: #fab400;
 }
.well_4{ 
 font-size:20px;
 color: #fab400;
 }
.middle_4 p{ 
 padding-top:20px;
 padding-bottom:20px;
 }
.middle_4 p a{ 
 font-size:22px;
 border:1px solid #fab400;
 padding:10px 10px 10px 10px;
 background:#fab400;
 color:#fff;
 }
.middle_4 p a:hover{ 
 color:#fff;
 background: #003666;
 border:1px solid #003666;
 }
/********************* middle_end ****************/
/********************* contact_inner ****************/
#contact_inner{ 
 padding-top:0px;
 }
/********************* contact_inner_end ****************/

/********************* contact ****************/
#contact{ 
padding-top:50px;
padding-bottom:30px;
background-color: #f1f1f17a;
 }
.contact_1 h1{
  font-size:48px;
 font-weight: 300;
 letter-spacing: 0.1em;
 padding-bottom:20px;
          }
.contact_2 h4{
 font-size: 30px;
 font-weight: 700;
 letter-spacing: 0.05em; 
 padding-bottom:10px;
             }
.contact_2 h5{
 font-size: 18px;
 line-height: 30px;
 color: #808085;
 padding:0;
 margin:0;
 }
.contact_2 h5 i{
 font-size: 18px;
 line-height: 20px;
 color: #808085;
             }
.contact_2 a{
text-decoration:none;
color: #1d62fc;
 }
.contact_2 a:hover{
color: #808085;
 }
.media_1{
 color: #3d3d3e;
 margin:5px;
 font-size:22px;
 }
.media_2{
margin:5px;
}
.contact_3 h3{   
  color: #222431;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.05em;
 }
.contact_3 p{   
color:#999999;
padding-bottom:20px;  
}
.contact_4 input{
 padding-top:20px;
 padding-bottom:20px;
 margin-bottom:10px;
             }
.contact_5 textarea{
height:155px;
width:100%
                  }
.contact_5{
padding-bottom:30px;
}
.contact_6 ul{  
 padding:0;
 margin:0;
}
.contact_6 li{  
 padding:0;
 margin:0;
 display:inline;
  }
.contact_6{
padding-top:30px;  
padding-bottom:40px; 
}
.contact_6 a{  
border: 1px solid #fab400;
padding: 17px 50px 17px 50px;
border-radius: 30px;
text-decoration: none;
background: #fab400;
color: #003666;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
}
.contact_6 a:hover{  
background: #222431;
border:1px solid #222431; 
color:#fff;
}
.popover_1{   
padding-left:10px;
          }
/********************* contact_end ****************/

/*********************article****************/
#article{
  padding-top:40px;
  padding-bottom:50px;
  background:#f4f4f4;
  }
.article_1{
 margin-top:20px; 
  }
.article_1 h1{
font-size: 55px;
padding-bottom: 15px;
  }
.article_1 p{
font-size: 21px;
line-height: 28px;
letter-spacing: 1px;
  }
.article_1r ul li{
display:inline-block;
padding-right:10px; 
padding-left:10px; 
  }
.date{
 color:#666; 
  }
.article_1r ul li i{
margin-right:5px;
  }
.text{
 color:#00c5b5; 
  }
.article_1r{
 margin-top:100px; 
  }

/*********************article_end****************/

/********************* project ****************/
#project{ 
background-image: url(../images/them/tEarth.jpg); /*background image*/
background-attachment:fixed;
background-repeat: no-repeat;
background-size: cover;
  }
.project_main{ 
padding-bottom: 50px;
padding-top:50px;
background: rgba(255, 255, 255, 0.88);
  }
.project_1 p{ 
font-size: 20px;
color: #333;
font-weight: 400;line-height: 2.5em;
  }
.project_1 p a{ 
font-size: 20px;
color: #3a2bf2;
font-weight: 400;line-height: 2.5em;
  }
.project_1 h2{ 
font-weight: bold;
	padding-bottom: 30px;
  }
.project_1 h2 a{ 
color:#3a2bf2;
  }

.well_3{ 
color:#a4c70f;
font-weight:bold;
 }
.project_1 h5{ 
font-size:20px;
color: #2f2f2f;
line-height:1.6em;
padding-top:10px;
padding-bottom:30px;
  }
	.project_1 h3 {
padding-bottom: 22px;font-size: 18px;font-weight: bold;
}
.project_2 h3 i{ 
border:1px solid #AFCC36;
background:#AFCC36;
border-radius:30px;
color:#FFFFFF;
font-size:17px;
padding: 8px 9px 8px 9px;
margin-bottom:10px;
margin-top:20px;
  }
.project_2 h4{ 
color: #373737;
font-weight:bold;
font-size:18px;
letter-spacing:1.3px;
padding-top:5px;
padding-bottom:10px;
  }
.project_2 p{ 
font-size:18px;
line-height:1.6em;
  }
.project_2 p a{ 
font-size:18px;
line-height:1.6em;
color: #3a2bf2;

  }
.project_3 img {
-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
transition: width 2s, height 2s, transform 2s;
}
.project_3 img:hover {
-webkit-transform: scale(1); /* Safari *//* rotate(360deg);*/
transform: scale(1);} /* rotate(360deg);*  -webkit-transform: scale(0);
  transform: scale(0);/
/********************* project_end ****************/
/*********************about****************/
#about{
  background-image: url(../events/images/VegeA.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
 }
.about_main{
  background:#0066995c;
  padding-top:250px;
  padding-bottom:100px;
  min-height:500px;
 }
.about_top h2{
  font-size:50px;letter-spacing: 2px;
  text-align:center;
  font-weight:700;
  color:#FFFFFF;
 
 }

/*********************about_end****************/
/*********************ppblog****************/
#contact_main{ 
	background-image: url(../img/39.jpg);
	background-repeat: no-repeat;
	background-size: cover;
 }
.contact_main{ 
    padding-bottom: 150px;
    padding-top: 150px;
    background: #000000ab;
 }
.contact_main_1 h2{ 
    color: #1a9449;
    font-size: 50px;
    font-weight: bold;
 }
.contact_main_1 p{ 
    color: #FFFFFF;
    font-size: 25px;
    margin-top:15px;
 }
.contact_main_1{
 width:50%;
 margin-left:auto;
 margin-right:auto;
 }
.iw{
width:100%;  
  }
  
.ppblog_home1il h6 span{
 display:block; 
  }
.ppblog_home1il h6{
font-size:16px;
color:#fff;
  }
.date{
 background:#6AAF08;
 padding: 9px 0px;
 width:17%;
 text-align:center; 
  }
.year{
 background:#000;
 padding: 9px 0px;
 width:17%;
 text-align:center; 
  }
.ppblog_home1il{
 position:absolute;
 width:100%; 
 top:2%;
 left:2%;
  }
.ppblog_home1i{
 position:relative; 
  }
#ppblog{
 padding-top:40px;
 padding-bottom:20px; 
  }
.ppblog_1r h3{
font-size:42px;padding: 15px;
 }
.ppblog_1r h3 a{
color:#1a9449;
 }
.ppblog_1r h6 a{
 color:#999; 
 font-size:24px;
  }
.ppblog_1r h6 {
 font-size:24px;
  }
.ppblog_1r h6 i{
margin-right:5px; 
color:#999;
font-size:18px;
  }
.ppblog_1r h5 a{
color: #6AAF08;padding: 15px;
font-weight:bold;
font-size:24px;
  }
.ppblog_1r p{
font-size:20px;padding: 5px;
margin-bottom:10px;
  }
.ppblog_1r h5 a:hover{
color: #000;padding: 15px;
  }
.ppblog_1r ul{
margin-top:15px;  
  }
.ppblog_1r ul li{
display:inline-block;
  }
.ppblog_1r ul li a{
border:1px solid #ddd;
margin-right:5px;
font-size:18px;
padding:3px 8px;
color:#999;
  }
.ppblogg_1{
margin-top:20px;  
  }
.ppblog_2{
  padding-left:15px;
  padding-right:15px; 
  margin-top:20px;
	}
.ppblog_2 ul {
 border-radius:0; 
  }
.ppblog_2 ul li a{
 border-radius:0!important; 
 color:#000;
 padding:5px 14px;
 font-size:20px;
  }
.ppblog_2 ul li a:hover{
background:#6AAF08;
border-color:#6AAF08;
color:#fff;
  }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
 background:#6AAF08;
 border-color:#6AAF08;
 }
/*********************blog_end****************/
/*********************lightOffering****************/
#lightOffering{
  background-image: url(../events/images/lightOffering.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
 }
.lightOffering_main{

  padding-top:250px;
  padding-bottom:100px;
  min-height:500px;
 }
.lightOffering_top h2{
  font-size:50px;letter-spacing: 2px;
  text-align:center;
  font-weight:700;
  color:#FFFFFF;
 
 }



/*********************blog****************/
#blog{
padding-top:50px;
padding-bottom:50px;
}
.blog_top_left_main{
padding-bottom:30px;
margin-bottom:30px;
border-bottom:2px solid #CC0000;
}
.blog_top_left_main_inner_bottom h4{
padding-bottom:10px;
}
.blog_top_left_main_inner_bottom h4 a{
font-size:22px;
color:#333333;
}
.blog_top_left_main_inner_bottom h4 a:hover{
color:#CC3333;
}
.blog_top_left_main_inner_bottom h5{
padding-bottom:10px;
font-size:18px;
color:#666;
}
.blog_top_left_main_inner_bottom p{
padding-bottom:10px;
padding-top:10px;
font-size:16px;
line-height:25px;
color:#666;
padding-bottom:20px;
}
.blog_top_left_main_inner_bottom .hvr-rectangle-in {
  padding:12px 25px;
  font-size: 17px;
  background: #fff!important;
  color:#fff!important;
  border:2px solid #CC3300;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.blog_top_left_main_inner_bottom .hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #CC3300;
  color:#CC3300!important;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.blog_top_left_main_inner_bottom .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: #CC3300!important;
}
.blog_top_left_main_inner_bottom .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
   color: #CC3300!important;
}
.blog_top_left_main_2 ul{
padding-top:20px;
}
.blog_top_left_main_2 ul li{
display:inline-block;
margin-right:10px;
}
.blog_top_left_main_2 ul li p{
font-size:18px;
color:#FF0000;
}
.blog_top_left_main_2 ul li a{
font-size:18px;
color:#333;
}
.blog_top_left_main_2 ul li a:hover{
color:#FF0000;
}
.blog_top_right_inner_1 h5{
font-size:36px;
color:#333333;
padding-bottom:20px;
padding-top:20px;
}
.blog_top_right_inner_1 h4{
border-bottom:1px solid #666666;
padding-bottom:10px;
margin-bottom:10px;
}
.blog_top_right_inner_1 h4 a{
font-size:18px;
color:#3665e3;
}
.blog_top_right_inner_1 h4 a:hover{
color:#FF0000;
}
.blog_top_right_inner_1 h3{
padding-top:10px;
padding-bottom:20px;
}
.blog_top_right_inner_1 h3 a{
font-size:18px;
color:#333333;
}
.blog_top_right_inner_1 h3 a:hover{
color:#FF0000;
}
/*********************blog_end****************/

/********************* search ****************/
#search{ 
padding-top:50px;
padding-bottom:50px;
   }
.search_1 h5{ 
padding-left:40px;
color: #031624;
margin-bottom: 28px;
font-size: 20px;
line-height:28px;
letter-spacing: 1px;
   }
.search_1 h6 a{ 
padding-left:80px;
color: #031624;
text-decoration:none;
margin-bottom: 38px;
font-size:22px;
line-height: 32px;
   }
.search_1 h6 a:hover{ 
color: #e69705;
   }
.search_1 p{ 
padding-left:80px;
color: #031624;
margin-bottom: 38px;
font-size: 18px;
line-height: 32px;
   }
.search_1 h3{ 
padding-left:40px;
color: #031624;
margin-bottom: 38px;
font-size:35px;
font-weight:bold;
letter-spacing:1px;
   }
.search_1 h2 a{ 
padding-left:80px;
font-size:18px;
color: #4dbabd;
text-decoration:none;
   }
.search_1 h2 a:hover{ 
color:#000000;
   }
.search_1 h1{ 
padding-left:80px;
padding-bottom:50px;
   }
.visible_2 a{ 
text-decoration:none;
color:  #e69705;
   }
.visible_2 a:hover{ 
color: #000;
   }
/********************* search_end ****************/
/********************* footer ****************/
#footer{ 
 padding-top:50px;
 padding-bottom:40px;
 background-color: #ccecef;
 }
.footer_1 h2{
 color: #f99104;
 padding-bottom: 30px;
 font-size: 22px;
 font-weight: 600;
 letter-spacing:2px;
}
.footer_1 p {
 color: #000;
 font-size: 18px;
 line-height: 28px;
 padding-bottom: 20px;
}
#footer input {
 border: 1px solid #CCCCCC;
 color: #000;
 height: 40px;
 width: 100%;
 font-size: 17px;
}
#footer .btn-danger {
 color: #fff;
 background-color: #00b7c9;
 border-color: #00b7c9;
 font-size: 17px;
}
#footer .btn-danger {
 height: 40px;
}
.footer_2 h2{
 color: #f99104;
 padding-bottom: 30px;
 font-size: 22px;
 font-weight: 600;
 letter-spacing:2px;
}
.footer_2 p {
 color: #000;
 font-size: 18px;
 line-height: 28px;
 padding-bottom: 20px;
}
.footer_3 h2{
 color: #f99104;
 padding-bottom: 20px;
 font-size: 22px;
 font-weight: 600;
 letter-spacing:2px;
}
.footer_3 li {
 color: #000;
 font-size: 18px;
 line-height: 28px;

}
.footer_3 li a{
 color: #000;
 font-size: 18px;
 line-height: 28px;
 padding-bottom: 20px;
}
.footer_3 li a:hover{
 color:#f99104;
}
/********************* footer_end ****************/
/********************* footer_main ****************/
#footer_main{ 
  padding-top:20px;
  padding-bottom:20px;
  background: #78eaf5;
  border-top: 1px solid #78eaf5;
 }
#footer_main ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
#footer_main ul.social-network li {
	display: inline;
	margin: 0 1px;
}


/* footer social icons */
#footer_main .social-network a.icoRss:hover {
	background-color: #F56505;
}
#footer_main .social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
#footer_main .social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
#footer_main .social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
#footer_main .social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
#footer_main .social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
#footer_main .social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
#footer_main .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
#footer_main a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

#footer_main .social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
    width: 46px;
    height: 47px;
	font-size:20px;
	background-color:#464545;
}
#footer_main .social-circle li i {
	margin:0;
	line-height:46px;
	text-align: center;
}
#footer_main .social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#footer_main .social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

#footer_main .big-btn{
padding: 10px 0px 11px 0px;
width: 215px;
margin-top:5px;
}

#footer_main .big-btn i{
font-size: 65px;
margin-right: 0px !important;
}
#footer_main .big-btn strong{
font-size: 25px;
text-shadow: 1px 2px 0px #34659B;
color: #fff;
line-height: 24px;
}
#footer_main .big-btn .btn-text{
margin-top:6px;
}

#footer_main .big-btn small{font-size: 75%;}

#footer_main .android-btn{

width: 240px;
padding: 5px 5px 5px 5px;
background-color: #000;
border-color: #000;

}
#footer_main .android-btn:hover{
background-color: #272727;
}

#footer_main .android-btn i{
font-size: 55px;
}

#footer_main .android-btn .btn-text{
margin-top: 0px;
}

#footer_main .android-btn strong{
font-size: 25px;
text-shadow: none;
color: #fff;
line-height: 24px;
}

#footer_main .windows-btn{
background-color:#008A00;
width: 235px;
padding: 5px 5px 5px 5px;
border-color: #055805;
}

#footer_main .windows-btn:hover{
background-color: #008A00;
}
#footer_main .windows-btn .btn-text{
text-shadow: none;
font-size: 26px;
line-height: 25px;
}
.footer_main_1 p {
font-size: 20px;
padding-top:12px;
color: #000;
}
.footer_main_1 p a{
color: #000;
}
.footer_main_1 p a:hover{
color: #f99104;
}
/********************* footer_main_end ****************/



@media screen and (max-width : 767px){
#header_main {
 display: none;
}
.well_1 i {
 font-size: 25px;
}
#header .navbar-brand {
 font-size: 25px;
 padding-top: 13px;
}
#header .navbar-nav {
 float: none;
 text-align: center;
}
#header .navbar-default .navbar-nav>li>a {
 font-size: 25px;
 padding-top: 10px;
 padding-bottom: 10px;
}
#header .navbar-nav>li>.dropdown-menu {
 width: 100%;
}
#header .navbar-collapse {
 max-height: none;
}
#header .navbar-default .navbar-toggle {
 border-color: #b56f13;
 background-color: #b56f13;
}
#header .navbar-default .navbar-toggle .icon-bar {
 background-color: #fff;
}
.cd-secondary-nav.is-fixed {
 position: static;
}
/*.footer_main {
 text-align: center;
}
.footer_1 li{
 display: inline-block;
}*/
}

@media (min-width:470px) and (max-width:767px) {

}
 
@media (min-width:768px) and (max-width:961px) {
.header_main_1 li {
 margin-right: 5px;
}
.header_main_1 li a {
 font-size: 13px;
}
.header_main_1 i {
 font-size: 14px;
}
.header_main_3 li {
 margin-right: 1px;
}
.header_main_3 i {
 font-size: 16px;
}
.well_1 i {
 font-size: 30px;
}
#header .navbar-brand {
 font-size: 30px;
 padding-top: 12px;
}
#header .navbar-default .navbar-nav>li>a {
 font-size: 15px;
}
#header .nav>li>a {
 padding: 10px 8px;
}
#header .navbar-nav>li>.dropdown-menu {
 width: 100%;
}
#header .dropdown-menu{ 
 min-width: 140px;
}
.header_main_1 i {
 margin-right: 2px;
}
#header .dropdown-menu>li>a {
 font-size: 15px;
}
.footer_2 li a {
 font-size: 22px;
}
.footer_2 li {
 margin: 2px;
}
.footer_3 li a {
 font-size: 22px;
}
.footer_3 ul {
 padding-left: 0px;
}
.footer_4 li a {
 font-size: 22px;
}
.footer_4 ul {
 padding-left: 0px;
}
} 

 
@media (min-width:962px) and (max-width:1200px) {
.header_main_1 li {
 margin-right: 5px;
}
.header_main_1 li a {
 font-size: 13px;
}
.header_main_1 i {
 font-size: 14px;
}
.header_main_3 li {
 margin-right: 1px;
}
.header_main_3 i {
 font-size: 16px;
}
.well_1 i {
 font-size: 30px;
}
#header .navbar-brand {
 font-size: 30px;
 padding-top: 12px;
}
#header .navbar-default .navbar-nav>li>a {
 font-size: 15px;
}
#header .nav>li>a {
 padding: 10px 8px;
}
#header .navbar-nav>li>.dropdown-menu {
 width: 100%;
}
#header .dropdown-menu{ 
 min-width: 140px;
}
.header_main_1 i {
 margin-right: 2px;
}
#header .dropdown-menu>li>a {
 font-size: 15px;
}
.footer_2 li a {
 font-size: 22px;
}
.footer_2 li {
 margin: 2px;
}
.footer_3 li a {
 font-size: 22px;
}
.footer_3 ul {
 padding-left: 0px;
}
.footer_4 li a {
 font-size: 22px;
}
.footer_4 ul {
 padding-left: 0px;
}
}

@media (min-width:1201px) and (max-width:1320px) {
#header .navbar-nav>li>.dropdown-menu {
 width: 100%;
}
#header .dropdown-menu>li>a {
 font-size: 17px;
}
}

/* Modern UI refresh: calm temple/nonprofit visual system */
:root {
 --xy-bg: #fbf8f2;
 --xy-bg-soft: #f4eee5;
 --xy-surface: #fffdf8;
 --xy-surface-muted: #f7f1e8;
 --xy-ink: #2f2922;
 --xy-text: #453c33;
 --xy-muted: #6f665d;
 --xy-border: #ded2c2;
 --xy-border-soft: #ece3d8;
 --xy-gold: #9a6a2f;
 --xy-gold-dark: #745026;
 --xy-clay: #8f5947;
 --xy-sage: #657560;
 --xy-link: #5f4b2e;
 --xy-link-hover: #8a3f2c;
 --xy-focus: #3f6b72;
 --xy-shadow-soft: 0 14px 38px rgba(72, 56, 37, 0.08);
 --xy-shadow-card: 0 10px 28px rgba(72, 56, 37, 0.07);
 --xy-radius: 8px;
 --xy-container: 1160px;
}

html {
 scroll-behavior: smooth;
 -webkit-text-size-adjust: 100%;
}

body {
 background: var(--xy-bg);
 color: var(--xy-text);
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Noto Sans TC", Arial, sans-serif;
 font-size: 16px;
 line-height: 1.65;
}

.container {
 width: calc(100% - 48px);
 max-width: var(--xy-container);
}

a {
 color: var(--xy-link);
 text-decoration: none;
 transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

a:hover,
a:focus {
 color: var(--xy-link-hover);
 text-decoration: none;
}

a:focus-visible,
button:focus-visible,
.navbar-toggle:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
 outline: 3px solid rgba(63, 107, 114, 0.35);
 outline-offset: 3px;
}

.skip-link {
 position: absolute;
 left: 16px;
 top: -80px;
 z-index: 10000;
 padding: 10px 14px;
 color: #fff;
 background: var(--xy-focus);
 border-radius: 4px;
}

.skip-link:focus {
 top: 16px;
 color: #fff;
}

p {
 color: var(--xy-text);
 font-size: 18px;
 line-height: 1.78;
 margin: 0 0 18px;
 padding-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 color: var(--xy-ink);
 font-family: Georgia, "Times New Roman", "Noto Serif TC", "Songti TC", serif;
 line-height: 1.18;
 letter-spacing: 0;
 margin: 0;
 padding: 0;
}

h1 { font-size: clamp(40px, 6vw, 64px); }
h2 { font-size: clamp(30px, 3.8vw, 46px); }
h3 { font-size: clamp(22px, 2.4vw, 28px); }
h4 { font-size: clamp(19px, 2vw, 24px); }
h5 { font-size: clamp(18px, 1.8vw, 22px); }
h6 { font-size: 15px; }

.button {
 background: var(--xy-gold);
 border-color: var(--xy-gold);
 border-radius: 999px;
 color: #fff;
 font-weight: 700;
 letter-spacing: 0;
}

.button:hover,
.button:focus {
 background: var(--xy-gold-dark);
 border-color: var(--xy-gold-dark);
 color: #fff;
}

#header_main {
 background: var(--xy-gold);
 border-bottom: 1px solid rgba(255, 255, 255, 0.18);
 padding: 8px 0;
}

.header_main_1 ul,
.header_main_3 ul {
 align-items: center;
 display: flex;
 gap: 16px;
 padding-top: 0;
}

.header_main_1 li,
.header_main_3 li {
 display: inline-flex;
 margin-right: 0;
}

.header_main_1 li a {
 color: #fffaf0;
 font-size: 14px;
 font-weight: 600;
}

.header_main_1 i,
.header_main_3 i {
 color: #fffaf0;
 font-size: 15px;
 margin-right: 7px;
}

.header_main_3 ul {
 float: right;
 gap: 12px;
}

.header_main_3 a {
 align-items: center;
 display: inline-flex;
 height: 28px;
 justify-content: center;
 width: 28px;
}

.header_main_3 a i:hover,
.header_main_3 a:hover i,
.header_main_3 a:focus i {
 color: #fff;
}

#header {
 background: rgba(255, 253, 248, 0.98);
 border-bottom: 1px solid var(--xy-border-soft);
 box-shadow: none;
}

.cd-secondary-nav.is-fixed {
 box-shadow: 0 10px 30px rgba(72, 56, 37, 0.08);
}

#header .navbar-default,
#header .navbar {
 background: transparent;
 border: 0;
 margin-bottom: 0;
 min-height: 68px;
}

#header .navbar-brand {
 align-items: center;
 color: var(--xy-gold);
 display: flex;
 font-family: Georgia, "Times New Roman", "Noto Serif TC", "Songti TC", serif;
 font-size: 32px;
 font-weight: 700;
 height: auto;
 line-height: 1;
 padding: 16px 0;
}

#header .navbar-brand:hover,
#header .navbar-brand:focus {
 color: var(--xy-gold-dark);
}

.well_1 i {
 color: var(--xy-gold);
 font-size: 34px;
 margin-right: 8px;
}

#header .navbar-nav {
 float: right;
}

#header .navbar-default .navbar-nav>li>a,
#header .nav>li>a {
 color: var(--xy-ink);
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Noto Sans TC", Arial, sans-serif;
 font-size: 15px;
 font-weight: 700;
 letter-spacing: 0;
 padding: 24px 13px 20px;
}

#header .navbar-default .navbar-nav>.active>a,
#header .navbar-default .navbar-nav>.active>a:hover,
#header .navbar-default .navbar-nav>.active>a:focus,
#header .navbar-default .navbar-nav>li>a:hover,
#header .navbar-default .navbar-nav>li>a:focus,
#header .navbar-default .navbar-nav>.open>a,
#header .navbar-default .navbar-nav>.open>a:hover,
#header .navbar-default .navbar-nav>.open>a:focus {
 background: transparent;
 color: var(--xy-gold-dark);
}

.hvr-underline-from-center:before {
 background: var(--xy-clay);
 bottom: 10px;
 height: 2px;
 z-index: 0;
}

#header .navbar-nav>li>.dropdown-menu {
 background: var(--xy-surface);
 border: 1px solid var(--xy-border-soft);
 border-radius: 0 0 var(--xy-radius) var(--xy-radius);
 box-shadow: var(--xy-shadow-soft);
 margin-top: 0;
 min-width: 230px;
 padding: 10px 0;
 width: auto;
}

#header .dropdown-menu>li>a {
 color: var(--xy-text);
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "Noto Sans TC", Arial, sans-serif;
 font-size: 15px;
 font-weight: 600;
 line-height: 1.35;
 padding: 10px 16px;
}

#header .dropdown-menu>li>a:hover,
#header .dropdown-menu>li>a:focus {
 background: var(--xy-surface-muted);
 color: var(--xy-gold-dark);
}

.tell_1 {
 border-bottom-color: var(--xy-border-soft);
 margin-bottom: 4px;
 padding-bottom: 4px;
 padding-top: 0;
}

#footer {
 background: var(--xy-surface-muted);
 border-top: 1px solid var(--xy-border-soft);
 padding: 58px 0 48px;
}

.footer_3 h2 {
 color: var(--xy-gold-dark);
 font-family: Georgia, "Times New Roman", "Noto Serif TC", "Songti TC", serif;
 font-size: 24px;
 font-weight: 700;
 letter-spacing: 0;
 padding-bottom: 18px;
}

.footer_3 li,
.footer_3 li a {
 color: var(--xy-text);
 font-size: 16px;
 line-height: 1.7;
}

.footer_3 li a:hover,
.footer_3 li a:focus {
 color: var(--xy-link-hover);
}

#footer_main {
 background: var(--xy-ink);
 border-top: 1px solid rgba(255, 255, 255, 0.08);
 padding: 18px 0;
}

.footer_main_1 p,
.footer_main_1 p a {
 color: #f8f1e8;
 font-size: 15px;
 margin: 0;
 padding-top: 10px;
}

.footer_main_1 p a:hover,
.footer_main_1 p a:focus {
 color: #fff;
}

#footer_main .social-circle li a {
 background-color: transparent;
 border: 1px solid rgba(255, 255, 255, 0.28);
 height: 42px;
 width: 42px;
}

#footer_main .social-circle li i {
 color: #f8f1e8;
 line-height: 40px;
}

#footer_main .social-circle li a:hover,
#footer_main .social-circle li a:focus {
 background-color: rgba(255, 255, 255, 0.1);
 border-color: rgba(255, 255, 255, 0.62);
}

#footer_main .social-circle li a:hover i,
.triggeredHover {
 transform: none;
}

@media screen and (max-width: 767px) {
 .container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
 }

 #header .navbar {
  min-height: 58px;
 }

 #header .navbar-brand {
  font-size: 23px;
  max-width: calc(100% - 70px);
  padding: 15px 0 13px;
  white-space: nowrap;
 }

 .well_1 i {
  font-size: 24px;
 }

 #header .navbar-default .navbar-toggle {
  background-color: var(--xy-gold);
  border-color: var(--xy-gold);
  border-radius: 4px;
  margin-right: 0;
  margin-top: 10px;
 }

 #header .navbar-default .navbar-toggle:hover,
 #header .navbar-default .navbar-toggle:focus {
  background-color: var(--xy-gold-dark);
  border-color: var(--xy-gold-dark);
 }

 #header .navbar-collapse {
  background: var(--xy-surface);
  border-top: 1px solid var(--xy-border-soft);
  margin-left: -20px;
  margin-right: -20px;
 }

 #header .navbar-nav {
  float: none;
  margin: 0;
  padding: 10px 0 14px;
  text-align: left;
 }

 #header .navbar-default .navbar-nav>li>a,
 #header .nav>li>a {
  font-size: 17px;
  padding: 12px 20px;
 }

 .hvr-underline-from-center:before {
  display: none;
 }

 #header .navbar-nav>li>.dropdown-menu {
  background: #f7f1e8;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 4px 0 8px;
  width: 100%;
 }

 #header .dropdown-menu>li>a {
  font-size: 15px;
  padding: 9px 32px;
 }

 p {
  font-size: 16px;
  line-height: 1.72;
 }

 #footer {
  padding: 40px 0 32px;
 }

 .footer_3 {
  margin-bottom: 26px;
 }

 .footer_3 h2 {
  font-size: 22px;
 }

 #footer_main,
 .footer_main_1 p {
  text-align: center;
 }

 .footer_main_2 {
  margin-top: 12px;
  text-align: center;
 }
}

@media (min-width:768px) and (max-width:1200px) {
 #header .navbar-brand {
  font-size: 26px;
 }

 .well_1 i {
  font-size: 28px;
 }

 #header .navbar-default .navbar-nav>li>a,
 #header .nav>li>a {
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
 }
}