@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html, body {
	margin: 0;
	font-size: 100%;
	font-family: 'Open Sans',‘Noto Sans TC’, sans-serif;
	background: #fff;
}
body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-family: 'Open Sans', sans-serif;
}
a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"], input[type="text"], input[type="email"], input[type="search"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: inherit;
	letter-spacing: 1px;
	font-weight: 500;
}
p {
	margin: 0;
	/* font-size: 0.85em;*/
	/*color: #8c9398;*/
	line-height: 2em;
	letter-spacing: 1px;
	font-weight: 300;
}
ul {
	margin: 0;
	padding: 0;
}
/*--/header --*/

header.mainheader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
nav.navbar.second {
	border: none !important;
	transition: all 1s ease;
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
	order: 2;
}
/*--/navbar--*/

.navbar {
	/*padding: 0em 2em;*/
	border-bottom: 1px solid rgba(243, 242, 242, 0.41);
	/* background: transparent !important;*/
	flex-basis: 100%;
	-webkit-flex-basis: 100%
}
a.navbar-brand img {
	width: 70%;
}
/*--logo--*/

h1 a.navbar-brand {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0px;
	color: #fff;
}
.navbar-light .navbar-brand {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.logo i {
	color: #03cce6;
	text-shadow: none;
}
/*--logo--*/

a.navbar-b li.nav-item {
	margin: 0 1px;
}
.navbar-light .navbar-nav .nav-link {
	padding: 0.3em 2em;
	color: rgba(132, 115, 73, 1);
	background: transparent;
	font-size: 1.1em;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-weight: 500;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	background: transparent;
	color: #BBA26A;
}
.dropdown-item {
	padding: 0.5em 1.5rem;
	font-size: 0.9em;
	margin: 0;
}
.dropdown-menu {
	margin: 0;
	padding: 0;
}
.dropdown-menu.second {
	min-width: 9rem !important;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
	color: #fff;
}
a.nav-link.request {
	padding: 0em 1.2em;
	color: rgba(104, 101, 84, 1);
	background: transparent;
	/*  font-size: 0.9em;*/
	letter-spacing: 1px;
	font-weight: 500;
}
a.nav-link.request:hover {
	color: rgba(104, 101, 84, .7);
}
/*---*/

.dropdown-toggle::after {
	width: 0;
	height: 0;
	margin-left: 0;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border: 0px;
}
li.nav-item.active {
	color: #03cce6;
}
.dropdown-item:hover, .dropdown-item:focus {
	color: #686554;
	text-decoration: none;
	background-color: rgba(235, 227, 203, 0.6);
}
/*-- /nav.navbar.second --*/

nav.navbar.second {
	border: none !important;
	transition: all 1s ease;
	background: transparent !important;
	background: rgba(256,256,256,0.8)!important;
	border-bottom: 1px solid rgba(243, 242, 242, 0.41)!important;
}
}
a.nav-item.nav-link.sec {
	padding: 0.3em 1.7em;
	color: #686554;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-weight: 600 !important;/*text-shadow: 0 1px 3px rgba(178, 208, 215, .6);*/
}
a.nav-item.nav-link.sec:hover {
	color: #BBA26A;
}
a.pagescrolldisplay {
	visibility: hidden;
	transition: all 0s ease;
}
nav.navbar.shrink.pagescrollfix a.pagescrolldisplay {
	visibility: visible;
	transition: all 0.5s ease;
	color: #000000;
}
nav.navbar.shrink.pagescrollfix {
	width: 100%;
 < !--height: 65px;
 -- > box-shadow: 0 1px 0 0 #dadada;
	position: fixed;
	left: 0px;
	transition: all 1.2s ease;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: #fff !important;
	z-index: 9;
}
a.navbar-brand.pagescrolldisplay i {
	font-size: 2em;
	color: #333;
}
nav.navbar.shrink .navbar-brand img {
 < !--height: 50px;
	width: 120px;
 -- > transition: all 1s ease;
}
nav.navbar.shrink a {
 < !--font-size: 14px;
 -- > transition: all 1s ease;
}
nav.navbar.shrink .navbar-toggler {
	transition: all 1.5s ease;
}
.bg-transparent {
	background: transparent;
}
/*-- //nav.navbar.second --*/

.top-info ul li {
	list-style: none;
	display: inline-block;
	/*margin: 0 1em;*/
	color: #686554;
	letter-spacing: 1px;
	/*font-size: 0.9em;*/
	vertical-align: top;
	margin-top: 0.4em;
}
/*-- //header --*/

