/*
    Last update  : 2022/09
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Loading Transition  */
/*   02 - Global stlye  */
/*   03 - Header Theme Menu  */
/*   04 - Theme Main Banner */
/*   05 - business section */
/*   06 - Service Offer  */
/*   07 - Events Section  */
/*   08 - Choose Section  */
/*   09 - Home Gallery  */
/*   10 - Home Client Claider  */
/*   11 - Home Form Section  */
/*   12 - Latest News Section.  */
/*   13 - home Footer section  */
/*   14 - menu-V-2  */
/*   15 - Home-two-our-Service  */
/*   16 - Home-two Experts section  */
/*   17 - Choose Section  */
/*   18 - Our Membership  */
/*   19 - Enar-page-banner  */
/*   20 - About us */
/*   21 - Service Details  */
/*   22 - Single Projects  */
/*   23 - Blog  */
/*   24 - Shop Page */
/*   25 - Contact-us */

/*** 

====================================================================
  Loading Transition
====================================================================

 ***/
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #ffffff;
  overflow: hidden;
}
#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}
/*======== Global css ========*/
@font-face {
	font-family: "font-awesome";
	src: url('../css/font-awesome/fonts/fontawesome-webfont.ttf');
	src: url('../css/font-awesome/fonts/fontawesome-webfont.eot'), /*IE9 Compat Modes*/
		 url('../css/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), /* Pretty Modern Browsers */
		 /*url('../css/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'),*/ /* Super Modern Browsers */
		 url('../css/font-awesome/fonts/fontawesome-webfont.svg') format('svg'); /* Legacy iOS */
}
* {
	margin:0;
	padding: 0;
}
body {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	color: #575757;
	font-size: 16px;
	font-weight: 400;
	overflow-x: hidden !important;
	position: relative;
}
h1, h2, h3, h4,h5, h6, p, ul {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	color: #020205;
	text-transform: capitalize;
	font-weight: 500;
}
h1 {
	font-size: 55px;
	line-height: 65px;
	font-weight: 700;
}
h2 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 600;
}
h3 {
	font-size: 24px;
	line-height: 34px;
}
h4 {font-size: 24px; line-height: 34px;}
h5 {font-size: 21px; line-height: 30px;}
h6 {font-size: 16px; line-height: 28px;}
p {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-weight: 400;
	line-height: 28px;
	font-size: 16px;
	color: #575757;
}
a {
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
a:hover > i {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
a:hover, a:active, a:visited, a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}
input, 
textarea {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
button {
	border: none;
	outline: none;
	box-shadow: none;
	display: block; 
	padding: 0;
}
ul {list-style-type: none;}
.clear-fix {clear: both;}
.clear-fix:after {
	display: table;
	content: '';
	clear: both;
}
.float-left {float: left;}
.float-right {float: right;}

.error-pages-button-or-Search>li>form>button, .news-item-wrapper .news-item .news-text-item>a>i,
.inspiration-tab .panel-heading h6 a:before, .faq-page-form-section form>textarea, .faq-page-form-section form>input,
.single-item-Wrapper .single-Text-item>h5, .related-product-slider.owl-theme .owl-nav [class*=owl-],
.service-v1-section .service-section .service-offer-item p, .service-v2-item .iteme-text,
.Our-Membership .Our-Membership-item, .Our-Membership .Our-Membership-item .Membership-div,
.them-footer-section .footer-section .footer-item-two>ul>li>i, .home-two-our-service .home-two-our-service-item .item-opact-text,
.single_item_wrapper>div, .client-claider-wrapper .item>div>div span, .news-item-wrapper .news-item,
.home-business-section .business-item>p:after, .service-section .service-offer-item>.service-icon>.flaticon,
.top-header .search-here>button>i, #theme-main-banner .camera_prev, #theme-main-banner .camera_next,
.tran3s, .cat-item-wrapper .cat-item .cat-text-item > a > i {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.service-section .service-offer-item,
img,
.tran7s {
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}
.p-color {color: #2E2E2E;}
.p-color-bg {background: #E4E6E9;}
.text-center {text-align: center;}

/**additional setting for text**/
h4.v_title {font-size: 24px; line-height: 25px; margin-bottom: 30px;}

/*** 

====================================================================
  INDEX HOME
====================================================================

 ***/

/*=============== Header Top ===============*/
.top-header {padding: 40px 0;}
.top-header .them-logo,
.top-header .search-opson,
.top-header .header-icon-tx {height: 60px;}
.top-header .search-opson {padding-left: 10px;}
.top-header .search-here {
	float: right;
	width: 100%;
	padding-right: 30px;
	padding-top: 5px;
	position: relative;
	border-bottom: solid 1px #d6d6d6;
}
.navbar-collapse .search-here {
    border-top: solid 1px #d6d6d6;
    margin: 10px 15px 20px;
    padding-right: 30px;
    padding-top: 5px;
    position: relative;
    border-bottom: solid 1px #d6d6d6;
}
.top-header .search-here > input,
.navbar-collapse .search-here > input {
	height: 44px;
	width: 100%;
	border: none;
	font-size: 16px;
	font-style: italic;
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.navbar-collapse .search-here > input {background: transparent;}
.top-header .search-here > input:focus {outline: none;}
.top-header .search-here > button, 
.navbar-collapse .search-here > button {
	height: 44px;
	width: 30px;
	padding-left: 10px;
	position: absolute;
	top: 2px;
	right: 0;
	background: transparent;
}
.top-header .header-icon-tx:hover h5 > a,
.top-header .search-here>button:hover>i {color: #005BAC;}
.top-header .header-icon-tx {
	padding-left: 50px;
	position: relative;
	padding-top: 10px;
}
.top-header .header-icon-tx > img {
	position: absolute;
	top: 11px;
	left: 0;
}
.top-header .header-icon-tx h5 {font-size: 16px;}
.top-header .header-icon-tx h5 > a {
	text-transform: none;
	color: #202020;
}
.top-header .header-icon-tx p {
	color: #8d8d8d;
	font-size: 14px;
}
.seo-header .rmLogoDesc#rmPageDesc {
	text-indent: -6000px;
	overflow: hidden;
}

/*=============== Menu ===============*/
.banner-ad-menu {position: relative;}
.theme-menu-fix-banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.theme-menu-fix-banner.menu_3 {
    position: relative;
    background: #005BAC;
}
.theme-menu-fix-banner.menu_3 .navbar.menu_3 {margin-bottom: 0;}
.theme-main-menu {
	background: #005BAC;
	position: relative;
}
.theme-main-menu:before {
	content: "";
	width: 2000px;
	background: #005BAC;
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
}
.main-menu .navbar-nav .menu-button {float: right!important;}
.main-menu .navbar-nav .menu-button > a {
	border-right: none;
	background: #005BAC!important;
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.main-menu .navbar-nav .menu-button>a.hvr-bounce-to-right:before {background: #1C1C1C;}
.main-menu .navbar-nav {
	margin: 0;
	width: 100%;
}
.navbar {border: none;}
.main-menu .navbar-collapse {
	padding:0;
	box-shadow: none;
}
.main-menu .navbar-nav > li > a {
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	background: transparent;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	padding: 0px 25px;
	line-height: 60px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main-menu .navbar-nav >li.active>a,
.main-menu .navbar-nav >li:hover a,
.main-menu .navbar-nav >li:focus a {background: #005BAC;}
.main-menu nav ul li.dropdown-holder .fa {
	display: none;
	line-height: 42px;
	width: 55px;
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	top:0;
	right:0;
	text-align: center;
	cursor: pointer;
}
.navbar-toggle {
	float: right !important;
	border: none;
	margin: 0;
	background: transparent;
	margin-top: 7px;
	margin-right: 8px;
}
.navbar-toggle .icon-bar {
	background-color: #767676!important;
	height: 2px;
	width: 20px;
}
.theme-menu-V-two-fix .navbar-toggle .icon-bar {background:#005BAC;}
#navbar-collapse-2 #form-search {
	display: none;
    border-top: solid 1px rgba(255, 255, 255, 0.25);
	border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}
#navbar-collapse-2 #form-search.search-here > input {color:rgba(255, 255, 255, 0.5);}

/*=============== Sub Menu ===============*/
.main-menu .navbar-nav > li.dropdown-holder .sub-menu {
	position: absolute;
	min-width: 230px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 99999;
	top: 100%;
	padding: 0;
    margin: 0;
	-webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	-webkit-transition: -webkit-transform .4s ease,opacity .4s ease;
	-moz-transition: transform .4s ease,opacity .4s ease;
	-o-transition: transform .4s ease,opacity .4s ease;
    transition: transform .4s ease,opacity .4s ease;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.main-menu .navbar-nav > li.dropdown-holder:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	z-index: 99999;
	top: 100%;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li a {
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	text-transform: capitalize;
	color: #ffffff;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	background: #005BAC;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li a:hover {
	background: #020205;
	padding-left: 18px;
	color: #ffffff;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li:last-child a {border:none;}
/*=============== Sub Menu level 2 ===============*/
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li {position: relative;}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul {
	position: absolute;
	min-width:230px;
	left: 230px;
	opacity: 0;
	visibility: hidden;
	z-index: 99999;
	top: 0;
	padding: 0;
    margin: 0;
	-webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	-webkit-transition: -webkit-transform .4s ease,opacity .4s ease;
	-moz-transition: transform .4s ease,opacity .4s ease;
	-o-transition: transform .4s ease,opacity .4s ease;
    transition: transform .4s ease,opacity .4s ease;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul li a {
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	text-transform: capitalize;
	color: #ffffff;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	background: #005BAC;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul li a:hover {
	background: #020205;
	padding-left: 18px;
}

.main-menu .navbar-nav > li.dropdown-holder .sub-menu > li.dropdown-holder:hover > ul {
	opacity: 1;
	top: 0;
	visibility: visible;
	z-index: 99999;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
}
/*=============== scroll Menu ===============*/
@keyframes menu_sticky {
	0%   {margin-top:-120px; opacity: 0;}
	50%  {margin-top: -64px; opacity: 0;}
	100% {margin-top: 0; opacity: 1;}
}
.theme-menu-fix-banner.fixed {
	position: fixed !important;
	width:100%;
	top:0;
	left:0;
	z-index: 999;
	margin: 0;
	animation-name: menu_sticky;
	animation-duration: 0.90s;
	animation-timing-function: ease-in-out;
	height: 60px;
}
.theme-menu-fix-banner .navbar-header .them-logo a {display: initial;}
.theme-menu-fix-banner .navbar-header .them-logo a img {
    display: none;
    height: 42px;
    padding: 7px 0 0 10px;
    float: left;
}

/*=============== Theme Main Banner ===============*/
.camera_wrap {float:none;}
#theme-main-banner .camera_overlayer {
	content: '';
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
}
#theme-main-banner .camera_prev,
#theme-main-banner .camera_next {
	background: rgba(0, 0, 0, 0.25);
	height: 100px;
	width: 30px;
	margin-top: -50px;
	text-align: center;
}
#theme-main-banner .camera_prev:hover,
#theme-main-banner .camera_next:hover {background: rgba(0, 0, 0, 0.55);}
#theme-main-banner .camera_prev > span,
#theme-main-banner .camera_next > span {
	background: none;
	display: block;
	width: 100%;
	height: 100%;
}
#theme-main-banner .camera_prev > span:before,
#theme-main-banner .camera_next > span:before {
	font-family: 'font-awesome';
	font-size: 32px;
	color:#ffffff;
	line-height: 100px;
}
#theme-main-banner .camera_prev > span:before {content: '';}
#theme-main-banner .camera_next > span:before {content: '';}
#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li {display: none !important;}
#theme-main-banner .camera_caption {height: 100%;}
#theme-main-banner .camera_caption > div {
	background: transparent;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: none;
	left: 0;
	padding: 0;
}
#theme-main-banner .camera_caption .container.align-center {text-align: center;}
#theme-main-banner .camera_caption .container.align-right {text-align: right;}
#theme-main-banner .camera_caption .container h1 {
	color:#020205;
	font-weight:700;
	font-size:50px;
	line-height:60px;
	text-shadow: 0 0 12px rgba(255, 255, 255, 0.75);
}
#theme-main-banner .camera_caption .container p {
	color: #005BAC;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-transform: none;
	margin: 10px 0;
	max-width: 530px;
}
#theme-main-banner .camera_caption .container.align-right p {float:right;} /****optional setting****/
#theme-main-banner .camera_caption .container > a.button-left {
	font-weight: 700;
	font-size: 14px;
	border:none;
	padding: 2px 20px;
	margin: 10px 0 0 0;
	line-height: 45px;
	text-align: center;
	opacity: 1;
	color: #ffffff;
	background: #005BAC;
}
#theme-main-banner .camera_caption .container > a.button-left:before,
#theme-main-banner .camera_caption .container > a.button-left:hover {background:#1C1C1C; color: #ffffff;}

/*=============== business section ===============*/
.home-business-section {margin:60px 0 80px 0;}
.home-business-section .business-text {text-align:center!important;}
.home-business-section .business-text > h1,
.home-business-section .business-text > h1 > a {
	font-size: 40px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 50px;
	color: #020205;
    text-transform: uppercase;
}
.home-business-section .business-text > h1 > a:hover {color:#020205;}
.home-business-section .business-text > h1 {margin-left:10%; margin-right:10%;}
.home-business-section .business-text > span.decoration {
	display: block;
	width: 65px;
	border-bottom: 2px solid #005BAC;
	margin: 20px auto 0;
}
.home-business-section .business-item {background-color:#005BAC; margin-top:50px; padding:30px;}
.home-business-section .business-item > div {
	height: 60px;
	margin-bottom: 10px;
}
.home-business-section .business-item > div > a > i {color:#ffffff;}

.home-business-section .business-item > h2 {
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	color: #ffffff;
	text-transform: capitalize;
}
.home-business-section .business-item > h2 > a {color: #ffffff; text-transform: capitalize;}
.home-business-section .business-item > h2 > a:hover {color: #B7EFFF;}
.home-business-section .business-item > p {
	padding: 20px 0 50px 0;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 185px;
	text-align: center!important;
	color:#ffffff;
}
.home-business-section .business-item > p:after {
	content: "";
	border-top: 1px solid #1C1C1C;
	border-bottom: 1px solid #1C1C1C;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 40%;
	right: 40%;
	width: 20%;
}
.home-business-section .business-item:hover>h2>a {color: #B7EFFF;}
.home-business-section .business-item:hover>p:after {border-color: #B7EFFF;}

/*=============== them-main-title ===============*/
.them-main-title > span.decoration {
	display: block;
	width: 65px;
	border-bottom: 2px solid #005BAC;
	padding-top: 20px;
}

/*=============== Service Offer ===============*/
.service-offer .them-main-title>h2 {color: #ffffff;}
.service-offer .them-main-title>span {margin: 0 auto;}
.service-offer {
	background: url(../images/home/bg-img-1.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.service-offer .service-section-opact {
	padding: 70px 0 80px 0;
	background: rgba(0, 0, 0, 0.2);
}
.service-section {padding-top: 75px;}
.service-section .service-offer-item {
	background: rgba(0, 0, 0, 0.7);
	padding: 40px 35px 48px 40px;
	margin-bottom: 30px;
}
.service-section .service-offer-item>.service-icon {margin-bottom: 14px;}
.service-section .service-offer-item>.service-icon>.flaticon {
	color: #e03558;
	font-size: 55px;
}
.service-section .service-offer-item:hover>.service-icon>.flaticon {color: #ffffff;}
.service-section .service-offer-item>.service-icon>span {
	display: inline-block;
	font-size: 40px;
	color: rgba(255, 255, 255, 0.7);
	padding-top: 10px;
	font-weight: 300;
}
.service-section .service-offer-item h3>a {text-transform: capitalize;}
.service-section .service-offer-item p {
	color: #ffffff; 
	margin: 25px 0 20px;
}
.service-section .service-offer-item:hover {background: #005BAC;}
.service-section .service-offer-item:hover>.service-icon>span {color: rgba(255, 255, 255, 0.9);}
.service-section .service-offer-item a {text-transform: capitalize;}
.service-section .service-offer-item a i {
	vertical-align: middle;
	margin-left: 8px;
}
/*=============== Events Section ===============*/
.events-section {background-color:#F0F0F0; padding:70px 0;}
.events-section .event-areya {position: relative;}
.events-section .event-areya > a {
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	line-height: 45px;
	border: 2px solid #ebebeb;
	color: #575757;
	text-align: center;
	font-weight: 400;
	padding: 0 15px;
}
.events-section .event-areya > a:hover {color: #ffffff;}
.events-section .event-areya > a:before {background: #005BAC;}
.events-section .event-areya .event-margin {margin-bottom: 50px;}
.events-section .event-areya .event-margin h2 {letter-spacing: 2px; text-transform: uppercase;}
.event-areya .event-item {margin-bottom: 0px;}
.event-areya .event-item .event-img {
	position: relative; 
	overflow: hidden;
}
.event-areya .event-item .event-img > a {width: 100%;}
.event-areya .event-item .event-img > a > img {width: 100%;}
.event-areya .event-item .event-img > div {
	position: absolute;
	top: 0;
	left: 15px;
	width: 60px;
	height: 60px;
	background: #005BAC;
	text-align: center;
}
.event-areya .event-item .event-img>div>span:nth-of-type(1) {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
	display: block;
	padding-top: 30px;
	letter-spacing: 1px;
}
.event-areya .event-item .event-img>div>span:nth-of-type(2) {
	font-size: 14px;
	text-transform: lowercase;
	color: #ffffff;
	display: block;
}
.event-areya .event-item:hover .event-img > a > img {
 	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 0.8;
}
.event-item .event-border {
	border: none; 
	margin-left: -15px; 
	padding-left: 50px;
}
.event-item .event-text {min-height: inherit;} 
.event-item .event-text > h4 {line-height: 32px;}
.event-item .event-text > h4 > a {
	color: #020205; 
	text-transform: capitalize;
}
.event-item:hover .event-text > h4 > a {color: #005BAC;}
.event-item .event-text > p {
	margin: 12px 0 22px;
	color: #575757;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 130px;
}
.event-item .event-text > span {
	display: inline-block;
	color: #767676;
	text-transform: none;
	font-size: 16px;
	margin-bottom: 10px;
}
.event-item .event-text > a {
	display: inline-block;
	color: #005BAC;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-right: 25px;
}
.event-item .event-text > a > i,
.event-item .event-text > span > i {margin-right:8px; color: #005BAC;}
.event-item:hover .event-text > a,
.event-item:hover .event-text > a > i {color: #1C1C1C;}

/*=============== Choose Section ===============*/
.choose-section .left-side,
.choose-section .right-side {
	width: 50%;
	height: 600px;
	overflow: hidden;
}
.choose-section .right-side .right-side-content,
.choose-section .left-side .left-side-content {
	width: 585px;
	max-width: 585px;
	height: 100%;
	overflow: hidden;
}
.choose-section .left-side {background: rgba(0,0,0,0.1);}
.choose-section .left-side .left-side-opact {
	background: rgba(0, 0, 0, 0);
	height: 100%;
}
.choose-section .left-side .left-side-content {padding-top: 120px;}
.choose-section .left-side .left-side-content .left-content-text {padding-right: 80px;}
.choose-section .left-side .left-side-content .left-content-text > .them-main-title {text-align:right; overflow:hidden;}
.choose-section .left-side .left-side-content .left-content-text > .them-main-title h2 {color: #020205;}
.choose-section .left-side .left-side-content .left-content-text > .them-main-title span {float:right;}
.choose-section .left-side .left-side-content .left-content-text > p {
	font-size: 18px;
	color: #575757;
	margin: 30px 0;
	text-align:right;
}
.choose-section .left-side .left-side-content .left-content-text>a {
	display: block;
	width: 155px;
	line-height: 45px;
	background: #005BAC;
	text-align: center;
}
.choose-section .left-side .left-side-content .left-content-text>a:hover {color: #005BAC;}
.choose-section .right-side {background: #f9f9f9;}
.choose-section .right-side .right-side-content {padding: 80px 0 0 80px;}
.choose-section .right-side .right-side-content .right-content-text {margin: 0 -15px;}
.choose-section .right-side .right-side-content .right-content-text .right-side-item {
	width: 50%;
	padding: 0 15px;
	min-height: 220px;
	margin-bottom: 20px;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item>i.flaticon {
	font-size: 50px; 
	color: #005BAC;
	display: block;
	margin-bottom: 6px;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item>h4>a,
.choose-section .right-side .right-side-content .right-content-text .right-side-item>h3>a {
	text-transform: capitalize; 
	color: #020205;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item>h3 {
    font-size: 22px;
    line-height: 32px;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item>span {
    font-size: 22px;
    line-height: 32px;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item>span>a {
	text-transform: capitalize; 
	color: #020205;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item:hover>h4>a,
.choose-section .right-side .right-side-content .right-content-text .right-side-item:hover>h3>a {
    color: #005BAC;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item:hover>span>a {color: #005BAC;}
.choose-section .right-side .right-side-content .right-content-text .right-side-item>p {
	color: #9b9a9a; 
	padding: 14px 0;
}

/*=============== Home Gallery ===============*/
.home-gallery_wrapper {padding: 120px 0;}
.home-gallery_wrapper .isotop_menu>div>a {
	width: 135px;
	line-height: 45px;
	border: 2px solid #e5e5e5;
	color: #005BAC;
	text-align: center;
}
.home-gallery_wrapper .isotop_menu>div>a:hover {color: #ffffff;}
.home-gallery_wrapper .isotop_menu>div>a.hvr-bounce-to-right:before {background: #005BAC;}
.isotop_menu {margin-bottom: 65px;}
.isotop_menu ul {display: inline-block;}
.isotop_menu ul li {
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
	padding: 8px 10px;
	text-transform: capitalize;
	color: #767676;
}
.isotop_menu ul li.is-checked,
.isotop_menu ul li:hover {color: #005BAC;}
.gallery_item_wrapper>.grid-sizer,
.gallery_item_wrapper>.isotop-item {
	width: 33.333333%;
	padding: 15px;
}
#isotop-gallery-wrapper .single_item_wrapper img {width: 100%;}
.single_item_wrapper {
	position: relative;
	overflow: hidden;
}
.single_item_wrapper>div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(20, 20, 20, 0.5);
	opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
	transform: scale(0);
}
.single_item_wrapper:hover>div {
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
	transform: scale(1);
}
.single_item_wrapper > div > a {
	font-size: 50px;
	font-weight: 800;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	color: #ffffff;
	line-height: 0;
	text-transform: none;
}
.single_item_wrapper > div > a:hover {color: #005BAC;}


/*=============== Home Client Claider ===============*/
.them-main-title.text-center>span {margin: 0 auto;}
.home-client-claider {padding: 100px 0;}
.client-claider-wrapper {margin-top: 70px;}
.client-claider-wrapper .item {
	border: 1px solid rgba(0, 0, 0, 0.05); 
	min-height: 275px;
}
.client-claider-wrapper .item>div {padding: 50px;}
.client-claider-wrapper .item>div>p {
	font-size: 20px; 
	font-weight: 300; 
	margin-bottom: 30px;
}
.client-claider-wrapper .item>div>div {
	position: relative; 
	padding:0 70px 0 40px;
}
.client-claider-wrapper .item>div>div span {
	display: inline-block;
	width: 25px;
	border-top: 2px solid #020205;
	position: absolute;
	top: 4px;
	left: 0;
}
.client-claider-wrapper .item:hover>div>div span {border-color: #005BAC;}
.client-claider-wrapper .item>div>div>img {
	width: 52px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 5px;
}
.client-claider-wrapper .item>div>div>h6>a {
	color: #020205; 
	text-transform: capitalize;
}
.client-claider-wrapper .item:hover>div>div>h6>a {color: #005BAC;}
.client-claider-wrapper .item>div>div>i {
	display: block;
	font-size: 16px;
	color: #9e9e9e;
	margin-top: 7px;
}
#client-claider-carousel.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 40px;}
#client-claider-carousel.owl-theme .owl-dots .owl-dot span {
    margin: 5px 5px;
    background: transparent;
    border: 1px solid #c3bebe;
}
#client-claider-carousel.owl-theme .owl-dots .owl-dot.active span,
#client-claider-carousel.owl-theme .owl-dots .owl-dot span:hover {
	border-color: #005BAC; 
	background: #005BAC;
}

/*=============== Home Form Section ===============*/
.home-form-section .form-contact-item {padding: 10px 0 0 40px;}
.home-form-section .form-contact-item>form input {
	width: 100%;
	height: 50px;
	margin-bottom: 15px;
	border: 1px solid #ffffff;
	padding: 0 20px;
}
.home-form-section .form-contact-item>form textarea:focus,
.home-form-section .form-contact-item>form input:focus {border: 1px solid #005BAC;}
.home-form-section .form-contact-item>form textarea {
	width: 100%;
	max-width: 100%;
	height: 130px;
	max-height: 130px;
	margin-bottom: 15px;
	border: 1px solid #ffffff;
	padding: 20px;
}
.home-form-section .form-contact-item>form button {
	width: 155px;
	height: 45px;
	color: #ffffff;
	background: #005BAC;
	text-transform: uppercase;
}
.home-form-section .form-contact-item>form button:hover {
	color: #020205; 
	border: 1px solid #005BAC; 
	font-weight: 700;
}

/*=============== Latest News Section ===============*/
.home-latest-news {
	margin: 0;
	padding-bottom:60px;
	background:#F0F0F0;
}
.home-latest-news .them-main-title  {margin-top: 100px;}
.home-latest-news .them-main-title h2  {color: #020205; letter-spacing: 2px; text-transform: uppercase;}
.home-latest-news .news-item-wrapper {margin-top: 60px;}
.news-item-wrapper .news-item {
	margin-bottom: 40px;  
	border-left: none; 
	border-right: none;
	text-align: center;
}
.news-item-wrapper .news-item .news-item-img {
	overflow: hidden; 
	position: relative;
	background-color: #ffffff;
}
.news-item-wrapper .news-item .news-item-img > a {
	width: 100%; 
	display: block;
}
.news-item-wrapper .news-item .news-item-img > a > img {width: 100%;}
.news-item-wrapper .news-item:hover .news-item-img > a > img {opacity: 0.8;}
.news-item-wrapper .news-item .news-item-img > span {
	width: 80px;
	text-align: center;
	line-height: 40px;
	position: absolute;
	left: 0;
	top: -3px;
	background: #B50C25;
	font-size: 17px;
	font-weight: 600;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
}
.news-item-wrapper .news-item .news-text-item {padding:30px 20px; background-color:#F0F0F0;}
.news-item-wrapper .news-item .news-text-item > h3 {
	font-size: 22px;
	font-weight: 500;
	margin: 0;
	color:#005BAC;
	line-height: 34px;
	text-transform: capitalize;
}
.news-item-wrapper .news-item .news-text-item > h3 > a {color:#005BAC; text-transform:capitalize;}
.news-item-wrapper .news-item:hover .news-text-item > h3 > a {color: #020205;}
.news-item-wrapper .news-item .news-text-item > p {
	color: #575757; 
	margin: 15px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 115px;
}
.news-item-wrapper .news-item .news-text-item > a {
	color: #005BAC; 
	text-transform: capitalize; 
	font-weight: 400; 
	font-size: 16px;
}
.news-item-wrapper .news-item .news-text-item > a > i {
	color: #005BAC; 
	vertical-align: middle; 
	margin-right: 8px;
}
.news-item-wrapper .news-item:hover .news-text-item > a > i,
.news-item-wrapper .news-item:hover .news-text-item > a {color: #1C1C1C;}

/*=============== Logo slide ===============*/
.home-logo-slide {margin-bottom: 110px;}
.home-logo-slide .them-main-title>span {display: inline-block;}
#logo-claider-carousel.owl-theme .owl-dots .owl-dot span {display: none !important;}
#logo-claider-carousel .item>div {border: 1px solid #e7e5e5;}
#logo-claider-carousel .item>div>img {width: 100% !important;}

/*=============== home Footer section ===============*/
.them-footer-section .footer-button-section {
	background: #000000; 
	padding: 20px 0;
}
.them-footer-section .footer-button-section h3 {
	font-size: 28px; 
	color: #ffffff; 
	line-height: 38px;
	margin: 8px 0;
}
.them-footer-section .footer-button-section a {
	width: 100%;
	line-height: 55px;
	background: #005BAC;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	float: right;
	border-radius: 4px;
	min-width: 220px;
	color: #ffffff;
}
.them-footer-section .footer-button-section a:hover {color: #2E2E2E; background: #B7EFFF;}
.them-footer-section .footer-section {
	background: #1C1C1C url(/Templates/pic/bg_footer.jpg) center repeat-x;
	background-attachment: scroll;
	background-size: cover;
	padding-top: 70px; 
	color: #E4E6E9;
}
.them-footer-section .footer-section .footer-item-one,
.them-footer-section .footer-section .footer-item-two,
.them-footer-section .footer-section .footer-item-three,
.them-footer-section .footer-section .footer-item-four {padding-bottom: 60px; min-height: 350px;}
.them-footer-section .footer-section .footer-item-one > p {
	margin: 30px 0 25px 0; 
	color: #E4E6E9;
}
.them-footer-section .footer-section .footer-item-one > ul > li {display: inline-block;}
.them-footer-section .footer-section .footer-item-one > ul > li > a {
	margin: 5px; 
	color: #E4E6E9;
}
.them-footer-section .footer-section .footer-item-three > ul > li:hover > h6 > a,
.them-footer-section .footer-section .footer-item-one > ul > li > a:hover {color: #88F2FF;}
.them-footer-section .footer-section .footer-item-one .footre-logo > img {margin:18px 0 0 0;}
.them-footer-section .footer-section .footer-item-two > h3,
.them-footer-section .footer-section .footer-item-three > h3,
.them-footer-section .footer-section .footer-item-four address > h3 {
	color: #ffffff;
	position: relative;
	padding-left: 30px;
	margin:15px 0 30px 0;
}
.them-footer-section .footer-section .footer-item-two > h3:before,
.them-footer-section .footer-section .footer-item-three > h3:before,
.them-footer-section .footer-section .footer-item-four address > h3:before {
	content: "";
	display: inline-block;
	width: 20px;
	border-bottom: 2px solid #88F2FF;
	position: absolute;
	left: 0;
	top: 16px;
}
.them-footer-section .footer-section .footer-item-two > ul > li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 12px;
	margin-left: 10px;
	line-height: 28px;
}
.them-footer-section .footer-section .footer-item-two > ul > li > i {
	position: absolute;
	left: 0;
	top: 5px;
}
.them-footer-section .footer-section .footer-bottom-item .privacy-item>h6>a:hover,
.them-footer-section .footer-section .footer-item-two > ul > li:hover>i {color: #88F2FF;}
.them-footer-section .footer-section .footer-item-two > ul > li > a {
	text-transform: capitalize; 
	color: #E4E6E9;
}
.them-footer-section .footer-section .footer-item-two > ul > li > a:hover {color: #88F2FF;}
.them-footer-section .footer-section .footer-item-three > ul > li {margin-bottom: 25px;}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 {font-size: 16px;}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 > a {
	line-height: 25px;
	text-transform: capitalize;
	color: #ffffff;
}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 > a:hover {color: #88F2FF;}
.them-footer-section .footer-section .footer-item-three>ul>li>i {
	display: block; 
	margin-top: 8px;
}
.them-footer-section .footer-section .footer-item-four address > span {
	display: block; 
	margin-bottom: 12px;
	line-height:28px
}
.them-footer-section .footer-section .footer-item-four address > span > i {margin-right:12px;}
.them-footer-section .footer-section .footer-bottom-item {
	padding: 20px 0;
	background-color: #000000;
}
.them-footer-section .footer-section .footer-bottom-item p {
	color: #BFBFBF;
	font-size:14px;
	line-height:20px;
}
.them-footer-section .footer-section .footer-bottom-item p > a {
	text-transform: capitalize; 
	color: #BFBFBF;
}
.them-footer-section .footer-section .footer-bottom-item p > a:hover {color: #ffffff;}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p {
	color: #BFBFBF; 
	display: inline-block;
	font-size:14px;
}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a {color: #BFBFBF;}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a:hover {color: #ffffff;}

/*=============== index-2 ===============*/
.top-header-v-two {
	background: #005BAC; 
	padding: 8px 0 10px;
}
.top-header-v-two ul>li {
	display: inline-block; 
	margin-right: 26px;
}
.top-header-v-two ul>li>a {text-transform: capitalize;}
.top-header-v-two .top-header-left>li>a>i {
	margin-right: 7px; 
	font-size: 18px;
}
.top-header-v-two .top-header-right>li {float: right;}
.top-header-v-two .top-header-right>li>ul>li {margin: 0;}
.top-header-v-two .top-header-right>li:nth-of-type(1) {margin-right: 0;}
.top-header-v-two .top-header-right>li>ul>li>a {
	padding: 0 6px; 
	color: #ffa9bb;
}
.top-header-v-two .top-header-right>li>ul>li>a:hover {color: #ffffff;}

/*=============== menu-V-2 ===============*/
.theme-menu-V-two-fix.theme-menu-fix-banner {
	position: static; 
	padding: 30px 0;
}
.theme-menu-V-two-fix>div {position: relative;}
.theme-menu-V-two-fix .manu-logo-v-two a {line-height: 60px;}
.theme-menu-V-two-fix .theme-main-menu {background: #ffffff !important;}
.theme-menu-V-two-fix .theme-main-menu:before {display: none !important;}
.theme-menu-V-two-fix .navbar {margin-bottom: 0;}
.theme-menu-V-two-fix .main-menu .navbar-nav >li>a {
	color: #020205;
	padding: 0px 15px;
	border-right: none;
}
.theme-menu-V-two-fix .main-menu .navbar-nav >li.active>a,
.theme-menu-V-two-fix .main-menu .navbar-nav >li:hover a,
.theme-menu-V-two-fix .main-menu .navbar-nav >li:focus a {
	background: transparent;
	color: #005BAC;
}
.theme-menu-V-two-fix .main-menu .navbar-nav {padding-left: 100px;}
.theme-menu-V-two-fix .navbar-toggle {margin-top: 13px;}
.theme-menu-V-two-fix .search_option {position: relative;}
.theme-menu-V-two-fix .search_option .search {
	background:transparent;
	border:none;
	font-size: 22px;
	color: #020205;
	line-height: 60px;
}
.theme-menu-V-two-fix .search_option form.dropdown-menu {
    position: absolute;
    height: 55px;
    width: 280px;
    padding: 5px;
    border-radius: 0;
    right: 0;
    left: auto;
    top: 50px;
    font-size: 15px;
    box-shadow: none;
    border: none;
    float: none;
    margin: 0;
    background: #ffffff;
    z-index: 9999999;
}
.theme-menu-V-two-fix .search_option form input {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: 1px solid #ececec;
    padding: 0 52px 0 10px;
}
.theme-menu-V-two-fix .search_option form button {
    display: block;
    width: 48px;
    background: #005BAC;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-left: none;
    line-height: 45px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
.theme-menu-V-two-fix .manu-icon>div>a {
	color: #171717; 
	line-height: 60px;
}
.theme-menu-V-two-fix .manu-icon>div>a>i {
	font-size: 22px;
	position: relative;
	margin-right: 25px;
}
.theme-menu-V-two-fix .manu-icon>div>a>i>span {
	position: absolute;
	height: 16px;
	width: 16px;
	background: #005BAC;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	right: -10px;
	bottom: -10px;
	color: #ffffff;
}
.theme-menu-V-two-fix .search_option .search:hover,
.theme-menu-V-two-fix .manu-icon>div>a:hover {color: #005BAC;}
.theme-menu-V-two-fix.fixed {
	position: fixed !important;
	width:100%;
	top:0;
	left:0;
	z-index: 9999;
	margin: 0;
	animation-name: menu_sticky;
	animation-duration: 0.90s;
	animation-timing-function: ease-in-out;
	height: 70px;
	background: #ffffff;
	padding: 0;
	-webkit-box-shadow: 0px 13px 20px -12px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 13px 20px -12px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 13px 20px -12px rgba(0, 0, 0, 0.10);
}

/*=============== home 2 business section ===============*/
.home-two-business .business-text span {margin: 30px 0 0;}

/*=============== Home-two-our-Service ===============*/
.home-two-our-service .home-two-our-service-item {
	width: 25%;
	overflow: hidden !important;
	position: relative;
}
.home-two-our-service .home-two-our-service-item img {width: 100%;}
.home-two-our-service .home-two-our-service-item .item-opact-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 60% 8% 0;
	color: #ffffff;
}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text {
	background: rgba(249, 57, 97, 0.7);
	padding: 20% 8% 0;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h5>a {
	margin-bottom: 22px; 
	text-transform: capitalize;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h5>a>i {
	vertical-align: middle; 
	margin-left: 5px;
}
.home-two-our-service .home-two-our-service-item .item-opact-text p {
	display: none; 
	line-height: 22px;
}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text p {display: block;}

/*=============== Home-two Experts section ===============*/
.home-two-experts-section {
	background:#002649 url(/Templates/pic/bg_index_group-2.jpg) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding:100px 0;
}
.home-two-experts-section .them-main-title > h2 {color:#ffffff}
.home-two-experts-section .them-main-title > span.decoration {border-bottom-color:#88F2FF;}
.home-two-experts-section .them-main-title > p {
	color: #ffffff;
	font-size:18px;
	line-height:32px;
	margin-top:30px;
}
.experts-claider-wrapper {margin-top: 70px;}
.experts-claider-wrapper .item .expert-img {
	overflow: hidden;
	margin: 0 auto 30px;
} 
.experts-claider-wrapper .item .expert-img > img {width: 100%;}
.experts-claider-wrapper .item h5 {
	color: #ffffff; 
	text-transform: capitalize; 
}
.experts-claider-wrapper .item a p {
    font-size: 21px;
    line-height: 30px;
	color: #ffffff; 
	text-transform: capitalize;
	font-weight:500;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.experts-claider-wrapper .item span {
	color: #B7EFFF; 
	font-size: 16px; 
	margin: 10px 0; 
	display: block;
	font-weight:500;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.experts-claider-wrapper .item p {
	color: #ffffff; 
	font-size: 18px; 
	line-height: 32px;
}
.experts-claider-wrapper .item:hover h5 {color: #B7EFFF;}
.experts-claider-wrapper .item:hover a p {color: #B7EFFF;}
#home-two-experts-carousel.owl-theme .owl-dots .owl-dot span {display: none;}

/*=============== Choose Section ===============*/
.choose-section .home-two-right-side {background: rgba(0,0,0,0.1);}
.choose-section .home-two-right-side .right-side-content {
	padding: 40px 0 0 80px;
	margin: 80px 0 0 0;
	border-left: 1px solid rgba(0,0,0,0.25);
}
.choose-section .home-two-right-side .right-side-content .right-content-text {margin: 0;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item {
	width: 100%;
	padding: 0;
	min-height: auto;
	margin: 0 0 40px 0;
	position: relative;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item>i.flaticon {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 50px;
	color: #005BAC;
	margin-bottom: 0;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item>i.fa {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 50px;
	color: #005BAC;
	margin-bottom: 0;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item img {
	position: absolute;
	top: 0;
	left: 0;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > h4 {
	color: #005BAC;
	margin-bottom: 10px;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > span {
	color: #005BAC;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
    line-height: 145%;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > h4 > a {color: #005BAC;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item:hover>h4>a {color: #020205;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item>p {
	color: #575757; 
	padding: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 85px;
	overflow: hidden;
}

/*=============== Our Membership ===============*/
.Our-Membership {margin: 120px 0 130px;}
.Our-Membership .them-main-title {margin-bottom: 65px;}
.Our-Membership .them-main-title>p {
	margin-top: 15px; 
	font-size: 18px;
}
.Our-Membership .Our-Membership-item {
	padding-top: 15px; 
	height: 535px; 
	margin-bottom: 15px;
}
.Our-Membership .Our-Membership-item:hover {padding: 0 0 15px;}
.Our-Membership .Our-Membership-item .Membership-div {
	height: 520px;
	overflow: hidden;
	padding: 55px 10px 20px;
	color: #ffffff;
}
.Our-Membership .Our-Membership-item:hover .Membership-div {
	-webkit-box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.35);
}
.Our-Membership .Our-Membership-item .Membership-div>h6 {
	color: #ffffff; 
	text-transform: uppercase;
}
.Our-Membership .Our-Membership-item .Membership-div>strong {
	display: block; 
	font-size: 60px; 
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif; 
	font-weight: 400; 
	line-height: 100px;
}
.Our-Membership .Our-Membership-item .Membership-div>h5 {
	font-size: 14px; 
	text-transform: uppercase;
}
.Our-Membership .Our-Membership-item .Membership-div>p {margin: 35px 0 27px;}
.Our-Membership .Our-Membership-item .Membership-div>span {
	display: block; 
	text-transform: uppercase; 
	font-size: 14px; 
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif; 
	margin-bottom: 30px;
}
.Our-Membership .Our-Membership-item .Membership-div>a {
	width: 180px;
	line-height: 50px;
	background: rgba(0, 0, 0, 0.1);
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 0 auto;
}
.Our-Membership .Our-Membership-item .Membership-div>a:before {background: #005BAC}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color {background: #00abf2;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color>h5,
.Our-Membership .Our-Membership-item .Membership-div.item-one-color>h3 {color: #66cdf7;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color>span {color: #0077a9;}
.Our-Membership .Our-Membership-item .Membership-div.item-two-color {background: #9251ff;}
.Our-Membership .Our-Membership-item .Membership-div.item-two-color>h5,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color>h3 {color: #be97ff;}
.Our-Membership .Our-Membership-item .Membership-div.item-two-color>span {color: #6639b2;}
.Our-Membership .Our-Membership-item .Membership-div.item-three-color {background: #11dc9c;}
.Our-Membership .Our-Membership-item .Membership-div.item-three-color>h5,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color>h3 {color: #70eac4;}
.Our-Membership .Our-Membership-item .Membership-div.item-three-color>span {color: #0c9a6d;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color>h3,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color>h3,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color>h3 {
    font-size: 14px;
    line-height: 30px;
}

/*=============== Enar-page-banner ===============*/
.Enar-page-banner {
	background:#1C1C1C url(/Templates/pic/enar-page-banner.jpg) center no-repeat;
	background-size: cover;
	background-attachment: scroll;
}
.Enar-page-banner .Enar-page-banner-opact {
	padding:60px 0 80px 0;
	text-align:left;
}
.Enar-page-banner .Enar-page-banner-opact h1 {
	font-size: 35px;
	line-height: 45px;
	font-weight: 300;
	color: #ffffff;
	text-transform: capitalize;
	letter-spacing: 1px;
}
.Enar-page-banner .Enar-page-banner-opact h2 {
	color: #E4E6E9;
    font-weight: 400;
    line-height: 25px;
    font-size: 14px;
    text-transform: none;
}
.Enar-page-banner .Enar-page-banner-opact ul {font-size: 14px;}
.Enar-page-banner .Enar-page-banner-opact ul > li {
	display: inline-block; 
	color:#BFBFBF;
}
.Enar-page-banner .Enar-page-banner-opact ul > li:first-child {margin: 2px 5px 2px 0;}
.Enar-page-banner .Enar-page-banner-opact ul > li > span.decoration {
	display: inline-block; 
	width: 20px;
	border-bottom: 2px solid #88F2FF;
	vertical-align: middle;
}
.Enar-page-banner .Enar-page-banner-opact ul > li > a {
	text-transform: capitalize; 
	margin: 0 4px;
	color:#E4E6E9;
}
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child {text-transform: capitalize;}
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child,
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child > a {color:#B7EFFF;}
.Enar-page-banner .Enar-page-banner-opact ul > li > a:hover {color: #B7EFFF;}

/*=============== About us & Branch ===============*/
.About-us-section .About-us-img-section .About-us-img {overflow: hidden; text-align:center; color:#767676;}
.About-us-section .About-us-img-section .About-us-img img {width: 100%;}
.About-us-section .About-us-img-section:hover .About-us-img img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 0.8;
}
.About-us-section .About-us-img-section .img-text-border {margin-left: -15px;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text {padding: 0 15px;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text h2 {
	font-size: 40px; 
	line-height: 50px; 
	margin-bottom: 20px;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text span {
	display: block; 
	width: 65px; 
	border-top: 2px solid #005BAC;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text p {
	margin: 30px 0; 
	color: #575757;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text ul>li>h6>a {
	color: #020205; 
	text-transform: capitalize; 
	font-size: 18px; 
	margin: 20px 0 8px;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text:hover ul>li>h6>a {color: #005BAC;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text ul>li {color: #9d9d9d;}
.About-us-section .About-us-img-section > hr {
	border-bottom: 1px solid #d6d6d6;
	border-top: 0;
	clear: both;
	padding-top: 20px;
	margin: 0 15px;
}

.About-us-section .About-us-text-section {margin-top: 50px;}
.About-us-section .About-us-text-section .About-us-text {margin-bottom: 50px}
.About-us-section .About-us-text-section .About-us-text h3 {
	font-weight: 600; 
	margin-bottom: 30px;
}
.About-us-section .About-us-text-section .About-us-text h5 {
	color: #2E2E2E; 
	margin-bottom: 15px;
}
.About-us-section .About-us-text-section .About-us-text p {
	margin-bottom: 30px; 
	color: #575757;
}
.About-us-section .About-us-text-section .About-us-text > ul {margin: 0 0 30px 0;}
.About-us-section .About-us-text-section .About-us-text > ul li {
	color: #575757; 
	font-weight: 400; 
	margin-bottom: 14px;
}
.About-us-section .About-us-text-section .About-us-text > ul li > i {
	font-size: 10px; 
	color: #767676; 
	vertical-align: middle; 
	margin-right: 8px;
}

.About-us-section .Branch-section {margin:80px 0 40px 0;}
.About-us-section .Branch-section .branches-block {
	margin:0 0 40px 0; 
	overflow: hidden;
}
.About-us-section .Branch-section .branches-block h3 {
	font-weight: 600; 
	margin-bottom: 15px;
}
.About-us-section .Branch-section .branches-block .branch-col h5 {
	color: #005BAC; 
	margin: 15px 0;
}
.About-us-section .Branch-section .branches-block .branch-col p {
	color: #020205; 
	margin-bottom: 10px; 
	font-size: 18px;
}
.About-us-section .Branch-section .branches-block .branch-col span {
	color: #575757; 
	display: block; 
	margin-bottom:10px;
}
.About-us-section .Branch-section .branches-block .branch-col span > i {
	color: #767676; 
	vertical-align: middle; 
	margin-right: 8px;
}
.About-us-section .Branch-section .branches-block .branch-col span > a {
	color: #020205; 
	text-transform: none;
}
.About-us-section .Branch-section .branches-block .branch-col span > a:hover {color: #005BAC;}

.Branch-section {margin:80px 0 40px 0;}
.Branch-section .branches-block {
	margin:0 0 40px 0; 
	overflow: hidden;
}
.Branch-section .branches-block h3 {
	font-weight: 600; 
	margin-bottom: 15px;
}
.Branch-section .branches-block .branch-col h5 {
	color: #005BAC; 
	margin: 15px 0;
}
.Branch-section .branches-block .branch-col p {
	color: #020205; 
	margin-bottom: 10px; 
	font-size: 18px;
}
.Branch-section .branches-block .branch-col span {
	color: #575757; 
	display: block; 
	margin-bottom:10px;
}
.Branch-section .branches-block .branch-col span > i {
	color: #767676; 
	vertical-align: middle; 
	margin-right: 8px;
}
.Branch-section .branches-block .branch-col span > a {
	color: #020205; 
	text-transform: none;
}
.Branch-section .branches-block .branch-col span > a:hover {color: #005BAC;}

.normal_section {margin: 130px 0 40px;}
.normal_section .normal_img_section .normal_img {overflow: hidden;}
.normal_section .normal_img_section .normal_img img {width: 100%;}
.normal_section .normal_img_section:hover .normal_img img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 0.8;
}
.normal_section .normal_img_section .img-text-border {margin-left: -15px;}
.normal_section .normal_img_section .img-text-border .img-text {padding: 45px 15px 0 70px;}
.normal_section .normal_img_section .img-text-border .img-text h3 {
	font-size: 38px; 
	line-height: 50px; 
	margin-bottom: 25px;
}
.normal_section .normal_img_section .img-text-border .img-text span {
	display: block; 
	width: 65px; 
	border-top: 2px solid #005BAC;
}
.normal_section .normal_img_section .img-text-border .img-text p {
	padding-right: 40px; 
	margin: 30px 0; 
	color: #575757;
}
.normal_section .normal_img_section .img-text-border .img-text ul>li>h6>a {
	color: #020205; 
	text-transform: capitalize; 
	font-size: 18px; 
	margin: 20px 0 8px;
}
.normal_section .normal_img_section .img-text-border .img-text:hover ul>li>h6>a {color: #005BAC;}
.normal_section .normal_img_section .img-text-border .img-text:hover ul>li {color: #9d9d9d;}
.normal_section .normal_img_section > hr {
	border-bottom: 1px solid #d6d6d6;
	border-top: 0;
	clear: both;
	padding-top: 90px;
	margin: 0 15px;
}

.normal_section .normal_text_section {margin-top: 80px;}
.normal_section .text h3 {
	font-weight: 600; 
	margin-bottom: 30px;
}
.normal_section .text h5 {
	color: #005BAC; 
	margin-bottom: 15px;
}
.normal_section .text p {
	margin-bottom: 30px; 
	color: #575757;
}
.normal_section .text > ul {margin: 0 0 30px 0;}
.normal_section .text > ul li {
	color: #575757; 
	font-weight: 700; 
	margin-bottom: 14px;
}
.normal_section .text > ul li > i {
	font-size: 8px; 
	color: #005BAC; 
	vertical-align: middle;
	margin-right: 8px;
}

.normal_section .Branch-section {margin:80px 0 40px 0;}
.normal_section .Branch-section .branches-block {margin:0 0 40px 0; overflow: hidden;}
.normal_section .Branch-section .branches-block h3 {font-weight: 600; margin-bottom: 15px;}
.normal_section .Branch-section .branches-block .branch-col h5 {color: #005BAC; margin: 15px 0;}
.normal_section .Branch-section .branches-block .branch-col p {color: #020205; margin-bottom: 10px; font-size: 18px;}
.normal_section .Branch-section .branches-block .branch-col span {color: #575757; display: block; margin-bottom:10px;}
.normal_section .Branch-section .branches-block .branch-col span > i {color: #005BAC; vertical-align: middle; margin-right: 8px;}
.normal_section .Branch-section .branches-block .branch-col span > a {color: #005BAC; text-transform: none}
.normal_section .Branch-section .branches-block .branch-col span > a:hover {color: #005BAC;}

.About-us-section .About-us-img-section .img-text-border .About-us-img-text h3 {
	padding-top: 30px;
    color: #005BAC;
	margin-bottom: 0;
	font-size: 22px;
    line-height: 32px;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text .contact-us-tel {
	font-size: 22px; 
	font-weight: 500; 
	color:#005BAC; 
	width: unset; 
	border-top: none;
}

/*=============== Service-V-1 ===============*/
.service-v1-section {margin: 80px 0 120px;}
.service-v1-section .service-section .service-offer-item {background: #ffffff; border: 1px solid #f4f4f4;}
.service-v1-section .service-section .service-offer-item:hover {background: #005BAC;}
.service-v1-section .service-section .service-offer-item h3>a {color: #020205;}
.service-v1-section .service-section .service-offer-item:hover a,
.service-v1-section .service-section .service-offer-item:hover h3>a {color: #ffffff;}
.service-v1-section .service-section .service-offer-item p {color: #919191;}
.service-v1-section .service-section .service-offer-item:hover p {color: #fbbfc8;}
.service-v1-section .service-section .service-offer-item a {color: #020205;}
.service-v1-section .service-section .service-offer-item>.service-icon>span {color: #eaeaea;}

/*=============== Service-V-2 ===============*/
.our-service-v2-section {margin: 150px 0 120px;}
.service-v2-item {margin-bottom: 45px;}
.service-v2-item .item-img {overflow: hidden; border:1px solid #ffffff; border-bottom:none;}
.service-v2-item .item-img > a > img {width: 100%;}
.service-v2-item:hover .item-img > a > img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 0.8;
}
.service-v2-item .iteme-text {
	border: 1px solid #ffffff;
	border-top: none;
	padding: 30px 2px;
	min-height: 220px;
}
.service-v2-item:hover .item-img,
.service-v2-item:hover .iteme-text {border-color: #ffffff;}
.service-v2-item .iteme-text > h3 {margin-bottom: 20px;}
.service-v2-item .iteme-text > h3 > a {color: #020205; text-transform: capitalize;}
.service-v2-item:hover .iteme-text > h3 > a {color: #020205;}
.service-v2-item .iteme-text > h3 > a:hover,
.service-v2-item:hover .iteme-text > h3 > a:hover {color: #005BAC;}
.service-v2-item .iteme-text > p {
	color: #575757;
	margin: 0 0 30px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 85px;
}
.service-v2-item .iteme-text > a {color: #005BAC; text-transform: capitalize; font-weight: 400;}
.service-v2-item .iteme-text > a > i {color: #005BAC; margin-right: 8px;}
.service-v2-item:hover .iteme-text > a,
.service-v2-item:hover .iteme-text > a > i,
.service-v2-item:hover .iteme-text > a.but-more,
.service-v2-item:hover .iteme-text > a.but-more > i {color: #005BAC;}
.service-v2-item:hover .iteme-text > a:hover,
.service-v2-item:hover .iteme-text > a:hover > i,
.service-v2-item:hover .iteme-text > a.but-more:hover,
.service-v2-item:hover .iteme-text > a.but-more:hover > i {color: #1C1C1C;}

/*=============== Service Details ===============*/
.Service-Details {margin: 130px 0 120px 0;}

.Service-Details .Service-Detail-left-col {overflow: hidden; margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col h3 {margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col h5 {margin-bottom: 15px; color: #005BAC;}
.Service-Details .Service-Detail-left-col h6 {margin-bottom: 15px;}
.Service-Details .Service-Detail-left-col p {margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col ul {margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col ul > li {font-weight: 700; margin-bottom: 14px;}
.Service-Details .Service-Detail-left-col ul > li > i {margin-right: 8px; color: #005BAC; font-size: 8px; vertical-align: middle;}

.Service-Details .Service-Details-right-side-item {padding-left: 35px;}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area .top-area-img {overflow: hidden;}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area .top-area-img img {width: 100%;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch:hover .Approch-img img,
.Service-Details .Service-Details-right-side-item:hover .right-side-item-top-area .top-area-img img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 0.8;
}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area>h3>a {
	font-size: 28px; 
	font-weight: 600;
	color: #020205;
	text-transform: capitalize;
	margin: 60px 0 35px;
	line-height: 30px;
}
.Service-Details .Service-Details-left-side-item .coll-us-item:hover>h6>a,
.Service-Details .Service-Details-left-side-item .Download-PDF-item:hover>div>a,
.Service-Details .Service-Details-right-side-item .right-side-item-top-area:hover>h3>a {color: #005BAC;}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area>h6 {font-size: 18px; margin-bottom: 40px; line-height: 25px;}
.Service-Details .Service-Details-right-side-item p {color: #575757;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch {margin: 70px 0;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-img {
	float: left;
	overflow: hidden;
	width: 40%;
}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-img img {width: 100%}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text {
	float: right;
	width: 60%;
	padding-left: 50px;
}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>h3 {font-weight: 600; margin-bottom: 15px;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>h6 {line-height: 30px; margin-bottom: 20px;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>ul>li>i,
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>ul>li>i {
	font-size: 8px; 
	color: #005BAC; 
	vertical-align: middle; 
	margin-right: 5px;
}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>ul>li,
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>ul>li {color: #575757; font-weight: 700; margin-bottom: 14px;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>h3 {font-weight: 600; margin-bottom: 30px;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>ul {margin: 35px 0;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits {margin-bottom: 50px;}
/*=======*/
.Service-Details .Service-Details-left-side-item>ul {max-width: 270px;}
.Service-Details .Service-Details-left-side-item>ul>li {background: #005BAC;}
.Service-Details .Service-Details-left-side-item>ul>li>a {padding: 20px 20px 20px 25px; display: block; text-transform: capitalize; font-weight: 500;}
.Service-Details .Service-Details-left-side-item>ul>li>a:hover {padding-left: 40px; background: rgba(0,0,0,0.1);}
.Service-Details .Service-Details-left-side-item .coll-us-item {border: solid 1px #e6e5ef; text-align: center; padding: 30px 10px; margin: 20px 0;}
.Service-Details .Service-Details-left-side-item .coll-us-item > p {font-size: 18px; font-weight: 300; color: #575757;}
.Service-Details .Service-Details-left-side-item .coll-us-item > p > span {font-weight: 700; color: #020205;}
.Service-Details .Service-Details-left-side-item .coll-us-item > h6 > a {color: #575757; margin-top: 15px; text-transform: capitalize;}

/*=============== Sidebar Download PDF & Call Us ===============*/
.call-us-item,
.Download-PDF-item {border-radius: 3px;}

.Download-PDF-item {
	border: 1px solid #d6d6d6;
	margin: 0 0 50px 0;
	padding: 20px;
}
.Download-PDF-item > h5 {font-weight: 600;}
.Download-PDF-item > p.Download-PDF-item-title {color:#020205; font-size:20px; font-weight:600; margin:0 0 20px 0}
.Download-PDF-item > p {color:#575757; font-size:16px; margin:0 0 20px 0;}
.Download-PDF-item > div > a > img {width:25px; margin-right:12px;}
.Download-PDF-item > div > a {
	color: #1C1C1C; 
	font-size: 14px; 
	font-weight: 600;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	vertical-align: middle;
	padding-top: 2px;
}
.Download-PDF-item > div > a:hover {color:#005BAC;}

.call-us-item {border:1px solid #d6d6d6; text-align: center; padding:20px; margin:0 0 50px 0;}
.call-us-item > p {font-size:18px; font-weight:300; color:#575757; line-height:30px;}
.call-us-item > a {color: #1C1C1C; margin-top:15px; text-transform:capitalize; font-size:16px; font-weight:600; font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;}
.call-us-item > a:hover {color:#005BAC;}
.call-us-item p.contact-us-tel-side {color:#005BAC; font-weight:600;}

/*=============== Projects V-2 ===============*/
.Projects-gallery-v-Two > .gallery_item_wrapper >.grid-sizer,
.Projects-gallery-v-Two > .gallery_item_wrapper >.isotop-item {width: 25%;}

.isotop-item .item-text-col {
	text-align: center;
	padding: 15px;
	border: 1px solid #e6e5ef;
	border-top: none;
}
.isotop-item .item-text-col > h5 {}
.isotop-item .item-text-col > h5 > a {color:#020205; text-transform: capitalize;}
.isotop-item .item-text-col > h5 > a:hover {color:#005BAC;}
.isotop-item .item-text-col > p {}
.isotop-item .item-text-col > a {color:#005BAC; text-transform: capitalize;}
.isotop-item .item-text-col > a > i {color:#005BAC;}
.isotop-item .item-text-col > a:hover {color:#1C1C1C;}

/*=============== Projects V-3 ===============*/
.Projects-gallery-v-Three>.gallery_item_wrapper>.grid-sizer,
.Projects-gallery-v-Three>.gallery_item_wrapper>.isotop-item {width: 50%;}

/*================ Single Projects ===============*/
.Single-Project {margin: 150px 0 100px 0;}
.Single-Project .Single-Project-img-item {overflow: hidden;}
.Single-Project .Single-Project-img-item img {width: 100%;}
.Single-Project .Single-Project-left-Side:hover .Single-Project-img-item img,
.Single-Project .Single-Project-Right-Side:hover .Single-Project-img-item img {
 	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 0.8;
}
.Single-Project .Single-Project-Right-Side>h3>a,
.Single-Project .Single-Project-left-Side>h3>a {
	color: #020205; 
	text-transform: capitalize; 
	font-size: 28px; 
	font-weight: 600;
	margin: 60px 0 40px;
}
.Single-Project .Single-Project-Right-Side:hover>h3>a,
.Single-Project .Single-Project-left-Side:hover>h3>a {color: #005BAC;}
.Single-Project .Single-Project-left-Side>h6 {font-size: 18px; line-height: 25px; color: #020205; margin-bottom: 20px;}
.Single-Project p {color: #575757;}
.Single-Project .Single-Project-left-Side>.Project-Challange {margin: 60px 0;}
.Single-Project .Single-Project-left-Side>.Project-Challange>h3 {margin-bottom: 30px;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul {margin-top: 30px;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul>li {position: relative; padding-left: 18px; margin-bottom: 20px; font-weight: 700; color: #676767;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul>li>i {
	position: absolute;
	left: 0;
	top: 7px;
	color: #005BAC;
	font-size: 8px;
}
.Single-Project .Single-Project-left-Side>.Result {margin-bottom: 50px;}
.Single-Project .Single-Project-left-Side>.Result>h3 {margin-bottom: 25px;}
.Single-Project .Single-Project-Right-Side ul {border: 1px solid #eeeeee; margin-top: 50px;}
.Single-Project .Single-Project-Right-Side ul>li {border-bottom: solid 1px #eeeeee; padding: 15px 10px 15px 40px;}
.Single-Project .Single-Project-Right-Side ul>li>h6>a {color: #020205; font-size: 18px; text-transform: capitalize; margin-bottom: 10px;}
.Single-Project .Single-Project-Right-Side ul>li:hover>h6>a {color: #005BAC;}

/*=============== Team ===============*/
.Team-section {margin: 60px 0 100px;}
.Team-section .Team-Width {margin-bottom: 60px;}
.Team-section .Team-Width:hover .expert-img>img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 0.8;
}

/*=============== Blog V-1 ===============*/
.Blog-V-one-news {margin: 150px 0 120px;}
.Blog-pages-button {margin:0; padding: 30px 0 0 0;}
.Blog-pages-button > li {display: inline-block; margin-right: 8px; border: 1px solid #d6d6d6;}
.Blog-pages-button > li > a {color: #8b8b8b; font-weight: 600; line-height: 33px; padding: 0 12px;}
.Blog-pages-button > li:hover > a {color: #ffffff; background: #005BAC;}
.news-Sidebar-item-wrapper >form {border: 1px solid #d6d6d6; height: 55px; margin-bottom: 50px; border-radius: 3px;}
.news-Sidebar-item-wrapper >form > input {
	width: 85%;
	height: 100%;
	float: left;
	padding-left: 5%;
	color: #767676;
	border: none;
}
.news-Sidebar-item-wrapper>form>input:focus {outline: none;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li:hover>.recent-news-text>h6>a,
.news-Sidebar-item-wrapper .Categories>ul>li:hover>a,
.news-Sidebar-item-wrapper>form:hover>button {color: #005BAC;}
.news-Sidebar-item-wrapper>form>button {
	width: 15%;
	height: 100%;
	float: right;
	background: transparent;
	color: #1C1C1C;
	font-size: 20px;
}
.news-Sidebar-item-wrapper h3 {margin-bottom: 30px;}
.news-Sidebar-item-wrapper .Categories>ul>li {border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom:15px;}
.news-Sidebar-item-wrapper .Categories>ul>li:last-child {border-bottom: none;}
.news-Sidebar-item-wrapper .Categories>ul>li> a {color:#575757; text-transform:capitalize; display:block; padding:0 30px 0 0;}
.news-Sidebar-item-wrapper .Categories>ul>li> a:hover {padding-left:10px; color:#005BAC;}
.news-Sidebar-item-wrapper .Categories>ul>li> span {position:relative; top:-22px; float:right; width:30px; height:30px; text-align:right;}
.news-Sidebar-item-wrapper .Categories>ul>li> span:hover {padding-left:0;}
.news-Sidebar-item-wrapper .Categories>ul>li> span > i {color:#767676;}
.news-Sidebar-item-wrapper .Categories>ul>li> span > i:hover {color:#005BAC;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul {margin:15px 0 0 15px;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li {margin:15px 0; font-size: 0.9em;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li > a {color:#767676; text-transform:capitalize; display:block; padding:0;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li > a:hover {padding-left:10px; color: #005BAC;}
.news-Sidebar-item-wrapper .Categories>ul>li>a > span {position: relative; top:-22px; right: 2px; margin-left: 8px; float: right;}
.news-Sidebar-item-wrapper .Categories>ul>li>a:hover > span {padding-left: 0;}
.news-Sidebar-item-wrapper .Categories>ul>li>a > span > i {color:#767676;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News {margin-bottom: 50px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li {position: relative; padding-left: 95px; margin-bottom: 28px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-img {
	width: 75px; 
	height: 70px;
	position: absolute;
	top: 5px;
	left: 0;
}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-img>img {width: 100%; height: 100%;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li:hover>.recent-news-img>img {opacity: 0.8;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-text>h6>a {color: #020205; text-transform: capitalize; line-height: 25px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-text>span {display: block; color: #767676; margin-top: 4px;}
.news-Sidebar-item-wrapper .Keyword>ul>li {
	display:inline-block;
	margin:0 4px 8px 0; 
	font-size:14px;
	line-height:24px;
	text-transform:capitalize;
}
.news-Sidebar-item-wrapper .Keyword>ul>li>a {color:#767676; border:1px solid #d6d6d6; padding:10px 15px;}
.news-Sidebar-item-wrapper .Keyword>ul>li:hover>a {color:#005BAC; border:1px solid #005BAC;}
/*==========*/
.blog-Vtwo-sidebar {
	margin:0 0 50px 0;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	padding:20px;
}

/*=============== Blog V-3 Singleblog ===============*/
.Blog-V-three-Singleblog .Singleblog-item {border: none;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1) {
	background: #f9fafa; 
	padding: 50px; 
	color: #8b8d8f; 
	font-size: 23px; 
	line-height: 45px; 
	margin-bottom: 50px;
}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1)>i {font-size: 20px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1)>i.fa-quote-left {padding-right: 20px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1)>i.fa-quote-right {padding-left: 20px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share {
	border: 1px solid #e9e9e9; 
	border-left: none; 
	border-right: none; 
	margin-top: 55px; 
	padding: 15px 0;
}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>h6 {color: #8d8d8d; float: left;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul {float: right;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li {display: inline-block;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li>a {color: #bcbcbc; padding: 0 8px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li>a:hover {color: #005BAC;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li>h6 {margin-right: 12px;}

.Blog-V-three-Singleblog .Singleblog-Comments {margin: 80px 0 50px;}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>h3,
.Blog-V-three-Singleblog .Singleblog-Comments>h3 {margin-bottom: 50px; font-size: 28px; font-weight: 600;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li {
	position: relative;
	padding: 0 10px 0 100px;
	margin-bottom: 60px;
}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>.Comments-img {
	width: 80px;  
	height: 80px;
	position: absolute;
	top: 5px;
	left: 0;
}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>.Comments-img>img {width: 100%;  height: 100%;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li:hover>.Comments-img>img {opacity: 0.8;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li a {color: #020205; text-transform: capitalize;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>h6 {display: inline-block; margin-right: 30px;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>span {display: inline-block; color: #b1b1b1; font-weight: 500;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>p {color: #999999; margin-top: 10px;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>a {position: absolute; top: -20px; right: 5px;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>a:hover,
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li:hover>h6>a {color: #005BAC;}

.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment {margin-bottom: 70px;}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>form input {
	width: 100%;
	height: 55px;
	border: 1px solid #e5e5e5;
	font-weight: 500;
	color: #7f7f7f;
	padding: 20px;
	margin-bottom: 25px;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>form textarea {
	width: 100%;
	max-width: 100%;
	height: 250px;
	max-height: 250px;
	border: 1px solid #e5e5e5;
	font-weight: 500;
	color: #7f7f7f;
	padding: 20px;
	margin-bottom: 25px;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment > form button {
	width: 200px;
	height: 50px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	background: #005BAC;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>form button:before {background: #7f7f7f;}

/*=============== News ===============*/
.News-index-page .news-list-col {margin: 0 0 50px 0;}
.News-index-page .news-list-col > h4 {font-size: 38px; margin-bottom: 50px;}
.News-index-page .news-list-col > ul > li {
	position: relative;
	padding: 0 10px 0 100px;
	margin-bottom: 60px;
}
.News-index-page .news-list-col > ul > li > .news-icon {
	width: 80px;  
	height: 80px;
	position: absolute;
	top: 5px;
	left: 0;
}
.News-index-page .news-list-col > ul > li >.news-icon > img {width: 100%;  height: 100%;}
.News-index-page .news-list-col > ul > li:hover >.news-icon > img {opacity: 0.8;}
.News-index-page .news-list-col > ul > li a {color: #020205; text-transform: capitalize;}
.News-index-page .news-list-col > ul > li > h5 {display: inline-block; margin: 0 0 10px 0;}
.News-index-page .news-list-col > ul > li > span {display:block; color:#767676; font-weight:400; margin:0 0 10px 0; font-size:14px;}
.News-index-page .news-list-col > ul > li > p {color: #575757; margin: 0 0 15px 0;}
.News-index-page .news-list-col > ul > li > a {display: block; font-weight: 400; color:#005BAC;}
.News-index-page .news-list-col > ul > li > a > i {margin-right:8px; color:#005BAC;}
.News-index-page .news-list-col > ul > li > h5 > a {color:#2E2E2E;}
.News-index-page .news-list-col > ul > li > h5 > a:hover,
.News-index-page .news-list-col > ul > li > a:hover,
.News-index-page .news-list-col > ul > li > a:hover > i {color:#005BAC;}

.News-single-page .news-detail {overflow:hidden;}
.News-single-page .news-detail > h4 {font-size: 38px; margin-bottom: 50px;}
.News-single-page .news-detail > h5,
.News-single-page .news-detail > h6 {margin-bottom: 15px;}
.News-single-page .news-detail > span {display: block; color: #767676; font-weight: 500; margin: 0 0 10px 0;}
.News-single-page .news-detail > p {color: #575757; font-size: 18px; margin: 0 0 30px 0;}
.News-single-page .news-detail > ul {margin: 0 0 30px 0;}
.News-single-page .news-detail > ul > li > i {
	font-size: 8px; 
	color: #005BAC; 
	vertical-align: middle; 
	margin-right: 8px;
}
.News-single-page .news-detail > ul > li {color: #575757; font-weight: 700; margin-bottom: 14px;}

/*=============== Shop ===============*/
.shop-section {margin: 150px 0 120px;}
.single-item-Wrapper {margin-bottom: 30px;}
.single-item-Wrapper .shop-img-item {overflow: hidden; border-radius: 5px;}
.single-item-Wrapper .shop-img-item > a > img {width: 100%;}
.single-item-Wrapper:hover .shop-img-item > a > img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
	opacity: 0.8;
}
.single-item-Wrapper .single-Text-item h5 {font-size: 21px; line-height: 30px; margin-top: 24px; margin-bottom: 14px;}
.single-item-Wrapper .single-Text-item h5 > a {color: #2E2E2E; text-transform: capitalize; display: block; word-wrap: break-word;}
.single-item-Wrapper:hover .single-Text-item h5 > a {color: #2E2E2E;}
.single-item-Wrapper:hover .single-Text-item h5 > a:hover {color: #005BAC;}
.single-item-Wrapper .single-Text-item h6 {
	color: #005BAC;
	font-size: 16px;
	float: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 28px;
}
.single-item-Wrapper .single-Text-item p {
	margin: 15px 0 22px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 85px;
}
.single-item-Wrapper .single-Text-item > div.clear-fix > span {
	display: inline-block;
	color: #005BAC;
	font-size: 16px;
	float: right;
}
.single-item-Wrapper .single-Text-item>div.clear-fix>ul {float: right;}
.single-item-Wrapper .single-Text-item>div.clear-fix>ul>li {display: inline-block;}
.single-item-Wrapper .single-Text-item>div.clear-fix>ul>li>i {color: #e69b18;}
.single-item-Wrapper .single-Text-item > a {
	display: block;
	background-color:#E4E6E9;
	border-radius:4px;
	color:#2E2E2E;
	font-weight: 500;
	line-height: 48px;
	text-align: center;
	margin-top: 10px;
	text-transform: capitalize;
}
.single-item-Wrapper .single-Text-item > a:before {background: #005BAC; border-radius:4px;}
.single-item-Wrapper .single-Text-item > a:hover {color: #ffffff;}
.single-item-Wrapper .single-Text-item > a > i {margin-right:8px;}

.display-in-grid .single-item-Wrapper .single-Text-item > a {
	display: block;
	background-color:#E4E6E9;
	border-radius:4px;
	color:#2E2E2E;
	font-weight: 500;
	line-height: 48px;
	text-align: center;
	margin-top: 10px;
	text-transform: capitalize;
}
.display-in-grid .single-item-Wrapper .single-Text-item > a:before {background: #005BAC; border-radius:4px;}
.display-in-grid .single-item-Wrapper .single-Text-item > a:hover {color: #ffffff;}
.display-in-grid .single-item-Wrapper .single-Text-item > a > i {margin-right:8px;}

.Shop-section-item-wrapper .single-list-item-Wrapper {margin-bottom: 50px; overflow: hidden;}
.item-width .single-list-item-Wrapper {margin-bottom: 50px; overflow: hidden;}
.single-list-item-Wrapper .list-img-item {overflow: hidden; border-radius: 5px; width: 31.5%;}
.single-list-item-Wrapper .list-img-item > a > img {width: 100%;}
.single-list-item-Wrapper:hover .list-img-item > a > img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
	opacity: 0.8;
}
.single-list-item-Wrapper .list-text-col {width: 68%; padding-left: 40px; padding-bottom: 5px;}
.single-list-item-Wrapper .list-text-col h5 {font-size: 21px; line-height: 30px; margin-bottom: 14px; color: #020205;}
.single-list-item-Wrapper .list-text-col h5 > a {color: #2E2E2E; text-transform: capitalize;}
.single-list-item-Wrapper:hover .list-text-col h5 > a {color: #2E2E2E;}
.single-list-item-Wrapper:hover .list-text-col h5 > a:hover {color: #005BAC;}
.single-list-item-Wrapper .list-text-col h6 {
	color: #005BAC;
	font-size: 16px;
	display: inline-block;
}
.single-list-item-Wrapper .list-text-col > div.clear-fix > span {
	display: inline-block;
	color: #005BAC;
	font-size: 16px;
	float: right;
}
.single-list-item-Wrapper .list-text-col p {
	margin: 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 85px;
}
.single-list-item-Wrapper .list-text-col > a {
	display: block;
	background-color: #E4E6E9;
	border-radius:4px;
	color: #2E2E2E;
	font-weight: 500;
	padding: 12px 0;
	text-align: center;
	text-transform: capitalize;
	float: left;
	margin: 5px 8px 0 0;
	width: 175px;
}
.single-list-item-Wrapper .list-text-col > a:before {background:#005BAC; border-radius:4px;}
.single-list-item-Wrapper .list-text-col > a:hover {color:#ffffff;}
.single-list-item-Wrapper .list-text-col > a > i {margin-right: 8px;}

.display-in-grid .single-item-Wrapper .single-Text-item > a.but-more,
.single-list-item-Wrapper .list-text-col > a.but-more {
	display: inline-block;
	background-color: #ffffff;
	border-radius:4px;
	border: none;
	color: #005BAC;
	font-weight: 500;
	line-height: 43px;
	text-align: left;
	margin: 0;
	text-transform: capitalize;
	width: auto;
	padding: 0;
}
.display-in-grid .single-item-Wrapper .single-Text-item > a.but-more > i,
.single-list-item-Wrapper .list-text-col > a.but-more > i {margin-right:8px; color:#005BAC;}
.single-item-Wrapper:hover .single-Text-item > a.but-more,
.single-item-Wrapper:hover .single-Text-item > a.but-more > i,
.single-list-item-Wrapper:hover .list-text-col > a.but-more,
.single-list-item-Wrapper:hover .list-text-col > a.but-more > i {color:#005BAC;}
.single-item-Wrapper:hover .single-Text-item > a.but-more:hover,
.single-item-Wrapper:hover .single-Text-item > a.but-more:hover > i,
.single-list-item-Wrapper:hover .list-text-col > a.but-more:hover,
.single-list-item-Wrapper:hover .list-text-col > a.but-more:hover > i {color:#1C1C1C;}
/*=========*/
.sidebar-price {margin-bottom: 70px;}
.sidebar-price > h3 {
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 25px;
}
.sidebar-price .price-ranger {
	border: 1px solid #005BAC;
	border-radius: 4px;
	padding: 18px 20px 20px 20px;
}
.price-ranger .ranger-min-max-block {margin: 0 -10px;}
.price-ranger .ranger-min-max-block [class*="col-"] {padding: 0 10px;}
.price-ranger .ranger-min-max-block input {
	width: 100%;
	height: 35px;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	padding: 0 10px;
}
.price-ranger .ranger-min-max-block label {
	font-weight: normal;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.4);
}
.price-ranger .ui-widget-content {
	background: #eef2f5;
	border: none;
	height:5px;
	margin-top: 40px;
}
.price-ranger .ui-widget-header {background: #005BAC;}
.price-ranger .ui-slider-handle {
	background: #ffffff;
	width: 14px;
	height: 14px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	border: none;
	outline: none;
}
.price-ranger .ui-slider-horizontal .ui-slider-handle {top: -5px;}
.price-ranger .button-two {
	width: 100%;
	height: 45px;
	background: #005BAC;
	color: #ffffff;
	text-transform: capitalize;
	margin: 50px auto 0 auto;
}
.price-ranger .button-two.hvr-bounce-to-right:before {background: #1C1C1C;}

/*=============== Sidebar Popular Products ===============*/
.sidebar-popular-product {margin:0 0 50px 0;}
.sidebar-popular-product > h3 {
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 20px;
}
.single-popular-product {padding: 13px 0; position: relative;}
.single-popular-product a {display: initial;}
.single-popular-product img {width: 100%; border-radius: 3px 3px 0 0;}
.single-popular-product > div.banner {
	position: absolute; 
	top: 10px;
	left: 5px;
	width: 40px;
	height: 45px;
	background: #B50C25;
	text-align: center;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.single-popular-product > div.banner > span {
	font-size: 18px;
	padding-top: 12px;
	color: #ffffff;
	display: block;
}
.single-popular-product .product {
	width: 100%;
	background: #005BAC;
	padding: 10px 15px;
	border-radius: 0 0 3px 3px;
}
.single-popular-product .product.hvr-bounce-to-right:before {background: #1C1C1C; border-radius: 0 0 3px 3px;}
.single-popular-product .product h6 a,
.single-popular-product a.product h6,
.single-popular-product a.product p {
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
	text-transform: capitalize;
	display: block;
	margin: 10px 0;
	text-align: center;
}
.single-popular-product .product strong {
	display: block;
	margin: 7px 0 0 0;
	font-size: 16px;
	color: #FFFFFF;
}
.single-popular-product:hover .product h6 a,
.single-popular-product:hover a.product h6,
.single-popular-product:hover a.product p {color: #FFFFFF;}

.single-popular-product .product ul li {
	display: inline-block;
	color: #B50C25;
	font-size: 15px;
	margin-right: 3px;
}

/*=============== History Products ===============*/
.history-product {margin:30px 0;}
.history-product > h3 {
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 25px;
	border-bottom: 1px solid #e6e5ef;
	padding-bottom: 20px;
}
.single-history-product {padding: 13px 0; position: relative;}
.single-history-product img {width: 130px!important; border-radius:3px!important;}
.single-history-product > div.del {
	position: absolute; 
	top: 10px;
	left: 5px;
	width: 25px;
	height: 25px;
	background: #020205;
	text-align: center;
}
.single-history-product > div.del > span {
	font-size: 13px;
	color: #ffffff;
}
.single-history-product .product {padding-left: 20px;}
.single-history-product .product h6 a {
	font-weight: 400;
	font-size: 16px;
	color: #575757;
	text-transform: capitalize;
	display: block;
	margin-bottom: 10px;
}
.single-history-product .product span {
	display: block;
	margin: 7px 0 0 0;
	font-size: 14px;
	color: #767676;
}
.history-product:hover .product h6 a {color: #005BAC;}

/*=============== Single Products ===============*/
.Single-products {margin: 150px 0 120px 0;}
.single-product-details .image {width: 34.5%;}
.single-product-details .image img {width: 100%;}
.single-product-details .image ul li {
	display: inline-block;
	width: 65px;
	height: 100%;
	overflow: hidden;
	margin: 15px 4px 0 0;
	cursor: pointer;
}
.single-product-details .image ul li:nth-child(4n) {
	display: inline-block;
	width: 65px;
	height: 100%;
	overflow: hidden;
	margin: 14px 0 0 0;
	cursor: pointer;
}
.single-product-details .info {width: 65%; padding-left: 40px;}
.single-product-details .info h2 {
	font-size:40px;
	line-height:50px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background:url(../images/prd_title_bg.gif) bottom left no-repeat;
}
.single-product-details .info h4 {color:#005BAC; font-size:22px; line-height:28px; margin:10px 0 0 0; float:left; display:block;}
.single-product-details .info > div.clear-fix {margin:15px 0; overflow: hidden;}
.single-product-details .info > div.clear-fix > span {
	color: #990006; 
	font-size: 18px; 
	font-weight: 500; 
	float: right; 
	display: inline-block;
}
.single-product-details .info ul.rating {margin: 8px 0 15px;}
.single-product-details .info ul.rating li {
	display: inline-block;
	color: #adadad;
	position: relative;
	margin:10px 3px 0 0;
}
.single-product-details .info ul.rating li .fa {color: #e69b18; font-size: 15px;}
.single-product-details .info ul.rating li:nth-child(6) {margin-left: 10px;}
.single-product-details .info strong {
	font-size: 28px;
	color: #767676;
	font-weight: 400;
}
.single-product-details .info p {color: #575757; margin: 30px 0;}
.single-product-details .info .quantity,
.single-product-details .info .color-show {width: 50%; vertical-align: bottom;}
.single-product-details .info input {
	width: 100px;
	height: 45px;
	border: 1px solid #e6e5ef;
	padding: 0 0 0 20px;
}
.single-product-details .info .color-show a {
	min-width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #005BAC;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
}
.single-product-details .info .color-show a:hover {
	background: #1C1C1C;
	-webkit-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	-moz-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
}
.single-product-details .info .color-show a i {margin-right: 8px;}

.single-product-details .icon {width: 100%;}
.single-product-details .icon > div.clear-fix > span {
	color:#990006; 
	font-size: 18px; 
	font-weight: 500; 
	float: right; 
	display: inline-block;
}
.single-product-details .icon .color-show {margin-right:10px; vertical-align: bottom;}
.single-product-details .icon input {
	width: 100px;
	height: 45px;
	border: 1px solid #e6e5ef;
	padding: 0 0 0 20px;
}
.single-product-details .icon .color-show a {
	min-width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #005BAC;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
}
.single-product-details .icon .color-show a:hover {
	background: #1C1C1C;
	-webkit-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.25);
	-moz-box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.25);
	box-shadow: 0px 4px 8px 1px rgba(40,40,40,0.25);
}
.single-product-details .icon .color-show a i {margin-right: 8px;}

.review-tab {margin: 60px 0 72px 0;}
.review-tab .nav-tabs {border: none;}
.review-tab .nav-tabs li a {
	background: #f1f1f1;
	color: #575757;
	margin-right: 10px;
	border: 1px solid #e6e5ef;
	border-bottom: none;
	padding: 15px 25px;
	font-weight: 400;
	font-size: 14px;
	border-radius: 0;
}
.review-tab .nav-tabs li a:hover {color:#005BAC;}
.review-tab .nav-tabs > li.active > a,
.review-tab .nav-tabs > li.active > a:hover,
.review-tab .nav-tabs > li.active > a:focus {background: #ffffff; border-top: 2px solid #005BAC; color:#005BAC;}
.review-tab .tab-pane {padding-top: 25px; border-top: 1px solid #e6e5ef; overflow: hidden;}
.review-tab .tab-pane > h5 {margin-bottom: 15px; line-height: 145%;}
.review-tab .tab-pane > p {color: #575757; margin: 0 0 30px 0;}
.review-tab .tab-pane > ul {color: #575757; margin: 0 0 30px 0;}
.review-tab .tab-pane > ul > li {position: relative; margin: 0 0 20px 0;}
.review-tab .tab-pane > ul > li > i {margin-right:8px; font-size: 8px; color: #005BAC; vertical-align:2px;}
.review-tab .tab-pane img {max-width: 100%; margin:0 0 30px 0; border-radius: 5px;}
.review-tab .tab-pane .intro-img-col {margin:0 0 30px 0; overflow: hidden;}
.review-tab .tab-pane .intro-img-col > a {float: left;}
.review-tab .tab-pane .intro-img-col > a > img,
.review-tab .tab-pane .intro-img-col > iframe {max-width: 100%; float: left; margin: 0 40px 15px 0;}
.review-tab .tab-pane .intro-img-col > h6 {margin: 5px 0 15px 0; line-height: 145%;} 
.review-tab .tab-pane .intro-img-col > p {margin-bottom: 30px;}
.review-tab .tab-pane .pdf-download-col {overflow: hidden;}
.review-tab .tab-pane .pdf-download-col > ul > li {position: relative; padding: 0 10px 30px 100px; margin-bottom: 30px; border-bottom: 1px solid #e6e5ef;}
.review-tab .tab-pane .pdf-download-col > ul > li:last-child {border-bottom: none;}
.review-tab .tab-pane .pdf-download-col > ul > li > .pdf-icon {width: 80px; height: 80px; position: absolute; top: 0; left: 0;}
.review-tab .tab-pane .pdf-download-col > ul > li > .pdf-icon > img {width:100%; height: 100%;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 {display: inline-block; margin: 0 0 10px 0;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 > a {color: #2E2E2E; text-transform: capitalize;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 > a:hover {color: #005BAC;}
.review-tab .tab-pane .pdf-download-col > ul > li > p {margin: 0 0 15px 0;}
.review-tab .tab-pane .pdf-download-col > ul > li > span > a {font-size: 0.95em; color: #005BAC; text-transform: capitalize;}
.review-tab .tab-pane .pdf-download-col > ul > li > span > a i {margin-right: 8px;}
.review-tab .tab-pane .pdf-download-col > ul > li > span > a:hover {color: #1C1C1C;}

/*new product*/
.single-product-details .single-product-detail {margin-top: 30px;}
.single-product-detail > h5 {margin-bottom: 15px; line-height: 145%;}
.single-product-detail > p {color: #575757; margin: 0 0 30px 0;}
.single-product-detail > ul {color: #575757; margin: 0 0 30px 0;}
.single-product-detail > ul > li {position: relative; margin: 0 0 20px 0;}
.single-product-detail > ul > li > i {margin-right:8px; font-size: 8px; color: #005BAC; vertical-align:2px;}
.single-product-detail .intro-img-col {margin:0 0 30px 0; overflow: hidden;}
.single-product-detail .intro-img-col > a {float: left;}
.single-product-detail > a > img {margin-bottom: 30px; width: 100%;}
.single-product-detail .intro-img-col > a > img,
.single-product-detail .intro-img-col > iframe {max-width: 100%; float: left; margin: 0 40px 15px 0;}
.single-product-detail .intro-img-col > h6 {margin: 5px 0 15px 0; line-height: 145%;} 
.single-product-detail .intro-img-col > p {margin-bottom: 30px;}
.single-product-detail .pdf-download-col {overflow: hidden;}
.single-product-detail .pdf-download-col > ul > li {position: relative; padding: 0 10px 30px 100px; margin-bottom: 30px; border-bottom: 1px solid #e6e5ef;}
.single-product-detail .pdf-download-col > ul > li:last-child {border-bottom: none;}
.single-product-detail .pdf-download-col > ul > li > .pdf-icon {width: 80px; height: 80px; position: absolute; top: 0; left: 0;}
.single-product-detail .pdf-download-col > ul > li > .pdf-icon > img {width:100%; height: 100%;}
.single-product-detail .pdf-download-col > ul > li > h6 {display: inline-block; margin: 0 0 10px 0;}
.single-product-detail .pdf-download-col > ul > li > h6 > a {color: #2E2E2E; text-transform: capitalize;}
.single-product-detail .pdf-download-col > ul > li > h6 > a:hover {color: #005BAC;}
.single-product-detail .pdf-download-col > ul > li > p {margin: 0 0 15px 0;}
.single-product-detail .pdf-download-col > ul > li > span > a {font-size: 0.95em; color: #005BAC; text-transform: capitalize;}
.single-product-detail .pdf-download-col > ul > li > span > a i {margin-right: 8px;}
.single-product-detail .pdf-download-col > ul > li > span > a:hover {color: #1C1C1C;}

.related-product {margin-bottom: 70px;}
.related-product > h5 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 33px;
}
.related-product-slider .item .Adoban-T-Shirt-ITEM-IMG {overflow: hidden;}
.related-product-slider.owl-theme .owl-nav [class*=owl-] {
	font-family: 'font-awesome';
	width: 30px;
	height: 31px;
	line-height: 26px;
	border: 2px solid rgba(0, 0, 0, 0.07);
	border-radius: 0;
	font-size: 24px;
	color: #bbbbbb;
	margin:0 3px;
	background: #ffffff;
	padding: 0;
}
.related-product-slider.owl-theme .owl-nav [class*=owl-]:hover {color: #005BAC; border-color: #005BAC;}
.related-product-slider.owl-theme .owl-nav {position: absolute; top:-60px; right: 2px;}

.single-product-details .elevateZoom-image {position: relative;}
.elevateZoom-image .elevateZoom-enlarge {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
}
.elevateZoom-image .elevateZoom-enlarge:hover {background-color: #005BAC;}

/*=============== Contact-us ===============*/
.Contact-us-section .Contact-us-form form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e6e5ef;
	color: #575757;
	padding: 0 20px;
	margin-bottom: 20px;
}
.Contact-us-section .Contact-us-form form textarea {
	width: 100%;
	max-width: 100%;
	height: 240px;
	max-height: 240px;
	border: 1px solid #e6e5ef;
	color: #575757;
	padding: 20px;
	margin-bottom: 20px;
}
.Contact-us-section .Contact-us-form form input:focus,
.Contact-us-section .Contact-us-form form textarea:focus {border-color: #005BAC;}
.Contact-us-section .Contact-us-form form button {
	width: 188px;
	height: 50px;
	background: #005BAC;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.Contact-us-section .Contact-us-form form button:before {background: #020205;}
.Contact-us-section .Contact-us-title-text,
.Contact-us-section .Contact-us-form {margin-bottom: 150px;}
.Contact-us-section .Contact-us-title-text > h3 {font-size: 38px; line-height: 50px;}
.Contact-us-section .Contact-us-title-text > span.decoration {
	display: block; 
	width: 65px; 
	border-top: 2px solid #005BAC; 
	margin-top: 20px;
}
.Contact-us-section .Contact-us-title-text > p {font-size: 20px; margin: 40px 0 20px 0;}
.Contact-us-section .Contact-us-title-text > strong {font-size: 22px; display: block; margin-bottom: 35px; color:#005BAC;}
.Contact-us-section .Contact-us-title-text > ul {border-top: 1px solid #e6e5ef; padding-top:25px;}
.Contact-us-section .Contact-us-title-text > ul > li {display: block; margin: 8px 2px; color: #575757;}
.Contact-us-section .Contact-us-title-text > ul > li > i {margin-right: 12px;}
.Contact-us-section .Contact-us-title-text > ul > li > a {color: #2E2E2E;}
.Contact-us-section .Contact-us-title-text > ul > li > a:hover {color: #005BAC;}

.Contact-us-section .Contact-us-form form input.file {border: none; padding: 0; height: 40px;}
.Contact-us-section .Contact-us-form form label {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
    border: none;
    color: #575757;
    display: block;
    font-size: 14px;
    font-weight: 200;
    line-height: 200%;
    padding: 0 0 2px 0;
}

/*=============== Google Map <Box-8> ===============*/
.Contact-us-Google-map {height: /*540px*/ 0;}
.Contact-us-Google-map > div {width: 100%; height: 100%;}

/*=============== FAQ ===============*/
.faq-page {margin: 120px 0 0 0;}
.faq-page .title h4 {
  font-size: 38px;
  margin-bottom: 30px;
}
.faq-page .title p {color: #575757; font-size: 18px; margin: 0 0 30px 0;}

.faq-page .inspiration-tab .inspiration-panel {margin-top: 70px;}
.inspiration-tab .panel-heading {padding: 0;}
.inspiration-tab .panel-heading h6 a {
  display: block;
  color: #2E2E2E;
  line-height: 30px;
  position: relative;
  padding: 12px 20px 12px 50px;
  text-transform: capitalize;
  font-size: 18px;
}
.inspiration-tab .panel-body {
  border: none !important;
  padding: 20px 0 2px 50px;
}
.inspiration-tab .panel-body > p {color: #575757; margin: 0 0 30px 0;}
.inspiration-tab .panel-body > span > a {color:#005BAC; text-transform: capitalize; line-height: 28px;}
.inspiration-tab .panel-body > span > a > i {color:#005BAC; margin-right:8px;}
.inspiration-tab .panel-heading h6 a:hover {color:#005BAC;}
.inspiration-tab .panel-body > span > a:hover,
.inspiration-tab .panel-body > span > a:hover i {color:#1C1C1C;}

.inspiration-tab .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
}
.inspiration-tab .inspiration-panel {margin-top: 0;}
.inspiration-tab .inspiration-panel .panel-group {margin-bottom: 0;}
.inspiration-tab .panel-heading h6 a:before {
  content: '+';
  line-height: 30px;
  border: solid 1px #d6d6d6;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  font-size: 20px;
  text-align: center;
  top:50%;
  color: #767676;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.inspiration-tab .panel-heading h6:hover a:before {color:#ffffff; background:#005BAC; border:1px solid #005BAC;}
.inspiration-tab .panel-heading.active-panel h6 a:before {content: '-'; color:#ffffff; background:#005BAC; border:1px solid #005BAC;}
/*==========*/
.faq-page-form-section {background: #f6f6f6; padding: 80px 0;}
.faq-page-form-section h3 {text-align: center; margin-bottom: 40px; font-size: 38px; line-height: 45px;}
.faq-page-form-section form input {
	width: 100%;
	height: 58px;
	border: 1px solid #e6e5ef;
	color: #575757;
	padding: 0 20px;
	margin-bottom: 20px;
}
.faq-page-form-section form textarea {
	width: 100%;
	max-width: 100%;
	height: 165px;
	max-height: 165px;
	border: 1px solid #e6e5ef;
	color: #575757;
	padding: 20px;
	margin-bottom: 30px;
}
.faq-page-form-section form button {
	display: block;
	width: 190px;
	height: 50px;
	margin: 0 auto;
	border: 2px solid #005BAC;
	color: #005BAC;
	font-weight: 600;
	text-transform: uppercase;
	background: transparent;
}
.faq-page-form-section form button:before {background: #005BAC;}
.faq-page-form-section form textarea:focus,
.faq-page-form-section form input:focus {
	outline: none !important;
	border-color: transparent;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
/*==========*/
.faq-single-page {margin: 120px 0 120px 0;}
.faq-single-page .faq_cont {overflow: hidden;}
.faq-single-page .faq_cont h4 {
  font-size: 38px;
  margin-bottom: 30px;
}
.faq-single-page .faq_cont h5,
.faq-single-page .faq_cont h6 {margin-bottom:15px;}
.faq-single-page .faq_cont p {color: #575757; font-size: 18px; margin: 0 0 30px 0;}
.faq-single-page .faq_cont > ul {margin: 0 0 30px 0;}
.faq-single-page .faq_cont > ul > li > i {
	font-size: 8px; 
	color: #005BAC; 
	vertical-align: middle; 
	margin-right: 8px;
}
.faq-single-page .faq_cont > ul > li {color: #575757; font-weight: 700; margin-bottom: 14px;}

/*new faq*/
.faq_cont {overflow: hidden;}
.faq_cont h4 {
  font-size: 38px;
  margin-bottom: 30px;
}
.faq_cont h5,
.faq_cont h6 {margin-bottom:15px;}
.faq_cont p {color: #575757; font-size: 18px; margin: 0 0 30px 0;}
.faq_cont > ul {margin: 0 0 30px 0;}
.faq_cont > ul > li > i {
	font-size: 8px; 
	color: #005BAC; 
	vertical-align: middle; 
	margin-right: 8px;
}
.faq_cont > ul > li {color: #575757; font-weight: 700; margin-bottom: 14px;}


/*=============== Error pages ===============*/
.error-pages-section {margin: 150px 0;}
.error-pages-section h1 {font-size: 150px; line-height: 180px;}
.error-pages-section .text-big {font-size: 50px; font-weight: 300; line-height: 50px;}
.error-pages-section .text-smill {color: #575757; margin: 30px 0 40px 0;}
.error-pages-button-or-Search > li {display: inline-block;}
.error-pages-button-or-Search > li > a {
	width: 127px;
	line-height: 55px;
	background: #005BAC;
	font-weight: 600;
}
.error-pages-button-or-Search > li >a:hover {background: #1C1C1C;}
.error-pages-button-or-Search > li >span {padding: 0 16px; font-weight: 600; display: block;}
.error-pages-button-or-Search > li >form {width: 380px; height: 55px; border: 1px solid #e6e5ef;}
.error-pages-button-or-Search > li > form > input {
	width: 85%;
	height: 100%;
	border: none;
	padding: 0 5%;
	color: #575757;
	float: left;
}
.error-pages-button-or-Search > li > form > button {
	width: 15%;
	height: 100%;
	background: transparent;
	border-left: 1px solid #e6e5ef;
	color: #a3a3a3;
}
.error-pages-button-or-Search >li > form > button:hover {background: #005BAC; color: #ffffff;}
.error-pages-button-or-Search > li > form > input:focus {outline: none;}

/*-------------------------------------------------------------------------------------------------------------*/
/*=============== Click To Top ===============*/ /** Add Scroll Inquiry **/
.scroll-top, .scroll-inquiry {
	width:40px;
	height:40px;
	position: fixed;
	bottom: 5px;
	right: 10px;
	z-index: 99;
	text-align: center;
	color:#2E2E2E;
	font-size: 30px;
	display: none;
	border:none;
	border-radius:4px;
	background: #E4E6E9;
}
.scroll-top i, .scroll-inquiry i {position:relative; top:-5px;}
.scroll-top:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-inquiry {
	bottom: 55px;
	color: #2E2E2E!important;
	border: 2px solid #E4E6E9;
	background-color: #E4E6E9!important;
}
.scroll-inquiry i {
	font-size: 24px;
	top: -6px;
}
.scroll-inquiry:hover, .scroll-inquiry:active {
    border-color: #B7EFFF!important;
	background-color: #B7EFFF!important;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*** 

====================================================================
  Conatct Form Activation
====================================================================

 ***/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,
#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,
#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,
#error .wrapper p{
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success {color: #ffce6e;}
#error {color: #C9182B;}
#error button,
#success button {
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {display: none!important;}
.form-validation input.error,
.form-validation textarea.error {border: 1px solid #f03838!important;}

/*-------------------------------------------------------------------------------------------------------------*/
/**** New Added Item & Additional ****/

/*=============== Language and Cart ===============*/
.top_col {background-color:#F0F0F0; padding:6px 0;}
.language_box {
	color: #575757;
	font-size: 0.9em;
	float: right;
	list-style: none;
	position: relative;
	z-index: 2;
	margin: 0 0 0 10px;
	padding: 0;
	font-weight:400;
}
.language_box > li:first-child {float: left; margin-left: 0;}
.language_box > li {color: #575757; float: right; margin-left: 10px; position: relative; line-height: 16px;}
.language_box > li > a {color: #575757;}
.language_box > li > a:focus, .language_box > li > a:hover {text-decoration: none;}
.language {z-index: 1; position: relative;}
.language:before {display: inline-block;}
.language_box > li.language ul {
	width: 100px;
	position: absolute;
	right: -15px;
	top: 22px;
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.2);
}
.language_box > li.language ul a {
	display: block;
	padding: 5px;
	color: #575757;
	font-size: 0.9em;
	text-align: center;
}
.language_box > li.language ul a:hover {color: #005BAC; text-decoration: none;}
.language_box .drop {display: none; list-style: none;}
.cart_col {margin: 0 6px; width: 30px;}
.cart_col a {color: #575757;}
.cart_col a:hover {color: #005BAC;}
.cart_col a > i {font-size: 1em; position: relative;}
.cart_col a > i > span {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	position: absolute;
	height: 16px;
	width: 16px;
	background-color: #005BAC;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	right: -12px;
	bottom: -6px;
	color: #ffffff;
}
.user_col {margin: 0 6px; display: inline-block; text-align: center;}
.user_col a,
.compare_col a {color: #575757;}
.user_col a:hover,
.compare_col a:hover{color: #005BAC;}
.user_col a > i,
.compare_col a > i {font-size: 1em;}
.user_col a > i > span,
.compare_col a > i > span {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-left: 5px;
}
.compare_col {margin: 0 6px; display: none; text-align: center;}

/** Logo **/
.logo_col {width:50%!important;}

/** Table **/
table {
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0; 
	border: 1px solid #d6d6d6;
	margin: 30px 0;
	color: #575757;
	clear: both;
	width: 100%;
}

th {
	background-color: #F0F0F0;
	padding: 12px 10px!important;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #d6d6d6;
	text-align:center;
}
td {
	background-color: transparent;
	padding: 12px 10px; 
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #d6d6d6;
}

tr:first-child > th {background-color:#2E2E2E; color:#ffffff; text-align: center;}

/*
tr:nth-child(1) {}
tr:nth-child(even) td {}
tr:nth-child(odd) td {}
*/

/** SEO Block & Keyword Tags **/
.seo_block {
	border: 1px solid #e6e5ef;
	border-radius: 4px;
	margin: 30px 0;
	padding: 25px;
}
.seo_block_full {
	border: 1px solid #e6e5ef;
	border-radius: 4px;
	margin: 50px 0 0 0;
	padding: 25px;
	width: 100%;
}
.seo_block > h3,
.seo_block_full > h3 {font-size: 20px; font-weight: 600; color: #767676;}
.seo_block > p,
.seo_block_full > p {color: #767676; font-size: 16px; margin: 20px 0;}
.seo_block > p:last-child,
.seo_block_full > p:last-child {margin-bottom: 0;}
.seo_block a,
.seo_block_full a {color: #575757; text-transform: capitalize;}
.seo_block a:hover,
.seo_block_full a:hover {color:#005BAC;}

#box-7 {position: relative; top:-100px;}
.Keyword {margin:50px 0; width: 100%;}
.side_Keyword {margin:30px 0;}
.Keyword h3,
.side_Keyword h3 {border-bottom:1px solid #d6d6d6; padding-bottom:20px; margin-bottom: 25px; color:#767676;}
.Keyword h3 > i,
.side_Keyword h3 > i {margin-right:12px;}
.Keyword > ul > li,
.side_Keyword > ul > li {font-size:14px; display:inline-block; margin:0 4px 8px 0; text-transform:capitalize; line-height:24px;}
.Keyword > ul > li > a,
.side_Keyword > ul > li > a {color:#767676; border:1px solid #d6d6d6; padding:10px 15px;}
.Keyword > ul > li:hover > a,
.side_Keyword > ul > li:hover > a {color:#005BAC; border:1px solid #005BAC;}

/** Image Columns **/
.img_center_col {
	text-align: center;
	margin: 0 auto 30px auto;
	clear: both;
	overflow: hidden;
}
.img_right_col {
	float: right;
	width: 40%;
	overflow: hidden;
	text-align: center;
	margin: 0 0 15px 40px;
	clear: both;
}
.img_left_col {
	float: left;
	width: 40%;
	overflow: hidden;
	text-align: center;
	margin: 0 40px 15px 0;
	clear: both;
}
.img_right_col > a > img,
.img_left_col > a > img {border-radius: 4px; margin: 0 0 10px 0; width: 100%;}
.img_center_col > a > img {border-radius: 4px; margin: 0 auto 10px auto; width: 100%;}
.img_right_col > span,
.img_left_col > span,
.img_center_col > span {font-size:14px; line-height:24px; color: #767676;}
.img_right_col:hover > a > img,
.img_left_col:hover > a > img,
.img_center_col:hover > a > img {opacity: 0.8;}

/** SITEMAP **/
.sitemap-wrapper {margin:0;}
.sitemap-wrapper h2 {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 50px;
	font-weight: 300;
	line-height: 50px;
	color: #575757;
}
.sitemap-wrapper p {margin: 30px 0 40px 0;}
.sitemap-wrapper a {display:block;}
.sitemap-wrapper a:hover {color: #005BAC; padding-left:10px;}
.sitemap-wrapper ul {margin-left: 18px;}
.sitemap-wrapper ul li {
	font-weight: 600;
	margin:10px 0;
	line-height: 28px;
	list-style: disc outside;
	color: #767676;
}
.sitemap-wrapper ul li > a {text-transform: uppercase; color:#020205;}
.sitemap-wrapper ul li > ul li {
	border:none;
	font-weight: normal;
	list-style: circle outside;
	text-transform: capitalize;
}
.sitemap-wrapper ul li > ul li > a { text-transform:capitalize; color:#575757;}

/** Pages Buttons **/
.faq-page .pages-button,
.Blog-V-one-news .blog-Vtwo-wrapper .pages-button {margin:0 15px;}
.pages-button {margin:0; padding: 0 0 30px 0;}
.pages-button > li {display: inline-block; margin-right: 8px; border: 1px solid #d6d6d6;}
.pages-button > li > a {color: #767676; font-weight: 600; line-height: 33px; padding: 0 12px;}
.pages-button > li:hover > a {color: #ffffff; background: #005BAC;}
.pages-button > li.active {color: #575757;}
.pages-button > li.active > a {color: #575757;}
.pages-button > li.active:hover > a {color: #ffffff; background: #005BAC;}

.pages-button .pagination {float:right;}
.pages-button .pagination > a {
	margin-right:8px; 
	border:1px solid #d6d6d6; 
	color:#767676; 
	font-weight:400;
	font-size:14px;
	line-height:30px; 
	padding:0 10px;
}
.pages-button .pagination > a:hover {color: #ffffff; background: #005BAC;}
.pages-button .pagination > a.current {color: #575757; background-color: #F0F0F0;}
.pages-button .pagination > a.current:hover {color: #ffffff; background: #005BAC;}
.pages-button > span.fleft {float:left; margin:20px 0; color:#767676; font-size:14px;}

/** Popout Multiple Search **/
.multiple-search-page {
	background-color: #181818;
	display: block;
	overflow: hidden;
	opacity: 0.8;
}
.multiple-search-page .container {
	background: #ffffff;
	width: 300px;
	margin: 80px auto;
	padding: 25px!important;
}
.multiple-search-page h3 {
	border-bottom: 1px solid #e6e5ef;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.multiple-search-page label {font-weight: 400; color: #575757; text-transform: capitalize;}
.multi-search-col {padding:0;}
.multi-search-col button {
	background: #005BAC!important;
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 0px 25px;
	line-height: 60px;
	margin: 10px 0 0 0;
}
.multi-search-col button i {margin-right: 8px;}
.multi-search-col button.hvr-bounce-to-right:before {background: #1C1C1C;}
.multi-search-col select {
	width: 100%;
	height: 50px;
	border: 1px solid #e6e5ef;
	color: #575757;
	padding: 0 20px;
	margin-bottom: 20px;
}


/** Product Category **/
.category-intro {padding:0 15px 30px 15px;}
.category-intro h3 {font-weight: 600; margin-bottom: 30px;}
.category-intro h5 {color:#005BAC; margin-bottom: 15px;}
.category-intro p {margin-bottom: 30px;}
.category-intro > ul {margin: 0 0 30px 0;}
.category-intro > ul > li {color: #575757; font-weight: 700; margin-bottom: 14px;}
.category-intro > ul > li > i {font-size: 8px; color: #005BAC; vertical-align: middle; margin-right: 8px;}

.display-icon-wrapper {
	border-bottom: 1px solid #e6e5ef;
	margin: 15px 0 30px 0;
	padding: 30px 0 10px 0;
}

.display-icon-wrapper > h4 {margin: 0 10px 0 0; display: inline-block; float: left;}
.display-icon-wrapper > ul {float: right; font-size: 18px;}
.display-icon-wrapper > ul > li {display: inline-block;}
.display-icon-wrapper > ul > li > span {font-size: 14px; color:#767676; margin-right: 2px;}
.display-icon-wrapper > ul > li > a {color: #767676; padding: 0 4px;}
.display-icon-wrapper > ul > li > a:hover {color: #005BAC;}
.display-icon-wrapper > ul > li > a.active {color:#2E2E2E;}
.display-icon-wrapper > ul > li > a > i {font-size: 18px; vertical-align: middle;}

.display-in-grid,
.display-in-list {overflow: hidden; margin-right: -15px; margin-left: -15px;}

/** Popout Cart **/
.Cart-Page-Wrapper {background-color: #181818; display: block; overflow: hidden; opacity: 0.8;}

.cart-page {background: #ffffff; width: 95%; margin: 80px auto; padding: 35px 35px 55px 35px;}
.cart-page span {float:right; position: relative; top:-15px;; right: -10px; font-size: 30px; line-height: 30px;}
.cart-page span > a {color: #bcbcbc;}
.cart-page span > a:hover {color: #005BAC;}

.cart-page .cart-intro {margin-bottom: 40px;}
.cart-page .cart-intro h3 {margin-bottom:40px;}
.cart-page .cart-intro h3 > i {margin-right: 12px;}
.cart-page .cart-icon-wrapper {
	border: 1px solid #e6e5ef;
	border-right: none;
	border-left: none;
	margin: 15px;
	padding: 15px 0;
}
.cart-icon-wrapper > ul {float: right; font-size: 16px;}
.cart-icon-wrapper > ul > li {display: inline-block; margin: 0 2px;}
.cart-icon-wrapper > ul > li > a {color: #005BAC; padding: 0 4px; text-transform: capitalize;}
.cart-icon-wrapper > ul > li > a > i {color:#005BAC; margin-right:8px;}
.cart-icon-wrapper > ul > li > a:hover,
.cart-icon-wrapper > ul > li > a:hover > i {color: #1C1C1C;}

.cart-item-list {overflow: hidden;}
.cart-item-list .single-list-item-Wrapper {margin:15px 0;}
.cart-item-list .single-list-item-Wrapper .list-img-item {
    overflow: hidden;
    border-radius: 5px;
    width: 25%;
}
.cart-item-list .single-list-item-Wrapper .list-img-item > a > img {width: 100%;}
.cart-item-list .single-list-item-Wrapper:hover .list-img-item > a > img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
	opacity: 0.8;
}
.cart-item-list .single-list-item-Wrapper .list-text-col > a {width:auto; padding:12px 20px;}
.cart-item-list .single-list-item-Wrapper .list-text-col > a > i {margin-right: 8px;}

/** Table **/
.Table-page table {
	width: 100%;
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 0; 
	border: 1px solid #e6e5ef;
	margin: 0;
	color: #575757;
	clear: both;
}

.Table-page table th {
	background-color: #f1f1f1;
	padding: 15px 6px;
	font-size: 0.95em;
	line-height: 145%;
	border-top: 1px solid #ffffff; 
	border-right: 1px solid #e6e5ef;
	border-bottom: 1px solid #e6e5ef; 
	border-left: 1px solid #ffffff;
	color: #3f3f3f;
	text-align: center;
	text-transform: capitalize;
	width: 20%;	
}
.Table-page table td {
	background-color: transparent;
	padding: 15px 6px; 
	font-size: 0.95em; 
	line-height: 145%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #e6e5ef;
	border-bottom: 1px solid #e6e5ef;
	border-left: 1px solid #ffffff;
	text-align: center;
}
.Table-page table td a {color: #575757;}
.Table-page table td a:hover {color: #005BAC;}
.Table-page table td p {margin-bottom: 0px;}

.Table-page table tr td:first-child > a > img {width: 80%;}
.Table-page table tr td:last-child > ul.but-col {margin:0 auto; display: inline-block;}
.Table-page table tr td:last-child > ul > li {
	float: left; 
	display: block; 
	font-size: 16px; 
	line-height: 16px; 
	font-weight: unset; 
	margin-bottom: 0px;
}
.Table-page table tr td:last-child > ul > li > a {
	background-color: #e6e5ef;
	border-radius: 5px;
	color: #575757;
	padding: 10px 12px;
	margin: 4px;
}
.Table-page table tr td:last-child > ul > li > a:hover {background-color:#005BAC; color:#ffffff;}

/** Compare **/
.Compare-Page-Wrapper {margin: 150px 0 120px 0;}
.Compare-page {padding: 0 15px 30px 15px;}
.Compare-page span {float:right; position: relative; top:-15px; right: -10px; font-size: 30px; line-height: 30px;}
.Compare-page span > a {color: #bcbcbc;}
.Compare-page span > a:hover {color: #005BAC;}
.Compare-page .compare-intro {margin-bottom: 40px;}
.Compare-page .compare-intro h3 {font-weight: 600; margin-bottom: 30px;}
.Compare-page .compare-intro h3 > i {margin-right: 12px;}
.Compare-page .compare-intro p {margin-bottom: 30px;}

.Compare-page table {
	width: 100%;
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 0; 
	border: 1px solid #e6e5ef;
	margin: 0;
	color: #575757;
	clear: both;
}

.Compare-page table th {
	background-color: #f1f1f1;
	padding: 15px 6px;
	font-size: 0.95em;
	line-height: 145%;
	border-top: 1px solid #ffffff; 
	border-right: 1px solid #e6e5ef;
	border-bottom: 1px solid #e6e5ef; 
	border-left: 1px solid #ffffff;
	color: #3f3f3f;
	text-align: center;
	text-transform: capitalize;
	width: 20%;	
}
.Compare-page table td {
	background-color: transparent;
	padding: 15px 6px; 
	font-size: 0.95em; 
	line-height: 145%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #e6e5ef;
	border-bottom: 1px solid #e6e5ef;
	border-left: 1px solid #ffffff;
	text-align: center;
}

.Compare-page table tr:first-child > td:last-child,
.Compare-page table td:last-child {border-right: 1px solid #ffffff;}
.Compare-page table tr:last-child th,
.Compare-page table tr:last-child td {border-bottom: 1px solid #ffffff;}
.Compare-page table tr:first-child > td > a > img {max-width:200px;}
.Compare-page table tr:last-child td > ul.but-col {margin:0 auto; display: inline-block;}
.Compare-page table tr:last-child td > ul > li {display: block; font-size: 16px; line-height: 16px; margin: 10px 0 0;}
.Compare-page table tr:last-child td > ul > li > a {
	background-color: #e6e5ef;
	border-radius: 5px;
	color: #575757;
	padding: 10px 12px;
	margin: 4px;
}
.Compare-page table tr:last-child td > ul > li > a:hover {background-color:#005BAC; color:#ffffff;}

table.compare-h th:first-child,
table.compare-h td:first-child {width:25%;}
table.compare-h td:first-child img {width:100%; min-width:200px;}
table.compare-h td:last-child ul.but-col {margin:0 auto; display: inline-block;}
table.compare-h td:last-child ul > li {display: block; font-size: 16px; line-height: 16px; margin: 10px 0 0 0;}
table.compare-h td:last-child ul > li > a {
	background-color: #e6e5ef;
	border-radius: 5px;
	color: #575757;
	padding: 10px 12px;
	margin: 4px;
}
table.compare-h td:last-child ul > li > a:hover {background-color:#005BAC; color:#ffffff;}

table img {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

/*new*/
.Compare-page table td a {
    color: #575757;
    text-transform: none;
}
.Compare-page table tr:last-child td > ul > li:first-child {margin: 0;}
.Compare-page table td .spec > li {list-style-type: square; text-align: left; font-weight: unset; margin-bottom: unset; margin-left: 10px;}

table.compare-h td:last-child ul > li:first-child {margin: 0;}
table.compare-h td .spec > li {list-style-type: square; text-align: left; font-weight: unset; margin-bottom: unset; margin-left: 10px;}
table.compare-h td .spec {min-width:200px;}
table.compare-h td .desc_feature {min-width:200px;}
table.compare-h td .desc_html {min-width:200px;}

/** User Login **/
.Login-section {margin-top: 150px;}
.Login-section .Login-form {margin-bottom: 150px;}
.Login-section .Login-text {margin-bottom: 150px;}

.Login-section .Login-form form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e6e5ef;
	color: #575757;
	padding: 0 20px;
	margin-bottom: 20px;
}
.Login-section .Login-form form button {
	width: 188px;
	height: 50px;
	background: #005BAC;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.Login-section .Login-form form button:before {background: #1C1C1C;}

.Login-section .Login-text span.decoration {
    display: block;
    width: 65px;
    border-top: 2px solid #005BAC;
    margin-top: 20px;
}
.Login-section .Login-text h3 {
	font-size: 38px;
	line-height: 50px;
}
.Login-section .Login-text p {
	font-size: 20px;
	margin: 40px 0 20px 0;
}
.Login-section .Login-text strong {
	font-size: 22px;
	display: block;
	margin-bottom: 35px;
	color: #005BAC;
}

.section-container {margin:100px 0 50px 0;}

/*=============== category-index ===============*/
.category-index {margin:100px 0;}
.category-index .service-v2-item {margin-bottom: 45px;}
.category-index .service-v2-item .item-img {overflow: hidden;}
.category-index .service-v2-item .item-img>img {width: 100%;}
.category-index .service-v2-item:hover .item-img>img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 0.8;
}
.category-index .service-v2-item .iteme-text {
	border: 1px solid #f4f4f4;
	border-top: none;
	padding: 40px 15px 20px 40px;
	min-height: 210px;
}
.category-index .service-v2-item:hover .iteme-text {border-color: #005BAC;}
.category-index .service-v2-item .iteme-text>h3>a {color: #020205; text-transform: capitalize; margin-bottom: 14px;}
.category-index .service-v2-item:hover .iteme-text>h3>a {color: #005BAC;}
.category-index .service-v2-item .iteme-text > p {color: #575757; margin: 0 0 30px 0;}
.category-index .service-v2-item .iteme-text > a {color: #020205; text-transform: capitalize; font-weight: 500;}
.category-index .service-v2-item .iteme-text > a > i {color: #005BAC; margin-right: 8px;}
.category-index .service-v2-item:hover .iteme-text > a {color: #005BAC;}
.category-index .service-v2-item:hover .iteme-text > a > i {color: #005BAC;}
.category-index .service-v2-item:hover .iteme-text > a:hover,
.category-index .service-v2-item:hover .iteme-text > a:hover > i {color: #1C1C1C;}

.box-work figure {
    margin: 0;
    position: relative;
    z-index: 1;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.box-work > figure > a > img {width: 100%;height: auto;}

/*new*/
/*content*/
.content h3 {margin-bottom: 30px;}
.content h5 {margin-bottom: 15px; color: #2E2E2E;}
.content p {margin-bottom: 30px;}
.content ul {margin-bottom: 30px;}
.content ul > li {font-weight: 400; margin-bottom: 14px;}
.content ul > li > i {margin-right: 8px; color: #767676; font-size: 12px; vertical-align: middle;}
.content ol {list-style-position: inside;}
.content ol > li {font-weight: 700; margin-bottom: 14px;}
.content .display-icon-wrapper ul {margin-bottom: 0px;}
.content .display-icon-wrapper ul > li {font-weight:500; margin-bottom:0px;}
.content .display-icon-wrapper ul > li > i {margin-right:8px; color: #767676; font-size: 8px; vertical-align: middle;}

.content h2.name {font-size:40px; line-height:50px; margin-bottom:20px;}
.content h3.name_title {font-size:22px; line-height:32px; color:#005BAC; padding-top:30px;}
.content p.title {color: #575757; font-size: 18px; margin: 0 0 30px 0;}
.content span.date {display:block; color:#767676; font-weight:400; font-size:14px; margin:0 0 10px 0;}

.content button.gallery_cycle { 
    position: absolute;
    width: 100%;
    background: black;
    color: white;
    opacity: 0.5;
    padding-top: -10px;
    bottom: 12px; 
}
.content button.gallery_cycle h6 { 
    font-size: 0.95em;
    color: white;
}

.content span.price { 
    display: inline-block;
    color: #990006;
    font-size: 16px;
    margin-bottom: 15px;
}

.content .color-show.normal {vertical-align: bottom; margin: -10px 0 20px 5px;}
.content .color-show.normal a {
	min-width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #005BAC;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
}
.content .color-show.normal a:hover {
	background: #1C1C1C;
	-webkit-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	-moz-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
}
.content .color-show.normal a i {margin-right: 8px;}
.content .color-show.normal a i {margin-right: 8px;}
.content > a > img {width:100%;}
.content > span.decoration {display: block; width: 65px; border-top: 2px solid #005BAC; margin: 20px 0;}
.content .desc_html_member_area ul > li > a {color: rgb(128, 128, 128); text-transform: unset;}
.content .desc_html_member_area ul > li > a:hover {color: rgb(21, 21, 21);}
.content .desc_html_member_area ul > li {color: rgb(21, 21, 21); list-style: outside disc; margin: 0 0 0 15px;}

/*content empty*/
.content .empty_wrap .search-opson { margin-bottom: 30px; height: 60px; }
.content .empty_wrap .search-here {
	float: left;
	width: 25%;
	padding-right: 30px;
	padding-top: 5px;
	position: relative;
	border-bottom: 1px solid #d6d6d6;
}
.content .empty_wrap .search-here > input {
	height: 44px;
	width: 100%;
	border: none;
	font-size: 16px;
	font-style: italic;
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
}
.content .empty_wrap .search-here > input:focus {outline: none;}
.content .empty_wrap .search-here > button {
	height: 44px;
	width: 30px;
	padding-left: 10px;
	position: absolute;
	top: 2px;
	right: 0;
	background: transparent;
}
.content .empty_wrap .search-here>button:hover>i {color: #005BAC;}

.content .empty_wrap h4 {margin-bottom: 15px;}
.content .empty_wrap ul {margin-left: 25px;}

/* pages-button*/
.pages-button .pagination span {margin-right: 8px;}

/* style switcher */
.tab-content .tab-pane ul {list-style-type: disc;}
.tab-content .tab-pane ul > li {margin-left: 10px;}

/* tree-wrapper */
.tree-wrapper {margin:0;}
.tree-wrapper h2 {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 50px;
	font-weight: 300;
	line-height: 50px;
	color: #575757;
}
.tree-wrapper p {margin: 30px 0 40px 0;}
.tree-wrapper a {display:block;}
.tree-wrapper a:hover {color: #005BAC; padding-left:10px;}
.tree-wrapper ul {margin-left: 18px;}
.tree-wrapper ul li {
	font-weight: 600;
	margin:10px 0;
	line-height: 28px;
	list-style: disc outside;
	color: #767676;
}
.tree-wrapper ul li > a {text-transform: uppercase; color:#020205;}
.tree-wrapper ul li > ul li {
	border:none;
	font-weight: normal;
	list-style: circle outside;
	text-transform: capitalize;
}
.tree-wrapper ul li > ul li > a {text-transform:capitalize; color:#575757;}

/* VIP */
#controller_memberview_login {margin-top: 50px;}
.Zebra_Form div.error div.container span {margin: -4px 0 0 30px;}

/* SEO */
.rm-oesu {
    border:1px solid #d1d1d1;
    border-radius:3px;
    margin:0 0 50px 0;
    padding:20px;
}
#box-6 {position: relative; margin:0 0 100px 0;}
#box-6 .rm-oesu {margin: 0;}

.rm-oesu h2 {
    font-size: 12px;
    font-weight: 600;
    color: #767676;
    line-height: 25px;
}

.rm-oesu p,
#rm-oesulink {
    color: #767676;
    font-size: 12px;
	line-height: 25px;
    margin: 15px 0;
}

#rm-oesulink a {
    color: #575757;
    text-transform: initial;
}
#rm-oesulink a:hover {color: #005BAC;}

a.interlink {color: #005BAC; text-decoration: underline;}
a.interlink:hover {color: #1C1C1C;}

/* sitemap */
#sitemap ul.sitemap {padding-left: 20px;}
#sitemap ul.sitemap li {
    font-weight: 600;
    margin: 10px 0;
    line-height: 28px;
    list-style: disc outside;
    color: #575757;
}
#sitemap ul.sitemap li a:hover {
    color: #005BAC;
    padding-left: 10px;
}
#sitemap ul.sitemap li > a {
    text-transform: capitalize;
    color: #575757;
}
#sitemap ul.sitemap > li > ul {margin-left: 18px;}

/** Zabra Form **/
.Zebra_Form .row {
	background-color: transparent!important;
	padding: 15px!important; 
	border-bottom: 0px solid rgba(0, 0, 0, 0.05)!important;
}
.Zebra_Form .even {background-color: rgba(0, 0, 0, 0.05)!important;}
.Zebra_Form label {
	color: #575757!important; 
	font-weight: normal!important;
}
.Zebra_Form input.text {
	width: 200px!important; 
	padding: 5px!important; 
	background: #ffffff!important; 
	-moz-border-radius: 0px!important; 
	-webkit-border-radius: 0px!important; 
	border-radius: 0px!important; 
	border: 1px solid #e6e5ef!important;
}
.Zebra_Form .row img {margin: 10px 0;}
.Zebra_Form input.submit {
	text-transform: uppercase;
	font-size: 1em;
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif!important;
	font-weight: normal!important;
	padding: 12px 22px!important;
	border: none!important;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	height: auto!important;
	box-shadow: none!important;
	color: #ffffff!important;
	background-color: #005BAC!important;
	background-image: none!important;
}
.Zebra_Form input.submit:hover {
	color: #ffffff!important;
	background-color: #1C1C1C!important;
	background-image: none!important;
}
.Zebra_Form .note {line-height: 150%!important; color: #575757!important;}

/** media **/
.media-left {padding-right: 30px;}
.media-right {padding-left: 30px;}
.media-center {padding-bottom: 30px;}
.media-bottom {padding-bottom: 30px;}
.media-center > a > img,
.media-bottom > a > img {max-width: 100%;}
.media-body h5 {line-height: 125%;}
.media-object {width: auto;}

/** desc_ **/
*[class^="desc_"] ul li {list-style-image: url('../images/list_li.png'); list-style-position: inside;}
*[class^="desc_"] a {color: #005BAC; text-transform: initial;}
*[class^="desc_"] a:hover {color: #1C1C1C;}
*[class^="desc_"] ul.not-list-style li {list-style-image: none;}
*[class^="desc_"] a img {width: auto; max-width: 100%;}
*[class^="desc_"] h5 {margin-bottom: 15px; color: #020205;}

/** item grid **/
#item-show {display: flex; display: -webkit-flex; flex-wrap: wrap;}

/** gallerys **/
#gallerys,
*[id^="gallerys_"] {margin-bottom: 40px;}

*[id^="gallerys_"] ul li div.title {margin:4px 0 15px 0;}

.icon_pdf {margin: 0 5px 2px 0;}

/** category next prev button **/
.blog_scroll.txt-1 {
    line-height: 24px;
    margin: 15px 0 30px 0;
}
.blog_scroll .fleft {
    float: left!important;
}
.blog_scroll .fright {
    float: right!important;
}
.blog_scroll div a {
    margin-right: 8px;
    border: 1px solid #d6d6d6;
    color: #767676;
    font-weight: 600;
    line-height: 33px;
    padding: 0 12px;
}
.blog_scroll div a:hover {
    color: #ffffff;
    background: #005BAC;
}

/** lite menu **/
.navbar.navbar-inverse {
	margin-bottom: 0;
    background-color: #ffffff;
    border-color: #ffffff;
    min-height: 90px;
}
.navbar-fixed-top {border-bottom: 1px solid #e4e4e4!important; box-shadow:0 0 15px rgba(0, 0, 0, 0.5);}
.navbar .container {margin-top: 8px;}
.navbar-brand {
	height: 60px;
    padding: 0 30px 0 15px;
}
.navbar-brand > img {
	height: auto;
	margin: 20px 0 0 0;
}
.navbar-nav {margin: 10px 0;}
.navbar-inverse .navbar-nav > li > a {
	color: #020205;
	border-top:2px solid #ffffff;
	padding-top: 18px;
	padding-bottom: 18px;
	font-weight: 400;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 16px;
	text-transform:unset;
	bottom: 3px;
}
.navbar-inverse .navbar-nav > li > a > b.caret {color:rgba(0, 0, 0, 0.55);}
.navbar-inverse .navbar-nav > li.active > a > b.caret,
.navbar-inverse .navbar-nav > li > a:focus > b.caret,
.navbar-inverse .navbar-nav > li > a:hover > b.caret {color: rgba(0, 0, 0, 0.55);}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {background-color:#ffffff; border-top:2px solid #005BAC; color:#005BAC;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {background-color:#ffffff; border-top:2px solid #005BAC; color:#005BAC;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {color:#005BAC!important; background-color:#ffffff!important; border-top:2px solid #005BAC!important;}
.dropdown-menu {
	padding:0; 
	border-radius:0; 
	border: 1px solid rgba(0,0,0,0.2);
}
.dropdown-menu > li > a {
	padding: 12px 15px;
	text-transform: none;
	white-space: unset;
	color: #575757;
	border-top:1px solid rgba(0,0,0,0.2);
}
.dropdown-menu > li:first-child > a {border-top:none;}
.dropdown-menu > .open > a,
.dropdown-menu > .open > a:focus,
.dropdown-menu > .open > a:hover {color:#ffffff!important; background-color:#005BAC!important; border-color:rgba(0,0,0,0.2)!important; border-top:none!important;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color:#005BAC; color:#ffffff;}
.navbar-nav > li > ul.dropdown-menu-custom {
	border-radius: 0;
	min-width: 230px;
	padding: 0;
	border: 1px solid rgba(0,0,0,0.2);
}
.navbar-nav > li > ul.dropdown-menu-custom > li > ul.dropdown-menu-custom-sub {
	top: -3px;
	left: 100%!important;
	min-width: 230px;
	border-radius: 0;
	padding: 0;
	border: 1px solid rgba(0,0,0,0.2);
}
@media (max-width: 991px) {
	.container { width: auto; }
	.navbar .container { margin:5px 0 0 0; }
	.navbar.navbar-inverse { min-height: 60px; }
	.navbar-brand > img { width: auto; height: 32px; margin:12px 0 0 0; }
	.navbar-inverse .navbar-toggle {background-color:#ffffff!important; margin:10px 0 5px 0; border:1px solid #d6d6d6;}
	ul > li.dropdown > i.fa {
		float: right;
		display: block;
		line-height: 42px;
		width: 50px;
		font-size: 18px;
		color: #767676;
		position: absolute;
		top:8px;
		right:0;
		text-align: center;
		cursor: pointer;
	}
	ul > li.dropdown.open > i.fa {color:#005BAC;}
	ul > li.dropdown.open > ul > li.dropdown.open > i.fa {color:#ffffff;}
	ul.dropdown-menu > li.dropdown > i.fa { top: 0; line-height: 45px; }
	.navbar-inverse .navbar-collapse { border-color: #ccc; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #575757;
		padding-top: 12px;
		padding-bottom: 12px;
		line-height: 20px;
	}
	ul > li.dropdown.open > ul > li.dropdown.open > a { color: #fff; }
	ul > li.dropdown.open > ul > li.dropdown.open > ul > li > a { margin-left: 10px; }
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

}
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #005BAC;
	}
}

/** lite slider **/
#lite-slider {
	min-height: 560px;
}
.carousel-caption {
	top: 30%;
	left: 15%;
}
.carousel-caption.align-left {
	text-align: left;
}
.carousel-caption.align-center {
	text-align: center;
}
.carousel-caption.align-right {
	text-align: right;
}
.carousel-caption h1, .carousel-caption p { margin-bottom: 10px; }
.carousel-caption a {
	font-weight: 700;
    font-size: 14px;
    padding: 0 20px;
    border: 2px solid #005BAC;
    margin: 8px 20px 0 0;
    line-height: 46px;
    text-align: center;
    opacity: 1;
    color: #005BAC;
}
.carousel-caption a:before, .carousel-caption a:hover {	background-color: #1C1C1C; }
a.carousel-control i.fa {top: 50%;}

/** home image **/
#home-image {position: relative;}
#home-image .home-image-text {
	position: absolute;
	top: 25%;
	left: 0;
    width: 100%;
    padding: 0 20%;
}
#home-image .home-image-text h1 {
	color:#ffffff;
	max-width:600px;
	font-weight: 400;
}

#home-image .home-image-text p {
	color: #005BAC;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-transform: none;
	margin: 20px 0;
	max-width:600px;
}
#home-image .home-image-text a {
	font-weight: 700;
	font-size: 16px;
	padding: 0 25px;
	margin: 10px 0 0 0;
	line-height: 50px;
	text-align: center;
	opacity: 1;
	text-transform: capitalize;
	background: #005BAC;
    border: none;
	color: #ffffff;
}
#home-image .home-image-text a:hover {
	background: #1C1C1C;
	color: #ffffff;
}

img {
	height: auto;
	width: 100%;
}
#tab_tplsys>li>a { color: #575757; }

.dis_con { display: contents; }
.dis_non { display: none; }

.Zebra_Form .row img {width: auto;}

/*=============== box-9 home 2 business section ===============*/
.home-two-business .business-text span {margin: 30px 0 0 0!important;}
.home-two-business .business-text > h1 {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 38px;
	font-weight: 300;
	line-height: 50px;
	color: #020205;
	margin-left: 0;
	margin-right: 20%;
}
.home-two-business .business-text > h1 > a {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 38px;
	font-weight: 300;
	line-height: 50px;
	color: #020205;
    text-transform: inherit;
}
.home-two-business .business-text > h1 > a:hover {color:#005BAC;}

.home-two-business .business-item > p:after {
	border-bottom: 2px solid #e6e5ef!important;
	border-top: none!important;
}
.home-two-business .business-item:hover > p:after {border-color: #005BAC!important;}

/*=============== box-10 Service Offer ===============*/
.service-offer .them-main-title>h2 {color: #ffffff;}
.service-offer .them-main-title>span{margin: 0 auto;}
.service-offer {
	background: url(/Templates/pic/bg_img-01.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
.service-offer .service-section-opact {
	padding: 70px 0 80px;
	background: rgba(0,0,0,0.2);
}
.service-section {padding-top: 75px;}
.service-section .service-offer-item {
	background: rgba(0, 0, 0, 0.7);
	padding: 40px 35px 48px 40px;
	margin-bottom: 30px;
}
.service-section .service-offer-item>.service-icon {margin-bottom: 14px;}
.service-section .service-offer-item>.service-icon>.flaticon {
	color: #e03558;
	font-size: 55px;
}
.service-section .service-offer-item:hover>.service-icon>.flaticon {color: #ffffff;}
.service-section .service-offer-item > .service-icon > img.icon-img {
	height: 60px;
	margin: 10px 0;
	opacity: 0.5;
}
.service-section .service-offer-item > .service-icon > a > img.icon-img {
	height: 60px;
	margin: 10px 0;
	opacity: 0.5;
	width: auto;
}
.service-section .service-offer-item > .service-icon > a {
	display: unset;
}
.service-section .service-offer-item:hover > .service-icon > img.icon-img {opacity: 1.0;}
.service-section .service-offer-item>.service-icon > span {
	display: inline-block;
	font-size: 40px;
	color: rgba(255, 255, 255, 0.15);
	padding-top: 10px;
	font-weight: 300;
}
.service-section .service-offer-item h3 > a {text-transform: capitalize;}
.service-section .service-offer-item span {
    font-size: 24px;
    line-height: 34px;
}
.service-section .service-offer-item span > a {
    text-transform: capitalize;
}
.service-section .service-offer-item p {
	color: #ffffff;
	margin: 25px 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 85px;
	overflow: hidden;
}
.service-section .service-offer-item:hover {background: #005BAC;}
.service-section .service-offer-item:hover > .service-icon > span {color: rgba(255, 255, 255, 0.3);}
.service-section .service-offer-item a {text-transform: capitalize;}
.service-section .service-offer-item a i {
	vertical-align: middle;
	margin-left: 8px;
}

/*=============== box-11 choose-section-2 ===============*/
#box-11.choose-section .left-side .left-side-content .left-content-text > .them-main-title {text-align: left;}
#box-11.choose-section .left-side .left-side-content .left-content-text > .them-main-title span  {float: left;}
#box-11.choose-section .left-side .left-side-content .left-content-text > p  {text-align: left;}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item > img {width: auto;}

/*=============== box-12 Home Gallery ===============*/
.home-gallery_wrapper {padding: 120px 0;}
.home-gallery_wrapper .isotop_menu > div > a {
	width: 135px;
	line-height: 45px;
	border: solid 2px #e5e5e5;
	color: #005BAC;
	text-align: center;
}
.home-gallery_wrapper .isotop_menu>div>a:hover {color: #ffffff;}
.home-gallery_wrapper .isotop_menu>div>a.hvr-bounce-to-right:before {background: #1C1C1C;}
.isotop_menu {margin-bottom: 65px;}
.isotop_menu ul {display: inline-block;}
.isotop_menu ul li {
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
	padding: 8px 10px;
	text-transform: capitalize;
	color: #767676;
}
.isotop_menu ul li.is-checked,
.isotop_menu ul li:hover {color: #005BAC;}

.gallery_item_wrapper > .grid-sizer,
.gallery_item_wrapper > .isotop-item {
	width: 33.333333%;
	padding: 15px;
}
.gallery_item_wrapper > .isotop-item {float: left;}
#isotop-gallery-wrapper .single_item_wrapper img {width: 100%;}
#isotop-gallery-wrapper .isotop-item > h5 > a,
#isotop-gallery-wrapper .isotop-item > h3 > a {
	color: #020205;
	text-transform: capitalize;
	margin: 15px 0 0 0;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 60px;
	overflow: hidden;
}
#isotop-gallery-wrapper .isotop-item > h3 {
    font-size: 20px;
    line-height: 30px;
}
#isotop-gallery-wrapper .isotop-item > h5 > a:hover,
#isotop-gallery-wrapper .isotop-item > h3 > a:hover {color: #005BAC;}

.single_item_wrapper {
	position: relative;
	overflow: hidden;
}
.single_item_wrapper > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(20, 20, 20, 0.5);
	opacity: 0;
	transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.single_item_wrapper:hover > div {
	opacity: 1;
	transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.single_item_wrapper > div > a {
	font-size: 50px;
	font-weight: 800;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	text-align: center;
	color: #ffffff;
	line-height: 0;
	text-transform: none;
}
.single_item_wrapper > div > a:hover {color: #005BAC;}

/*=============== box-13 Numver Section ===============*/
.numver-section {
	background:#005BAC url(/Templates/pic/bg_index_bricks.png) bottom center repeat-x;
}
.numver-section .numver-section-opact {padding: 80px 0;} 
.numver-section .numver-section-opact .numver-title > h2 {color:#ffffff;}
.numver-section .numver-section-opact .numver-item > div {
	float: left;
	width: 33.333333%;
	color: #ffffff;
	padding: 10px 50px 0;
}
.numver-section .numver-section-opact .numver-item >div > h3 {color:#ffffff; font-size:50px; font-weight:500; line-height:50px;}
.numver-section .numver-section-opact .numver-item >div > h3:before {
	content: "";
	display: block;
	width: 40px;
	border-top: 2px solid #88F2FF;
	margin-bottom: 10px;
	opacity: 1;
}
.numver-section .numver-section-opact .numver-item > div > p  {
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 18px;
	color:#ffffff;
	line-height: 25px;
	text-transform: capitalize;
	margin-top: 10px;
}

/*=============== box-14 Home Client Claider ===============*/
.them-main-title.text-center>span {margin: 0 auto;}
.home-client-claider {padding: 100px 0;}
.client-claider-wrapper {margin-top: 70px;}
.client-claider-wrapper .item {border: solid 1px rgba(0, 0, 0, 0.1); min-height: 275px;}
.client-claider-wrapper .item >div {padding: 50px;}
.client-claider-wrapper .item > div > p {
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 60px;
	overflow: hidden;
	font-weight: 400;
    font-size: 16px;
}
.client-claider-wrapper .item >div>div {position: relative; padding:0 70px 0 40px;}
.client-claider-wrapper .item >div>div span.deco {
	display: inline-block;
	width: 25px;
	border-top: 2px solid #005BAC;
	position: absolute;
	top: 10px;
	left: 0;
}
.client-claider-wrapper .item:hover > div > div span {border-color: #005BAC;}
.client-claider-wrapper .item > div > div > img {
	width: 52px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 5px;
}
.client-claider-wrapper .item > div > div > h5 > a,
.client-claider-wrapper .item > div > div > h3 > a {
	font-size: 16px;
	line-height: 175%;
	color: #020205;
	text-transform: capitalize;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 60px;
	overflow: hidden;
}
.client-claider-wrapper .item > div > div > h3 {
    font-size: 20px;
    line-height: 30px;
}
.client-claider-wrapper .item:hover > div > div > h5 > a,
.client-claider-wrapper .item:hover > div > div > h3 > a {color: #005BAC;}
.client-claider-wrapper .item > div > div > i {
	display: block;
	font-size: 16px;
	color: #9e9e9e;
	margin-top: 7px;
}
#client-claider-carousel.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 40px;}
#client-claider-carousel.owl-theme .owl-dots .owl-dot span {
    margin: 5px 5px;
    background: transparent;
    border: solid 1px #c3bebe;
}
#client-claider-carousel.owl-theme .owl-dots .owl-dot.active span,
#client-claider-carousel.owl-theme .owl-dots .owl-dot span:hover {border-color: #005BAC; background: #005BAC;}

/*=============== box-15 Home Form Section ===============*/
.home-form-section {
	background: #005BAC url(/Templates/pic/bg_index_co_promo.jpg) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.home-form-section .form-section-opact {padding: 100px 0;}
.home-form-section .form-text-item {text-align: right; color: #ffffff;}
.home-form-section .form-text-item >.them-main-title > h2 > a {color: #ffffff; text-transform:capitalize;}
.home-form-section .form-text-item >.them-main-title > h2 > a:hover {color: #B7EFFF;}
.home-form-section .form-text-item > .them-main-title > span {
	display: inline-block;
	width: 65px;
	border-bottom: 2px solid #88F2FF;
	padding-top: 20px;
}
.home-form-section .form-text-item > p {
	color: #ffffff;
	font-size: 18px; 
	margin-top: 30px;
	line-height:32px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 100px;
	overflow: hidden;
}
.home-form-section .form-contact-item {padding: 10px 0 0 40px;}
.home-form-section .form-contact-item > img {border: 1px solid #afafaf; width: 100%;}
.home-form-section .form-contact-item>form input {
	width: 100%;
	height: 50px;
	margin-bottom: 15px;
	border: 1px solid #ffffff;
	padding: 0 20px;
}
.home-form-section .form-contact-item>form textarea:focus,
.home-form-section .form-contact-item>form input:focus {border: 1px solid #B7EFFF;}
.home-form-section .form-contact-item>form textarea {
	width: 100%;
	max-width: 100%;
	height: 130px;
	max-height: 130px;
	margin-bottom: 15px;
	border: 1px solid #ffffff;
	padding: 20px;
}
.home-form-section .form-contact-item>form button {
	width: 155px;
	height: 45px;
	color: #020205;
	background: #88F2FF;
	text-transform: uppercase;
}
.home-form-section .form-contact-item>form button:hover {
	color: #B7EFFF; 
	border: 1px solid #B7EFFF; 
	font-weight: 700;
}

/*=============== box-16 Logo slide ===============*/
.home-logo-slide {margin: 110px 0;}
.home-logo-slide .them-main-title > span {display: inline-block;}
.home-logo-slide .them-main-title > h2 > a {color: #020205;}
.home-logo-slide .them-main-title > h2 > a:hover {color: #005BAC;}
.home-logo-slide .them-main-title > p {
	font-size: 18px;
	margin: 30px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 105px;
	overflow: hidden;
}
#logo-claider-carousel.owl-theme .owl-dots .owl-dot span {display: none !important;}
#logo-claider-carousel .item > div {border: 1px solid rgba(0, 0, 0, 0.1);}
#logo-claider-carousel .owl-item .item > div > img {width: 99.9%;}
#logo-claider-carousel .item > h5 > a, #logo-claider-carousel .item > h3 > a {
	font-size: 16px;
	font-weight: 500;
	line-height: 145%;
	color: #020205;
	text-transform: capitalize;
	margin: 15px 0 0 0;
}
#logo-claider-carousel .item > h3 {
    font-size: 20px;
    line-height: 30px;
}
#logo-claider-carousel .item > h5 > a:hover, #logo-claider-carousel .item > h3 > a:hover {color: #005BAC;}
#logo-claider-carousel .item > p > i {
	display: block;
	color: #9e9e9e;
	margin-top: 7px;
}

/*=============== box-17 Home-two-our-Service ===============*/
.home-two-our-service .home-two-our-service-item {
	width: 25%;
	overflow: hidden !important;
	position: relative;
}
.home-two-our-service .home-two-our-service-item img {width: 100%;}
.home-two-our-service .home-two-our-service-item .item-opact-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 60% 8% 0;
	color: #ffffff;
}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text {
	background: #020205;
	opacity: 0.8;
	padding: 20% 8% 0;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h5 > a,
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a {
	margin-bottom: 22px;
	text-transform: capitalize;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 90px;
	overflow: hidden;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: unset;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h5 > a > i,
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a > i {vertical-align: middle; margin-left: 10px;}
.home-two-our-service .home-two-our-service-item .item-opact-text h5 > a:hover,
.home-two-our-service .home-two-our-service-item .item-opact-text h5 > a:hover > i,
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a:hover,
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a:hover > i {color:#fdb813;}
.home-two-our-service .home-two-our-service-item .item-opact-text p {display: none;}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text p {
	color: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 65px;
	overflow: hidden;
}

/*=============== box-18 Home two Recent work ===============*/
.Recent-work-section {padding:100px 0; background-color:#F0F0F0;}
.Recent-work-taitle > p {
	color: #575757;
	font-size: 18px;
	line-height: 32px;
	margin: 30px 0;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 160px;
	overflow: hidden;
}
.Recent-work-taitle > a {
	width: 155px;
	line-height: 50px;
	background: #005BAC;
	text-align: center;
	font-weight: 500;
}
.Recent-work-taitle > a:before {background: #1C1C1C;}
#Recent-work-claider-carousel.owl-theme .owl-dots .owl-dot span {display: none;}
#Recent-work-claider-carousel .item:hover img {opacity: 0.8;}
#Recent-work-claider-carousel .item > h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 15px 0 0 0;
}
#Recent-work-claider-carousel .item > h3 > a {color: #2E2E2E; text-transform: capitalize;}
#Recent-work-claider-carousel .item > h3 > a:hover {color: #005BAC;}

/*=============== box-19 Our Membership ===============*/
.Our-Membership {margin: 120px 0 130px;}
.Our-Membership .them-main-title {margin-bottom: 65px;}
.Our-Membership .them-main-title > p {margin-top: 30px; font-size: 18px;}
.Our-Membership .Our-Membership-item {padding-top: 15px; height: 535px; margin-bottom: 15px;}
.Our-Membership .Our-Membership-item:hover {padding: 0 0 15px;}
.Our-Membership .Our-Membership-item .Membership-div {
	height: 520px;
	overflow: hidden;
	padding: 55px 10px 20px;
	color: #ffffff;
}
.Our-Membership .Our-Membership-item:hover .Membership-div {
	-webkit-box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.25);
}
.Our-Membership .Our-Membership-item .Membership-div > h5 {
	color: #ffffff; 
	text-transform: uppercase;
}
.Our-Membership .Our-Membership-item .Membership-div > strong {display: block; font-size: 60px; font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif; font-weight: 400; line-height: 100px;}
.Our-Membership .Our-Membership-item .Membership-div > div > img {
	display: block;
	margin: 20px auto;
	width: auto;
}
.Our-Membership .Our-Membership-item .Membership-div > h6 {font-size: 14px; text-transform: uppercase;}
.Our-Membership .Our-Membership-item .Membership-div > h4 {font-size: 14px; text-transform: uppercase; line-height: 28px;}
.Our-Membership .Our-Membership-item .Membership-div > p {
	margin: 35px 20% 27px; 
	color: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	it-box-orient: vertical;
	white-space: normal;
	max-height: 112px;
	overflow: hidden;
}
.Our-Membership .Our-Membership-item .Membership-div > span {display: block; text-transform: uppercase; font-size: 14px; font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif; margin-bottom: 30px;}
.Our-Membership .Our-Membership-item .Membership-div > a {
	width: 180px;
	line-height: 50px;
	background: rgba(0, 0, 0, 0.15);
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 0 auto;
}
.Our-Membership .Our-Membership-item .Membership-div > a:before {background: #005BAC;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color {background: #37a5d2;}
.Our-Membership .Our-Membership-item .Membership-div.item-two-color {background: #8158de;}
.Our-Membership .Our-Membership-item .Membership-div.item-three-color {background: #3dbaa1;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > h6,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > h6,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > h6,
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > h4,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > h4,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > h4 {color: rgba(0, 0, 0, 0.35);}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > span,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > span,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > span {color: rgba(255, 255, 255, 0.5);}

/*=============== box-20 ===============*/
.event-item .event-text > h3 > a {
    color: #005BAC;
    text-transform: capitalize;
	font-size:22px;
}
.event-item .event-text > h3 > a:hover {color:#1C1C1C;}
#box-20 .event-item .event-text > p {
    margin: 20px 0;
    color: #575757;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    max-height: 200px;
}

.a_INQ {display: block; margin-bottom:80px;}

/*=============== top search ===============*/
.top_search { display: block; float: right; font-size: 0.85em; color: #575757; }
.navbar-search { display: none; }
.search-here {
    padding: 0 15px 0 30px;
    position: relative;
}
.search-here > input {
    border: none;
    background: transparent;
}
.search-here > button {
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}
@media (max-width: 991px) {
    .top_search { display: none; float: none; }
    .navbar-search { display: block; }
    .navbar-collapse .search-here { border-top: none; margin: 10px 15px; color:#767676; }
    .navbar-collapse .search-here > button { padding-left: 0; top:4px; color:#005BAC; }
	.navbar-collapse .search-here > input {margin-left: 5px;}
}
.language_box { margin: 2px 0 0 0; }
.content .empty_wrap .search-here > button { padding: 0; }

/** Advanced Search **/
.advsearch-search {
	position: absolute;
	top: 22px;
	bottom: unset;
	right: 10px;
	z-index: unset;
	padding: 10px 15px;
	border: 2px solid #005BAC;
	border-radius: 2px;
	text-transform: none;
	background: #005BAC;
}
.advsearch-search:hover { background-color: #151515; border-color: #151515; }
.advsearch-search i { margin-right: 8px; }
@media (max-width: 1200px) {
	.advsearch-search {
		position: fixed;
		top: unset;
		bottom: 5px;
		z-index: 1;
		padding: 0;
		background: #005BAC;
		font-size: 22px;
		text-align: center;
		width: 40px;
		height: 40px;
	}
	.advsearch-search.advsearch-search-fixed-bottom { bottom: 105px; }
	.advsearch-search.index-advsearch-none { display: none; }
	.advsearch-search i { margin-right: 0; }
	.advsearch-search span{ display: none; }
}

.block-widget {
    border: 1px solid #DDDBDC;
    margin: 30px 0;
    padding: 25px;
    overflow: hidden;
	background: rgba(0,0,0,0.1);
}
#show_adv_search_blk .a_all_conditions { text-decoration: underline; color: #b8b8b8; }
#show_adv_search_blk h5 { margin-bottom: 15px; font-size: 38px; line-height: 50px;}
#show_adv_search_blk p { margin-bottom: 15px; }
#show_adv_search_blk button.btn-mini {
    float: left;
	margin: 5px 5px 5px 0; 
	color: #ffffff; 
	font-weight: 600; 
	line-height: 33px; 
	padding: 7px 15px;
	background-color: #005BAC;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-transform:uppercase;
}
#show_adv_search_blk button.btn-mini:hover { color: #ffffff; background: #1C1C1C; }
#show_adv_search_blk .select2-container-multi {
	margin-: 5px 5px 5px 0;
    width: 24%;
    float: left;
}
#show_adv_search_blk .select2-container-multi .select2-choices {
	border-color: #d1d1d1;
	background-image:none;
	padding: 2px;
	margin: 5px 5px 5px 0;
}
#show_adv_search_blk .select2-container-multi .select2-choices .select2-search-field .select2-input {
	font-weight: 400;
	padding: 10px 8px;
	margin:0;
}

/*=============== box-21 Advsearch Search ===============*/
.advsearch-search-box {background: #FFFFFF;}
.advsearch-search-box .form-section-opact {	padding: 50px 0;}
.advsearch-search-box .form-contact-item {padding: 10px 0 0 40px;}
.advsearch-search-box .form-contact-item > a {border: none;}
.advsearch-search-box .form-text-item {text-align: left;}
.advsearch-search-box .form-text-item > .them-main-title > h2,
.advsearch-search-box .form-text-item > .them-main-title > h2 > a {color: #020205; text-transform: capitalize;}
.advsearch-search-box .form-text-item > .them-main-title > h2 > a:hover {color: #005BAC;}
.advsearch-search-box .form-text-item > .them-main-title > span {display: inline-block;}
.advsearch-search-box .form-text-item > p {
	color: #222222;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 115px;
	overflow: hidden;
}
.advsearch-search-box .form-section-opact .form-text-item > a {
	line-height: 45px;
	background: #005BAC;
	text-align: center;
	font-weight: 600;
	margin-top: 15px;
	padding: 0 25px;
}
.advsearch-search-box .form-section-opact .form-text-item > a:hover {background: #1C1C1C;}
.advsearch-search-box .form-section-opact .form-text-item.text-left {text-align: left; margin-left: 60px;}