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


.zouch{display:none;}
.pc-hid{display:none;}
.font-16{font-size:16px;}

nav.navbar.bootsnav ul.nav > li > a {
  color: #000;
  background-color: transparent !important;
  text-transform: uppercase;
  font-weight: 700;
  font-size:18px;
}

nav.navbar.bootsnav ul.nav > li.active > a {
color: #0472af;
}
  
nav.navbar.bootsnav ul.nav > li > a:hover {
  color: #0472af;
}
/*子選單*/

 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li > a {
    padding: 12px 15px;
    border-bottom: solid 1px #f5f5f5;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
  }
 
 nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li a:hover{
		color: #0472af;
  } 
  


/* ============================================================== 
     # Services - 圓角圖
=================================================================== */

.services-inc-area.half-bg {
  position: relative;
  z-index: 1;
}

.services-inc-area.half-bg::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.services-area1 .services-items .equal-height {
  margin-bottom: 30px;
  right: -1px;
}

.services-inc-area.inc-colum .equal-height {
  margin-bottom: 30px;
}

.services-items.colum-items .single-item {
  margin-bottom: 30px;
}

.services-area1 .services-items .item {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -webkit-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  -o-box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
  padding: 50px 30px;
}

.services-area1 .services-items .item i {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #348074;
  display: inline-block;
  font-size: 50px;
  height: 200px;
  line-height: 195px;
  position: relative;
  text-align: center;
  width: 200px;
}


.services-area1 .services-items .item i img{
 
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width:80%;
 
}

.services-area1 .services-items .item i::after {
  border-bottom: 2px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border-left: 2px solid;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  width: 100%;
}

.services-area1 .services-items .item:hover i::after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area1 .services-items .item .icon {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
}

.services-area1 .services-items .item h4 {
  font-weight: 600;
  text-transform: capitalize;
  display: block;
}

.services-area1 .services-items .item p {
  margin: 0;
}

.services-area1 .services-items .item a {
  color: #666666;
  display: inline-block;
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
}

.services-area1 .services-items .item a:hover {
  color: #308aca;
}

/* Services Shadow */

.services-area1.shadow .services-items .item {
  background: transparent none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: inherit;
  position: relative;
  z-index: 1;
}

.services-area1.shadow .services-items .item::after {
  background: #1d2024 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area1.shadow .services-items .item:hover:after {
  background: #ffffff;
  opacity: 1;
}

.services-area1.shadow .services-items .item i,
.services-area1.shadow .services-items .item h4,
.services-area1.shadow .services-items .item p,
.services-area1.shadow .services-items .item i {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.services-area1.shadow .services-items .item:hover p,
.services-area1.shadow .services-items .item:hover h4 {
  color: #666666;
  opacity: 1;
}

.services-area1.shadow .services-items .item:hover i {
  color: #308aca;
  opacity: 1;
}

.services-area1.shadow .services-items .item a {
  color: #308aca;
}

.services-area1.shadow .services-items .item i {
  border: medium none;
  color: #ffffff;
  height: inherit;
  line-height: inherit;
  width: inherit;
  border-radius: inherit;
}

.services-area1.shadow .services-items .item a i {
  float: right;
  font-size: 14px;
  margin-left: 3px;
  margin-top: 1px;
  color: #308aca;
}

.services-area1.shadow .services-items .item i::after {
  border: none;
  border-radius: inherit !important;
}

.youtube-video { width:640px; height:360px; margin-left:0px;} .youtube-video iframe, .youtube-video object, .youtube-video embed {width: 100%; height: 100%;}
		@media (max-width: 767px) {
		.youtube-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-left:0px;} .youtube-video iframe, .youtube-video object, .youtube-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		
		
		.postContent img{ 

			max-width: 1000px;
			max-height: auto;

			}

			@media (max-width:768px){
			.postContent img{ 

				max-width: 100%;
				max-height: auto;

				}
				
				.mob-hid{display:none;}
				.pc-hid{display:inline;}
				.se-pre-con{display:none;}
				
				 

			}
			


#table-bordered > thead > tr > th, #table-bordered > tbody > tr > th, #table-bordered > tfoot > tr > th, #table-bordered > thead > tr > td, #table-bordered > tbody > tr > td, #table-bordered > tfoot > tr > td {
    border: 1px solid #9bb8ef;
}
.tabsy{
	text-align:center;
	}
.tabsy td{
	padding:5px;
	}
.tden{
background: #c2d7ff;
color: #000;
font-size: 24px;
line-height: 36px;
font-weight: 300;
text-align:center;
	}
.tdenn{
	background: #d3def2;
	color: #000;
	font-size: 24px;
	line-height: 36px;
	font-weight: 300;
	text-align:center;
	}
.tdennn{
	background: #f4f8ff;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
	text-align:center;
	}
.tdens{
	background: #f4f8ff;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
	text-align:left;
	}
	
	.heighens{
	height:20px;
	clear:both;
	width:100%;
	display:block;
	font-size:18px;
	}
	.tdfontsize{
	font-size: 18px;
	}
	@media (max-width:768px){
		.tdfontsize{
	font-size: 14px;
	}
	}