/*--/banner-content--*/
.bottom-header {
	position: relative;
}
.banner-bottom-top {
	background-color: #fff;
	min-height: 6em;
}
.header-bottom {
	background-color: #BBA26A;
	color: #fff;
	position: absolute;
	min-height: 12em;
    height: 1px;
	/*z-index: 999;*/
	top: -100px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	box-shadow: 0 0 4px rgba(164,164,164,.5);
}
.mian-content {
	background: url(../images/banner.jpg);
	position: relative;
	background-size: cover;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.mian-content-about {
	background: url(../images/banner-about.jpg);
	position: relative;
	background-size: cover;
	height: 100%;
	background-position:left bottom;
	background-repeat: no-repeat;
}
.mian-content-news {
	background: url(../images/banner-news.jpg);
	position: relative;
	background-size: cover;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.mian-content-faq {
	background: url(../images/banner-faq.jpg);
	position: relative;
	background-size: cover;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.mian-content-contact {
	background: url(../images/banner-contact.jpg);
	position: relative;
	background-size: cover;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.mian-content {
	background: url(../images/banner.jpg);
	position: relative;
	background-size: cover;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.banner-content {
	margin: 0 auto;
	padding: 30em 0 6em 0;
}
.bg-gd h5 {
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
}
.banner-high-lights .bg-gd {
	vertical-align: top;
	font-weight: 300;
	font-size: 0.9em;
	letter-spacing: 1px;
	line-height: 1.8em;
	background: #fff;
	padding: 2em 1.1em;
	color: #999;
	position: relative;
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}
.bg-gd:hover i, .bg-gd.active i {
	color: #fff;
	background: #0ebeff;
}
.rotate {
	margin-top: 5em;
}
.rotate a {
	font-size: 0.9em;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
}
.rotate a i {
	-webkit-animation: bounce 2s infinite ease-in-out;
	z-index: 9;
	text-align: center;
	display: block;
	line-height: 6em;
}
 @-webkit-keyframes bounce {
 0%, 20%, 60%, 100% {
 -ms-transform: translateY(0);
}
 0%, 20%, 60%, 100% {
 -o-transform: translateY(0);
}
 0%, 20%, 60%, 100% {
 -moz-transform: translateY(0);
}
 0%, 20%, 60%, 100% {
 -webkit-transform: translateY(0);
}
 40% {
 -webkit-transform: translateY(-20px);
}
 80% {
 -webkit-transform: translateY(-10px);
}
}
.top-content-right .rotate a {
	font-size: 0.9em;
	color: #fff;
	font-weight: 300;
	letter-spacing: 1px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.bs-slider-overlay {
	width: 100%;
	height: 100%;
	background: url(../images/dots.png)repeat 0px 0px;
	background-size: 2px;
	-webkit-background-size: 2px;
	-moz-background-size: 2px;
	-o-background-size: 2px;
	-ms-background-size: 2px;
}
.bg-gd i {
	font-size: 1.8em;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #fff;
	color: #222;
	position: absolute;
	bottom: -41%;
	line-height: 74px;
	left: 36%;
}
/*--//banner-content--*/

/*-- /banner-info --*/

/*--/introduction--*/

.intro {
	width: 64%;
}
h3.main {
	font-size: 1.7em;
	line-height: 1.5em;
}
h3.main mark {
	padding: 0.4em 0.4em;
	background-color: #ccffe4;
}
.about-in .card {
	/*padding: 3em 0.5em;*/
	border: 1px solid transparent;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-ms-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
	background: transparent;
}
/*.about-in .card:hover {
	background: #fff;
	-webkit-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
	-moz-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
	box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
}*/
.about-in p.card-text {
	line-height: 2em;
}
.about-in .card i {
	font-size: 2em;
	color: #686554;
}
/*.about-in:hover .card i {
	color: #0ebeff;
}*/
.about-in .card h5.card-title {
	font-size: 1.2em;
}
.about-right h3.ttile {
	font-size: 1.4em;
	line-height: 1.3em;
}
h5.sub-tittle p {
	font-size: 1em;
	color: #BBA26A !important;
}
.date {
	display: block;
	font-weight: 600;
	color: #686554;
	font-size: 1.1em;
}
.about-right {
	padding-left: 3em;
}
/*--//introduction--*/

/*-- /services--*/

h3.tittle span {
	display: block;
	text-transform: uppercase;
	font-size: 0.3em;
	color: #ff4081;
	letter-spacing: 4px;
	font-weight: 600;
}
h3.tittle {
	font-size: 3em;
	color: #BBA26A;
	text-transform: uppercase;
	font-weight: 400;
}
h3.tittle:before, h3.tittle:after {
	width: 10%;
	height: 1px;
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: #BBA26A;
}
.about-in.middle-grid-info .card {
	padding: 8em 2em;
	background: #edeeef;
	border: 1px solid transparent;
}
.about-in.middle-grid-info .card-body {
	padding: 0;
}
.about-in.middle-grid-info h5.card-title {
	font-size: 1.3em;
	line-height: 1.4em;
}
.about-in.middle-grid-info:hover .card, .about-in.middle-grid-info.active .card {
	padding: 8em 2em;
	background: #242425;
	border: 1px solid transparent;
	color: #fff;
}
.about-in.middle-grid-info:active h5.card-title {
	color: #fff;
}
/*-- //services--*/

/*-- Pricing --*/

.price-main-info .card-header h4 {
	color: #f7f7f7;
	font-size: 1.7em;
	font-weight: 600;
	line-height: 1em;
	padding-top: 2em;
}
.price-main-info .card-header h4 span {
	display: block;
	font-weight: 100;
}
.price-main-info .card-header {
	background: url(../images/price.jpg)no-repeat 0px 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	min-height: 192px;
}
.price-main-info .card-body {
	background: #fff;
	padding: 4em 1em;
}
.pricing-card-title span {
	font-size: .5em;
	display: inline-block;
	color: #000;
	font-weight: 300;
}
.price-main-info small.text-muted {
	font-size: 0.5em;
}
ul.list-unstyled li {
	font-size: 15px;
	color: #7d7d7d;
	line-height: 2.5em;
}
.price-main-info h5.card-title {
	font-size: 3em;
	color: #1c1c1d;
	font-weight: 700;
}
.card-deck .card {
	padding: 0px;
}
.price-inner .log-in a {
	font-size: 0.9em;
}
.price-inner.card h4 {
	color: #a7aaad;
	font-size: 1.1em;
}
.price-main-info.card {
	border-radius: 0;
	border: none;
	background: none;
}
/*--/tabs --*/

.nav-pills .nav-link {
	padding: 0.7em 2em;
	letter-spacing: 1px;
	color: #4e4c4c;
	background: transparent;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.9em;
	margin: 0 0.5em;
	border-radius: 0;
}
.nav-pills .nav-link:hover {
	opacity: 0.7;
}
.nav-pills .nav-link, .nav-pills .show > .nav-link {
	color: #686554;
	background: #EBE3CB;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background: #686554;
}
.tech-btm h5 {
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: 600;
}
.menu-img-info h5 {
	font-size: 1.8em;
	color: #7b7d80;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
	line-height: 1.4em;
}
p.sub-meta {
	color: #1cbbb4;
	font-size: 1.2em;
	font-weight: 600;
}
.text-info-sec p {
	color: #8c9398;
}
.text-info-sec h5 {
	font-size: 1.4em;
	color: #4e4f50;
	text-shadow: 0 1px 2px rgba(18, 18, 19, 0.13);
	font-weight: 700;
	text-transform: uppercase;
}
.text-info-sec i {
	color: #EB2941;
}
a.hover-2 {
	position: relative;
	color: inherit;
	text-decoration: none;
	line-height: 24px;
	padding: 0.7em 1.5em;
	font-weight: 700;
}
a.hover-2:before, a.hover-2:after {
	content: '';
	position: absolute;
	transition: transform .5s ease;
}
.hover-2:before, .hover-2:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-color: #BBA26A;
}
.hover-2:before {
	border-width: 2px 0 2px 0;
	transform: scaleX(0);
}
.hover-2:after {
	border-width: 0 2px 0 2px;
	transform: scaleY(0);
}
.hover-2:hover:before, .hover-2:hover:after {
	transform: scale(1, 1);
}
.bottom-bg a.hover-2 {
	color: #fff;
}
/*--//tabs--*/

/*--// Pricing --*/

/*--/blog-grid-info--*/

.blog-grid-info .card h5.card-title {
 font-size: 1. 2em;
}
.blog-grid-info .card-body {
	padding: 0;
}
.blog-des {
	padding: 2em;/*background: #F9F6EF;*/
}
span.entry-date {
	font-size: 0.85em;
	color: #999;
}
.blog-grid-info .card h5.card-title {
	font-size: 1em;
	font-weight: 600;
}
.blog-grid-info .card h5.card-title a {
	color: #222;
}
.about-in.blog-grid-info .card {
	padding: 0;
	border: 1px solid transparent;
}
.blog-des.blogger {
	border: 1px solid rgba(221, 221, 221, 0.34901960784313724);
	border-top: 0px;
}
.about-in.blog-grid-info. .card:hover {
 -webkit-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.09);
 -moz-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
 box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.12);
}
/*--//blog-grid-info--*/
/*----*/
#accordion .card-header {
	padding: 0;
}
#accordion .card {
	background: #97907d;
	color: #888;
	margin-bottom: 0.3em;
}
#accordion .btn-link {
	font-weight: 700;
	color: #ffffff;
	background-color: transparent;
	padding: 1em 1em;
}
#accordion .card-body {
	background: #fff;
	color: #888;
}
/*----*/
h4.progress-tittle {
	color: #4f4f50;
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 1em;
}
.progress-one .progress {
	height: 0.5rem;
	background: #e1e2e2;
}
/*-- stats --*/

