@charset "utf-8";
 /*樣式編輯*/
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans TC', sans-serif;
}
.form-go{position:absolute; top:0; left:0; opacity:0;display:none;}
.faqblock h3{ font-size:18px; }
.faqblock .question{font-size:18px; font-weight:bold;}
.faqblock .answer{margin-top:20px;}
.qicon{background:url(../../../images/Qs.png)  no-repeat; width:36px; height:36px; float:left;}
.aicon{background:url(../../../images/As.png)  no-repeat; width:36px; height:36px; float:left;margin-top:20px;}
.c-product-thumb{margin-left:15px; border:1px solid #ccc;} 
.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.grid-item-fade .grid-item-label, .grid-item-multi-fade .grid-item-label {
	padding: 1.2em 1.2em;
	width: 100%;
	line-height: normal;
	position: absolute;
	bottom: 0;
	transition: all .2s ease;
    z-index:3;
}

.grid-item-multi-fade .grid-item-label {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.grid-item-fade .grid-item-background-image, .grid-item-multi-fade .grid-item-background-image {
	opacity: 0;
	transition: all .2s ease;                               
	position: absolute;
	top: 0;
	left: 0;
    z-index:2;
	background-size: cover;
	background-position: center top;
	width: 100%;
	height: 100%;
}

.grid-item-fade h6 {
    font-size:28px;
    letter-spacing:1px ;
	color: #1e2d59;
    font-weight:bold;
    margin-top:0;
}

.grid-item-fade ul {
	margin-left: 0;
    padding:0 0 0 15px; 
    color:rgb(255, 140, 0);
}

.grid-item-multi-fade ul {
	margin-left: 0;
}

.container .grid-item-multi-fade li {
	list-style-type: none;
	margin: 0;
}

.grid-item-multi-fade li a {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
	display: inline-block;
}

/* No animation */
.grid-item-hover {
	height: 300px;
	background-size: cover;
	background-position: center;
	position: relative;
	margin-bottom: 5px;
	margin-top: 5px;
}

.grid-item-hover .yellow-button {
	position: absolute;
	bottom: 0;
	left: 0;
}

.grid-item-hover-background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 10px);
	height: 100%;
	overflow: hidden;
}

.grid-item-hover-background-image div {
	background-size: cover;
	background-position: center top;
	transition: 0.5s all;
	height: 100%;
	width: 100%;
}

.grid-item-hover:hover .grid-item-hover-background-image div {
	transform: scale(1.2);
	transition: 0.5s all;
}