.stats_info p {
	font-size: 2.5em;
	letter-spacing: 1px;
	line-height: 2;
	color: #ec1c24;
	font-weight: 800;
}
.stats_info h4 {
	color: #4f4f50;
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 1em;
}
.stats_info i {
	font-size: 2.3em;
	color: #3f3f40;
	margin: 0;
	margin-top: 1.5em;
}
.stats_bottom_grid_left img {
	margin: 0 auto;
}
.stats_info {
	text-align: center;
	padding: 0;
	border-top: none;
	border-bottom: none;
}
.stats_info:nth-child(3) {
	border-right: 0px;
}
.stats_info:nth-child(2) {
	border-left: 0px;
	border-right: 0px;
}
/*--//stats--*/
/*-- team --*/

.team-info-content {
	background-color: #FFF;
	display: block;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1;
	filter: alpha(opacity=100);
}
.team-info-content img {
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.team-info-content:before {
	content: '';
	background-color: rgba(0, 0, 0, 0);
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.team-info-content:hover:before {
	background-color: rgba(0, 0, 0, 0.8);
}
.team-info-content:hover .view-caption {
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	-webkit-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}
.view-caption {
	background-color: #0ebeff;
	bottom: 0;
	height: 20%;
	left: 0;
	padding: 16px 20px;
	position: absolute;
	right: 0;
	z-index: 99;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-moz-transform: translateY(150%) scale(1.5);
	-o-transform: translateY(150%) scale(1.5);
	-ms-transform: translateY(150%) scale(1.5);
	-webkit-transform: translateY(150%) scale(1.5);
	transform: translateY(150%) scale(1.5);
}
.view-caption .team-description h4 {
	color: #000;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 5px;
}
.view-caption .team-description p {
	color: #000;
	font-size: 1em;
}
.view-caption ul li {
	display: inline-block;
	list-style: none;
}
.view-caption ul.social-icons li a {
	background-color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	color: #ec1c24;
	display: inline-block;
	height: 28px;
	text-align: center;
	line-height: 25px;
	width: 28px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	font-size: 0.8em;
}
.view-caption ul.social-icons li a:hover {
	opacity: 0.8;
}
.team-description h4 {
	font-size: 1.1em;
}
/*-- //team --*/

/*--bottom-last--*/

.bottom-last {
	text-align: center;
	background: url(../images/banner3.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}
section.bottom-last h3 {
	margin-top: 10rem;
	font-size: 2.5em;
	font-weight: 500;
	text-shadow: 2px 1px 10px rgba(0, 0, 0, 0.9);
}
section.bottom-last h4 {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgba(29, 28, 28, 0.15);
}
section.bottom-last p {
	margin-bottom: 10rem;
	font-size: 1em;
}
/*--bottom-last--*/

.feedback-top {
	padding: 2em;
	background: url(../images/client.jpg);
	position: relative;
	background-size: cover;
}
.feedback-top:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 14%;
	width: 0;
	height: 0;
	border-top: 15px solid rgb(158, 159, 160);
	border-right: 4px solid transparent;
	border-left: 12px solid transparent;
	transform: rotate(0deg);
}
.feedback-top p {
	margin: 0;
	color: #fff;
}
.feedback-img {
	float: left;
	width: 17%;
	background: #e4e4e4;
	padding: 0.3em;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
}
.feedback-grids {
	margin: 3em 0 0;
}
.feedback-img img {
	width: 100%;
}
.feedback-info {
	margin: 1em !important;
}
.feedback-img-info {
	float: left;
	width: 65%;
	margin: 0em 0 0 1em;
}
.feedback-img-info h5 {
	color: #ec1c24;
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: 700;
	text-transform: uppercase;
}
.feedback-img-info p {
	color: #6f6b6b;
	margin-top: .5em;
}
.feedback-img-info p span {
	color: #b1b2b3;
	font-size: 0.85em;
}
.icon-test i {
	font-size: 2em;
	color: #fcd000;
	margin-left: .4em;
	position: relative;
}
.icon-test {
	position: relative;
}
.icon-test:before {
	content: " ";
	position: absolute;
	background: #d5d8da;
	width: 77%;
	height: 2%;
	top: 54%;
	right: 5%;
}
/*-- //feedback --*/

/*--model-forms--*/

.modal-header {
	border: none;
}
.login h5 {
	font-size: 1.2em;
	color: #333;
	text-transform: uppercase;
	font-weight: 600;
}
.login button.btn.btn-primary.submit {
	background: #495057;
	padding: 0.5em 2em;
	letter-spacing: 1px;
	border: none;
}
.login button.btn.btn-primary.submit:hover {
	background: #0ebeff;
}
.login a {
	color: #97989a;
}
.login label {
	font-weight: 400;
	color: #5a5757;
	font-size: 0.9em;
	letter-spacing: 1px;
}
.video iframe {
	width: 100%;
	height: auto;
}
/*--//model-forms--*/

/*--/inner-page--*/

.inner-page {
	background: url(../images/3.jpg) no-repeat center;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-webkit-background-size: cover;
	min-height: 250px;
}
ol.breadcrumb {
	margin: 0;
}
li.breadcrumb-item {
	font-size: 0.85em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
li.breadcrumb-item a {
	color: #ec1c24;
}
.breadcrumb-item.active {
	color: #777;
}
ol.breadcrumb {
	background: none;
	margin: 0;
	padding: 1em 2em;
	background: #f7f7f7;
}
/*--//inner-page--*/

/*--/footer--*/

.n-right .form-group .form-control {
	padding: 1em 1em;
	border: 1px solid #ced4da;
	letter-spacing: 1px;
	font-size: 0.9em;
}
ul.links-nav li {
	list-style: none;
	margin-left: 1em;
}
ul.links-nav li a {
	color: #929394;
	letter-spacing: 1px;
	font-size: 0.9em;
}
ul.links-nav li a.active, ul.links-nav li a:hover {
	color: #fff;
}
p.copy-right a {
	color: #0ebeff;
}
.n-right .form-group input.form-control.submit {
	background: #ec1c24;
	border: 1px solid #ec1c24 !important;
	color: #fff;
	font-size: 1em;
	font-weight: 500;
	cursor: pointer;
	padding: 0.8em 1em;
	width: 26%;
	margin-left: 1%;
}
.n-right .form-group input.form-control.submit:hover {
	background: #333;
}
h3.tittle.foot {
	font-size: 2em;
}
ul.social-icons li {
	list-style: none;
	display: inline-block;
}
ul.social-icons li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	line-height: 34px;
	background: transparent;
	border: 2px solid #fff;
	text-align: center;
}
ul.social-icons li a:hover {
	color: #0ebeff;
}
.copyright a.navbar-brand {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}
/*--//footer--*/

/*-- to-top --*/

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: #191c1f url(../images/move_up.png) no-repeat 11px 11px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
.aboutslogan1 {
	margin: 0;
	font-family: inherit;
	letter-spacing: 1px;
	font-weight:500;
}
.legalcontainer ol {
	padding-left: 20px;
}
.legalprivacy ol {
	padding-left: 14px;
}
.legalprivacy h6 {
	font-weight: bold;
}


.legalleftCon {
    position: relative;
    float: left;
    padding: 0;
    max-width: 22px;
    width: 10%;

}
.legalRightCon {
    padding-left: 26px;
}
.privacy .legalleftCon {
  	position: relative;
    float: left;
    padding: 0;
    max-width: 22px;
    width: 10%;
	right: -4px;
}

.privacy .legalRightCon {
    padding-left: 46px;
}

hr {
	border: solid #c0c0c0;
    border-width: 1px 0 0 0;
    margin: 30px auto;
    width: 100%;
 }



/*-- //to-top --*/

/*--responsive--*/

@media(max-width:1280px) {
h3.tittle {
	font-size: 2.8em;
}
}

@media(max-width:1080px) {
h3.tittle {
	font-size: 2.5em;
}
h3.tittle.foot {
	font-size: 1.8em;
}
}

@media(max-width:1050px) {
.bottom-bg {
	padding: 1em 5em;
}
}

@media(max-width:1024px) {
h3.tittle {
/*font-size: 2.7em;*/
}
}

@media(max-width:991px) {
.banner-bottom-top p {
	font-size: 0.8em;
	text-align: left;
}
header.mainheader {
	position: fixed;
	width: 100%;
	z-index: 999;
}
.navbar-light .navbar-nav .nav-link {
	padding: 0.4em 1.4em;
	font-size: 0.9em;
	text-align: center;
}
nav.navbar.shrink.RWDpagescrollfix {
	width: 100%;
 < !--height: 65px;
 -- > box-shadow: 0 1px 0 0 #dadada;
	left: 0px;
	transition: all 1.2s ease;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background: #fff !important;
	top: 0;
	z-index: 9;
}
nav.navbar.shrink.pagescrollfix {
	position: static;
}
li.nav-item {
	margin: 6px 0px 0 0;
}
.dropdown-item {
	text-align: center;
}
.active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover {
	color: #555;
}
.navbar-light .navbar-nav .nav-link {
	padding: 0.7em 1.4em;
	font-size: 0.9em;
	text-align: center;
	color: #555;
}
.navbar-light .navbar-toggler {
	color: #fff;
	border-color: #fff;
}
div#navbarNavAltMarkup {
	background: #fff;
	padding: 0.5em 0;
}
.secondfix {
	background: #fff;
	padding: 10px 0;
}
section#works {
	padding-bottom: 0rem;
}
a.pagescrolldisplay {
	visibility: visible;
	transition: all 0s ease;
	text-align: center;
}
.rotate {
	margin-top: 4em;
}
section#about {
	background: #fff url(../images/about.png) -13em 4em no-repeat;
	background-size: 61.09375em auto;
	padding: 5em 0;
}
.bottom-content-right {
	max-width: 96.25em;
	padding: 0em 3.1em 0 3em;
	margin: 0 auto;
	text-align: center;
	margin-left: 9em;
}
.service-grid {
	float: left;
	width: 30%;
}
.benefit-grid {
	text-align: center;
}
.easy-gd {
	margin: 0 !important;
}
.easy-gd:nth-child(3), .easy-gd:nth-child(4) {
	margin: 2em 0 !important;
}
.top-info.text-left {
	text-align: center !important;
	width: 100%;
}
h3.tittle {
	font-size: 2.8em;
	margin-bottom: 0.49em;
}
section.bottom-last h3 {
	margin-bottom: 0em;
}
.gallery-grid1 .p-mask, .product .vm-product-media-container .p-mask {
	padding: 1.2em 0.5em;
	width: 100%;
}
.gallery-grid1:hover .p-mask {
	padding: 1.5em 0.5em;
}
.top-info ul li {
	color: #42484e;
}
a.nav-link.request {
	background: #fff;
	padding-bottom: 1em;
}
nav.navbar.shrink a {
	text-align: center;
	color: #312f2f;
}
a.navbar-brand.pagescrolldisplay {
	visibility: hidden;
	display: none;
}
.team-grids {
	width: 50%;
	margin-bottom: 2em;
}
.about-right {
	padding-left: 1em;
}
.about-in, .about-in.blog-grid-info {
	float: left;
	width: 50%;
}
.about-in.middle-grid-info:nth-child(3), .about-in.blog-grid-info:nth-child(3) {
	margin-top: 2em;
}
.blog-sec .about-in.blog-grid-info {
	float: left;
	width: 50%;
	margin-bottom: 1em;
}
.blog-sec .about-in.blog-grid-info:nth-child(3) {
	margin-top: 0;
}
.progress-one {
	margin-top: 1em;
}
.n-right .form-group input.form-control.submit {
	padding: 0.8em 1em;
	width: 39%;
	margin-left: 1%;
}
.accrodition-info-img {
	margin-top: 2em;
}
ul.list-unstyled li {
	font-size: 14px;
	line-height: 2em;
}
}