.grid-item-solid {
	text-decoration: none;
	color: #fff;
	height: 300px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.grid-item-solid h3 {
	margin-top: 0;
}
.infocontent{ }
.excerpt p{margin-bottom:0; font-size:14px; line-height:35px}
.excerpt ul{list-style-type: square;padding:0 0 0 10px; margin:0;}
.excerpt ul li{color:#ed6d15; font-size:12px;}
.grid-item-solid-background-color {
	background-color: #242424;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 10px);
	height: 100%;
	z-index: 1;
}

.grid-item-solid .inside-container {
	z-index: 2;
	position: relative;
	padding: 1em;
	height: 100%;
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.gallery-item {
	height: 365px;
	width: 47%;
	margin-right: 0.8%;
	margin-left: 0.8%;
	margin-bottom: 1em;
	transition: 0.5s border;
	overflow: hidden;
}

.gallery-item img {
	transition: 0.5s transform ease;
}

.gallery-item:hover img {
	transform: scale(1.1);
}

#no-results {
	display: none;
}

.gallery-item .gallery-item-label {
	padding: 2em;
	width: 100%;
	line-height: normal;
	position: absolute;
	bottom: 0;
	transition: all .2s ease;
	color: transparent;
	text-align: center;
	pointer-events: none;
}

.gallery-item-label h9 {
	margin-top: 0;
}
.resource {
    background: #f1f4f6;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1px;
    max-width: 450px;
}
.resource p {
    margin: 0;
    width: calc(100% - 140px);
    padding: 10px 20px;
}
.resource .button{
    width: 140px;
    min-width: 0;
    padding: 0;
    position: relative;
}
.button {
    background: #16273f;
    display: inline-block; 
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1em;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 20px 10px;
    min-width: 210px;
    max-width: 100%;
}
.button:hover{
    background: #16273f;
    color: #fff;
}
.resource .button span {
display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}   
.triangle {
	width: 0; 
	height: 0; 
	border-style: solid; 
	border-width: 7px 7px 0 7px; 
	border-color: #fff transparent transparent transparent; 
	position: relative; 
	margin: 0 auto; 
	display: block; 
	margin-top: 0.2em;
} 
#breadcrumb{background-color:#1e2d59}
ul.breadcrumbx{padding:10px 16px 5px 0px;list-style:none;text-align:left}
ul.breadcrumbx li{display:inline;font-size:14px;color:#eee;}
ul.breadcrumbx li+li:before{padding:8px;color:#eee;content:">"}
ul.breadcrumbx li a{color:#eee;text-decoration:none}
ul.breadcrumbx li a:hover{color:#FF8C00;text-decoration:underline}
.c-bg-blue {
  background-color: #1e2d59 !important; }
.c-bg-blue .c-theme-font, .c-bg-blue  ul    li  a, .c-bg-blue  ul  li  a i {color:#fff !important;}
.c-bg-blue  ul  li  a:hover i {color:#ed6d15 !important;}
.c-bg-blue h3{ letter-spacing:1px;}
#sync1 .item {
  background: #0c83e7;
  padding: 0 0px;
  margin: 5px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
.owl-theme:not(.owl-single):not(.owl-bordered) {
   margin-left: 0;  
    width: 100%;  
  }
.owl-theme:not(.owl-single):not(.owl-bordered) .owl-wrapper .owl-item, .owl-theme:not(.owl-single):not(.owl-bordered) .owl-stage-outer .owl-item {
    padding: 0 0px; }
    .owl-controls{display:none;}
#sync2 .item {
  background: #c9c9c9;
  padding: 0px 0px;
  margin: 5px;
  color: #fff;
  padding:0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item {
  background: #0c83e7;
}

.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}

#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}


/*===========video-bg==================*/
.intro {
  display: table;
  width: 100%;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  height: 500px !important;
  z-index: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover; }


.video-controls {
  position: absolute;
  bottom: 30px;
  right: 40px;
  z-index: 1;
  opacity: .4;
  display: none; }

.video-controls-visible {
  display: inline; }

.video-controls .fa {
  color: #fff;
  padding: 5px;
  width: 25px; }
.video-controls a.fa {
  text-decoration: none; }

.mbYTP_wrapper {
  z-index: 0 !important; }

.section-video .mbYTP_wrapper {
  z-index: 1 !important; }

.section-video:before {
  background: rgba(7, 9, 21, 0.4);
  content: "";
  left: 0;
  top: 0;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -9; }

.section-video {
  top: 0 !important;
  opacity: 1 !important; }

.bg-video-small {
  text-align: left !important;
  opacity: 1 !important;
  top: 0 !important; }

.overlay {
  background: rgba(7, 9, 21, 0.3); }
.overlay, .overlay-gray, .overlay-white,overlayvideo {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0; }
.wrapper_bgndVideo {
  background-image: url(../img/content/backgrounds/bg-29.jpg) 50%  no-repeat;
  background-size:cover; }
.post-thumbnail{
  padding: 11% 15px 11%;
  z-index:2;
}

.post-thumbnail2{
  background: url(../images/2-1920x800_o.png) 50%  no-repeat;
  background-size:cover;
  padding: 6rem 15px 8rem;
}


.post-thumbnail h1,
.post-thumbnail .title-info{ color: #fff; font-size:50px; font-weight:bold; text-align:center; 
    text-shadow: 0 0 0.8em #000; letter-spacing: 2px;}

.post-thumbnail2 h1,
.post-thumbnail2 .title-info{
  color: #fff;
}

.page-content{
  margin-top: 8.2rem;
}

.page-content-2{
  margin-top: 6.6rem;
}

.posted-on{
  font-size: 1.142rem;
  margin-bottom: 1rem;
}

.posted-on a{
  color: #000;
}

.posted-on a:hover{
  color:#ed6c00;
  text-decoration: none;
}

.entry-title{
  margin:0 0 2.5rem;
  letter-spacing: -0.05em;
  line-height: 1.125;
}

.entry-description{
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 4.8rem;
  margin-top: 0;
}

.entry-description.products-info{
  margin-top: 4rem;
}

.entry-content{
  font-size: 1.2857rem;
  line-height: 1.666;
  font-weight: 300;
  letter-spacing: 0;
}

.cookieAcceptBar {
  display:none;
  position: fixed;
  bottom: -70px;
  left:0;
  right: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 40px 0;
  z-index: 99999;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cookieAcceptBar a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
/*
button {
  cursor: pointer;
  border: none;
  background-color: #2387c0;
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
*/
.privacyinformation h3{font-weight:bold;}
.privacyinformation p, .privacyinformation ul li{color:#000; font-weight:16px; }
.privacyinformation p {margin-bottom:30px; }
  
@media (max-width: 1200px) {
.grid-item-fade h6 {
    font-size:20px;
    letter-spacing:1px ;
	color: #1e2d59;
    font-weight:bold;
    margin-top:0;
    white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;
}
}