@media(max-width:900px) {
.bg-gd-info {
	padding: 0 5px;
}
h3.tittle {
	font-size: 2.5em;
	margin-bottom: 0.49em;
}
.bottom-bg p {
	width: 100%;
}
section.bottom-last h3 {
	font-size: 2em;
	margin: 4em 0 0;
}
section.bottom-last p {
	margin-bottom: 4em;
}
.bottom-bg {
	padding: 0em 3em;
}
}

@media(max-width:768px) {
}

@media(max-width:767px) {
.bg-gd i {
	font-size: 1.5em;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: -41%;
	line-height: 59px;
	left: 36%;
}
.bg-gd-info {
	padding: 0 5px;
	float: left;
	width: 32%;
}
.bg-gd h5 {
	font-size: 1em;
}
.banner-high-lights .bg-gd {
	padding: 1.2em 1em;
}
.about-in .card {
	padding: 1em 0.5em;
}
.about-in.middle-grid-info:nth-child(3), .about-in.blog-grid-info:nth-child(3) {
	margin-top: 0em;
}
.about-in, .about-in.blog-grid-info {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
.about-in.middle-grid-info .card, .about-in.middle-grid-info:hover .card, .about-in.middle-grid-info.active .card {
	padding: 6em 2em;
}
.price-main-info:nth-child(2) {
	margin: 1em 0;
}
.blog-sec .about-in.blog-grid-info {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
.social-info.text-right {
	margin-top: 2em;
}
.aboutslogan1 {
	font-size:16px;
}
}

@media(max-width:736px) {
.banner-high-lights .bg-gd {
	padding: 1.2em 1em;
	font-size: 0.8em;
}
}

@media(max-width:667px) {
.about-in.middle-grid-info .card, .about-in.middle-grid-info:hover .card, .about-in.middle-grid-info.active .card {
	padding: 6em 2em;
}
h3.tittle {
	font-size: 2.3em;
}
h4.sub-tittle {
	font-size: 13px;
}
h3.tittle.foot {
	font-size: 1.4em;
}
}

@media(max-width:640px) {
h3.tittle {
	font-size: 2.2em;
}
.rotate a i {
	line-height: 5em;
}
}

@media(max-width:600px) {
h4.sub-tittle {
	font-size: 11px;
}
.nav-pills .nav-link {
	padding: 0.5em 1.4em;
	font-size: 0.8em;
	margin: 0 0.5em;
	border-radius: 0;
}
.price-main-info .card-body {
	padding: 2em 1em;
}
.about-in .card h5.card-title {
	font-size: 0.85em;
}
}

@media(max-width:568px) {
.banner-bottom-top {
	min-height: 8em;
}
.header-bottom {
	min-height: 14em;
	padding: 0 1em;
}
.bg-gd h5 {
	font-size: 0.9em;
}
h3.tittle {
	font-size: 2em;
}
.left-blog-info.text-left {
	padding: 0;
}
a.hover-2 {
	padding: 0.7em 1.5em;
	font-size: 0.8em;
}
.blog-des {
	padding: 1em 1.2em;
}
h3.tittle.foot {
	font-size: 1.1em;
}
.media-body p {
	margin-bottom: 2em;
}
}

@media(max-width:480px) {
    h3.tittle {
        font-size: 1.7em;
    }

    section.bottom-last h3 {
        font-size: 1.5em;
        width: 90%;
        margin: 2em auto 0;
    }

    section.bottom-last h4 {
        font-size: 14px;
        margin: 0 auto 0;
    }

    section.bottom-last p {
        margin-bottom: 2em;
		text-align: left;
    }
    .bottom-last {
        min-height: 200px;
    }
    .bg-gd-info {
        padding: 0px;
        float: left;
        width: 100%;
        margin-bottom: 2em;
    }
    .banner-high-lights .bg-gd {
        padding: 2em 1em;
        font-size: 0.8em;
    }
.bg-gd i {
	font-size: 1.5em;
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: -33%;
	line-height: 59px;
	left: 44%;
}
.bg-gd-info:nth-child(3) {
	margin-bottom: 0px;
}
.rotate {
	margin-top: 1em;
}
}

@media(max-width:440px) {
h3.tittle {
	font-size: 1.6em;
}
h3.tittle.foot {
	font-size: 1.2em;
}
.copyright a.navbar-brand {
	font-size: 1em;
}
}

@media(max-width:414px) {
.stats_info h4 {
	font-size: 0.75em;
	margin-bottom: 1em;
}
.about-in .card h5.card-title {
	font-size: 1.1em;
}
.team-description h4 {
	font-size: 1em;
}
.team-grids {
	width: 100%;
	margin-bottom: 2em;
}
.bottom-bg {
	padding: 0em 2em;
}
}

@media(max-width:384px) {
h3.tittle {
	font-size: 1.5em;
}
.about-in .card h5.card-title {
	font-size: 1em;
}
.about-in.middle-grid-info .card, .about-in.middle-grid-info:hover .card, .about-in.middle-grid-info.active .card {
	padding: 5em 1em;
}
}

@media(max-width:375px) {
#accordion .btn-link {
	padding: 1em 0.5em;
}
h3.tittle {
	font-size: 1.4em;
}
.about-in .card h5.card-title {
	font-size: 0.85em;
}
.n-right.tex-left {
	padding: 0 10px;
}
h3.tittle.foot {
	font-size: 1em;
}
.n-right .form-group input.form-control.submit {
	padding: 0.8em 1em;
	width: 45%;
	margin-left: 1%;
}
}

@media(max-width:320px) {
    h3.tittle {
        font-size: 1.4em;
    }
}

/*--//responsive--*/

.card-body{
    flex : 0 0 auto;
}

.nopadding{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

 /*--------------------------------------------------------------
 # Portfolio
 --------------------------------------------------------------*/
 .portfolio {
   padding: 108px 0;
 }

 .portfolio #portfolio-flters {
   padding: 0;
   margin: 0 0 35px 0;
   list-style: none;
   text-align: center;
 }

 .portfolio #portfolio-flters li {
   cursor: pointer;
   margin: 0 15px 15px 0;
   display: inline-block;
   padding: 10px 20px;
   font-size: 16px;
   line-height: 20px;
   color: #444444;
   border-radius: 4px;
   text-transform: uppercase;
   background: #fff;
   margin-bottom: 5px;
   transition: all 0.3s ease-in-out;
 }

 .portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
   background: #BBA26A;
   color: #fff;
   border-radius: 0;
 }

 .portfolio #portfolio-flters li:last-child {
   margin-right: 0;
 }

 .portfolio .portfolio-wrap {
   box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
   transition: 0.3s;
 }

 .portfolio .portfolio-wrap:hover {
   box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
 }

 .portfolio .portfolio-item {
   position: relative;
   height: 360px;
   overflow: hidden;
 }

 .portfolio .portfolio-item figure {
   background: #000;
   overflow: hidden;
   height: 240px;
   position: relative;
   border-radius: 4px 4px 0 0;
   margin: 0;
 }

 .portfolio .portfolio-item figure:hover img {
   opacity: 0.4;
   transition: .4s;
 }

 .portfolio .portfolio-item figure .link-preview, .portfolio .portfolio-item figure .link-details {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   line-height: 0;
   text-align: center;
   width: 90px;
   height: 35px;
   border-radius: 0px;
   border: 1px solid #bba269;
   transition: all .2s linear;
   overflow: hidden;
   font-size: 14px;
   top: calc(50%);
   right: calc(36%);
 }

 /* .portfolio .portfolio-item figure .link-preview i, .portfolio .portfolio-item figure .link-details i {
color: yellow;
line-height: 0;
} */

 .portfolio .portfolio-item figure .link-preview:hover, .portfolio .portfolio-item figure .link-details:hover {
   background: #bba269;
   color: #fff;
 }

 .portfolio .portfolio-item figure .link-preview:hover i, .portfolio .portfolio-item figure .link-details:hover i {
   color: #fff;
 }

 .portfolio .portfolio-item figure:hover .link-details {
   opacity: 1;
 }

 .portfolio .portfolio-item .portfolio-info {
   background: #333;
   text-align: center;
   padding: 25px;
   height: 50px;
   border-radius: 0 0 3px 3px;
 }

 .portfolio .portfolio-item .portfolio-info h4 {
   font-size: 18px;
   line-height: 1px;
   font-weight: 400;
   margin-bottom: 18px;
   padding-bottom: 0;
 }

 .portfolio .portfolio-item .portfolio-info h4 a {
   color: #fff;
 }

 .portfolio .portfolio-item .portfolio-info h4 a:hover {
   color: #bba269;
 }

 .portfolio .portfolio-item .portfolio-info p {
   padding: 0;
   margin: 0;
   color: #b8b8b8;
   font-weight: 500;
   font-size: 14px;
   text-transform: uppercase;
 }


 /* .portfolio-new:before {
  content: "\f842";
  position: absolute;
  border: 1px solid red;
  top: 10px;
  width: 50px;
  height: 50px;
  left: 20px;
  z-index: 90;
}
 */


 @media(max-width:375px) {
   .portfolio #portfolio-flters {display: inline-flex;}
   .portfolio #portfolio-flters li {padding: 5px 12px;font-size: 16px;}
   .col-lg-12 {text-align: center;}

 }



 /* --------新媒體---------- */

 .vd-card {
   border: 1px solid #fff;



 }

 .vd-card:hover {
   border: 1px solid #bba26a;
   transition: 0.5s all;
   box-shadow: 0px 42px 29px -40px rgba(0, 0, 0, 0.07);
 }



 .card-btn {
   padding-left: 47px;
   color: #bba26a;
 }

 .portfolio .card-body {
   border: none;
 }

 .portfolio .card {
   margin: 20px;
 }


 /* -------card menu------ */


 .card-mb {
   margin-bottom: -5px;
   white-space:nowrap;
 }

 .card-title {
   margin: 0;
   padding-bottom: 0px;
 }

 .container-fluid {
   margin-bottom: 55px;
   padding: 0;
 }
 .card2 {
   margin: 5px;
   background-color: #333333;;
   color: #fff;
   border: 1px solid #fff;
 }

 .carousel-control-prev, .carousel-control-next {
   opacity: 1;
 }

 .vd-icon {
   font-size: 40px;
   color: #bba26a;
 }

 .card-title2 {
   text-align: center;
   color:#fff
 }


 @media (min-width: 375px) {
   .carousel-control-next {right: -25px;}
   .carousel-control-prev {left: -25px;}

 }

 @media (min-width: 768px) {
   /* show 3 items */
   .carousel-inner .active,
   .carousel-inner .active + .carousel-item,
   .carousel-inner .active + .carousel-item + .carousel-item {
     display: block;
   }

   .carousel-inner
	  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
   .carousel-inner
	  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
	  + .carousel-item,
   .carousel-inner
	  .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
	  + .carousel-item
	  + .carousel-item {
     transition: none;
   }

   .carousel-inner .carousel-item-next,
   .carousel-inner .carousel-item-prev {
     position: relative;
     transform: translate3d(0, 0, 0);
   }

   .carousel-inner
	  .active.carousel-item
	  + .carousel-item
	  + .carousel-item
	  + .carousel-item {
     position: absolute;
     top: 0;
     right: -33.3333%;
     z-index: -1;
     display: block;
     visibility: visible;
   }

   /* left or forward direction */
   .active.carousel-item-left + .carousel-item-next.carousel-item-left,
   .carousel-item-next.carousel-item-left + .carousel-item,
   .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
   .carousel-item-next.carousel-item-left
	  + .carousel-item
	  + .carousel-item
	  + .carousel-item {
     position: relative;
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
   }

   /* farthest right hidden item must be abso position for animations */
   .carousel-inner .carousel-item-prev.carousel-item-right {
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     display: block;
     visibility: visible;
   }

   /* right or prev direction */
   .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
   .carousel-item-prev.carousel-item-right + .carousel-item,
   .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
   .carousel-item-prev.carousel-item-right
	  + .carousel-item
	  + .carousel-item
	  + .carousel-item {
     position: relative;
     transform: translate3d(100%, 0, 0);
     visibility: visible;
     display: block;
     visibility: visible;
   }
   .carousel-control-next {right: -50px;}
   .carousel-control-prev {left: -50px;}

 }



 @media (min-width: 1024px) {
   .carousel-control-next {right: -95px;}
   .carousel-control-prev{left: -95px;}
 }