/*
    Last update : 06.2026
*/

/* ------------------------------------------ */
/*             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 ========*/
* {
	margin:0;
	padding: 0;
}
body {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	color: #3C3C3C;
	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: #0A0A19;
	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: 22px; line-height: 32px;}
h5 {font-size: 20px; 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: #3C3C3C;
}
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: #FCFCFF;}
.p-color-bg {background: #414646;}
.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 #D4D4D4;
}
.navbar-collapse .search-here {
    border-top: solid 1px #D4D4D4;
    margin: 10px 15px 20px;
    padding-right: 30px;
    padding-top: 5px;
    position: relative;
    border-bottom: solid 1px #D4D4D4;
}
.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: #82550A;}
.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: #FFFFFF;
}
.theme-menu-fix-banner.menu_3 .navbar.menu_3 {margin-bottom: 0;}
.theme-main-menu {
	background: #FFFFFF;
	position: relative;
}
.theme-main-menu:before {
	content: "";
	width: 2000px;
	background: #FFFFFF;
	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: #0A0A19!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: #414646;}
.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: #0A0A19;
	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: #BF9C46;}
.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: #FFFFFF;
	height: 3px;
	width: 30px;
}
.theme-menu-V-two-fix .navbar-toggle .icon-bar {background:#232323;}
#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: #0A0A19;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	background: #BF9C46;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li a:hover {
	background: #232323;
	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: #0A0A19;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	background: #BF9C46;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul li a:hover {
	background: #232323;
	padding-left: 18px;
	color: #FFFFFF;
}

.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;
	background: rgba(255, 255, 255, 0.2);
}
#theme-main-banner .camera_prev,
#theme-main-banner .camera_next {
	background: rgba(0, 0, 0, 0.5);
	height: 120px;
	width: 30px;
	margin-top: -60px;
	text-align: center;
}
#theme-main-banner .camera_prev:hover,
#theme-main-banner .camera_next:hover {background: rgba(14, 15, 65, 0.6);}
#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: 120px;
}
#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 a,
#theme-main-banner .camera_caption .container h1 {text-transform: unset;}
#theme-main-banner .camera_caption .container h1 span.slider-text-1,
#theme-main-banner .camera_caption .container h1 span.slider-text-2 {display: block;}
#theme-main-banner .camera_caption .container h1 span.slider-text-1 {color: #DCB964; font-weight: 500;}
#theme-main-banner .camera_caption .container h1 span.slider-text-2 {color: #FFFFFF; font-weight: 700;}
#theme-main-banner .camera_caption .container p {
	color: #D3D3E0;
	font-size: 18px;
	font-weight: 400;
	text-transform: none;
	margin: 20px 0 35px;
}
#theme-main-banner .camera_caption .container > a.button-left:hover,
#theme-main-banner .camera_caption .container a {
	font-weight: 700;
	font-size: 14px;
	padding: 0 20px;
	border: 2px solid #DCB964;
	margin: 8px 20px 0 0;
	line-height: 46px;
	text-align: center;
	opacity: 1;
	color: #DCB964;
}
#theme-main-banner .camera_caption .container > a.button-right:hover,
#theme-main-banner .camera_caption .container > a.button-left {
	border: 2px solid #DCB964;
	color: #0A0A19;
}
#theme-main-banner .camera_caption .container > a.button-left {background: #DCB964;}
#theme-main-banner .camera_caption .container > a.button-left:before,
#theme-main-banner .camera_caption .container > a.button-left:hover {background: transparent;}
#theme-main-banner .camera_caption .container > a.button-right:before {background: #DCB964;}

/*=============== business section ===============*/
.home-business-section {margin: 100px 0;}
.home-business-section .business-text > h1,
.home-business-section .business-text > p {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 38px;
	font-weight: 300;
	line-height: 50px;
	color: #0A0A19;
}
.home-business-section .business-text > h1 > a {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 38px;
	font-weight: 300;
	line-height: 50px;
	color: #0A0A19;
    text-transform: inherit;
}
.home-business-section .business-text > h1 > a:hover {color:#414646;}
.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 #BF9C46;
	margin: 25px auto 0;
}
.home-business-section .business-item {margin-top: 80px;}
.home-business-section .business-item > div {
	height: 65px;
	margin-bottom: 20px;
}
.home-business-section .business-item > div > a > i {color:#BF9C46;}
.home-business-section .business-item > h5 > a {
	color: #0A0A19;
	text-transform: capitalize;
}
.home-business-section .business-item > p {
	padding: 10px 0 45px 0;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.home-business-section .business-item > p:after {
	content: "";
	border-top: 1px solid #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.home-business-section .business-item:hover > h5 > a {color: #82550A;}
.home-business-section .business-item:hover > p:after {border-color: #BF9C46;}

/** 讓3個介紹區塊無論文字內容多寡，都自動等高 **/
.home-business-section .row {display:flex; flex-wrap:wrap;}
.home-business-section .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}
.home-business-section .business-item {
    flex: 1;          /* 關鍵：讓內容自動填滿剩餘空間 */
    flex-direction: column;
}

/*=============== them-main-title ===============*/
.them-main-title > span.decoration {
	display: block;
	width: 65px;
	border-bottom: 2px solid #BF9C46;
	padding-top: 25px;
}

/*=============== 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(../images/home/bg-img-1.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>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: #232323;}
.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 {margin: 120px 0 80px;}
.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 #D4D4D4;
	color: #757578;
	text-align: center;
	font-weight: 400;
	padding: 0 15px;
}
.events-section .event-areya > a:hover {color: #BF9C46;}
.events-section .event-areya > a:before {background: #232323;}
.events-section .event-areya .event-margin {margin-bottom: 75px;}
.event-areya .event-item {margin-bottom: 42px;}
.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: #990000;
	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: #FCFCFF;
	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: #FCFCFF;
	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.6;
}
.event-item .event-border {
	border: 1px solid #e8e9ed;
	margin-left: -15px;
	padding-left: 50px;
}
.event-item .event-text {
	padding-top: 38px;
	padding-bottom: 34px;
	min-height: 286px;
}
.event-item .event-text > h4 {line-height: 32px;}
.event-item .event-text > h4 > a {
	color: #0A0A19;
	text-transform: capitalize;
}
.event-item:hover .event-text > h4 > a {color: #82550A;}
.event-item .event-text > p {
	margin: 12px 0 22px;
	color: #3C3C3C;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.event-item .event-text > span {
	display: inline-block;
	color: #82550A;
	text-transform: none;
	font-size: 16px;
	margin-bottom: 10px;
}
.event-item .event-text > a {
	display: inline-block;
	color: #A5690F;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
}
.event-item .event-text > a > i,
.event-item .event-text > span > i {margin-right: 8px;}
.event-item .event-text > a {margin-right: 25px;}
.event-item:hover .event-text > a,
.event-item:hover .event-text > a > i {color: #990000;}

/*=============== box-4 Choose Section ===============*/
.choose-section {
	background: #FFFFFF;
	display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.choose-section .left-side,
.choose-section .right-side {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.choose-section .right-side .right-side-content,
.choose-section .left-side .left-side-content {
	width: 585px;
	max-width: 585px;
	overflow: hidden;
}
.choose-section .left-side {position: relative;}
.choose-section .left-side .left-side-opact {
	background: #BF9C46;
	background: linear-gradient(135deg,rgba(191, 156, 70, 1) 10%, rgba(250, 240, 205, 1) 50%, rgba(191, 156, 70, 1) 90%);
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}
.choose-section .left-side .left-side-content {}
.choose-section .left-side .left-side-content .left-content-text {padding:0 80px 0 0;}
.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: #0A0A19;  text-transform: none;}
.choose-section .left-side .left-side-content .left-content-text > .them-main-title span {
	float:right;
	border-bottom: 2px solid #AB8846;
}
.choose-section .left-side .left-side-content .left-content-text > p {
	font-size: 18px;
	color: #373219;
	margin: 30px 0 0 0;
	text-align:right;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.choose-section .right-side {
	background: #BF9C46;
	background: linear-gradient(135deg,rgba(191, 156, 70, 1) 10%, rgba(250, 240, 205, 1) 50%, rgba(191, 156, 70, 1) 90%);
}
.choose-section .right-side .right-side-content {padding: 0 0 0 80px; padding: 50px 0}
.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;
	position: relative;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item > i.flaticon {
	font-size: 50px;
	color: #0A0A19;
	display: block;
	margin-bottom: 6px;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item > h4 > a {
	text-transform: capitalize;
	color: #0A0A19;
}
.choose-section .right-side .right-side-content .right-content-text .right-side-item:hover > h4 > a {color: #552805;}
.choose-section .right-side .right-side-content .right-content-text .right-side-item > p {
	color: #373219;
	padding: 14px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}

/*=============== Home Gallery ===============*/
.home-gallery_wrapper {padding: 120px 0;}
.home-gallery_wrapper .isotop_menu>div>a {
	width: 135px;
	line-height: 45px;
	border: 2px solid #D4D4D4;
	color: #757578;
	text-align: center;
}
.home-gallery_wrapper .isotop_menu>div>a:hover {color: #DCB964;}
.home-gallery_wrapper .isotop_menu>div>a.hvr-bounce-to-right:before {background: #232323;}
.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: #3C3C3C;
}
.isotop_menu ul li.is-checked,
.isotop_menu ul li:hover {color: #82550A;}
.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: #D3D3E0;}


/*=============== Numver Section ===============*/
.numver-section {
	background: #232323;
}
.numver-section .numver-section-opact {padding: 100px 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: #D3D3E0;
	padding: 10px 50px 0;
}
.numver-section .numver-section-opact .numver-item>div>h2 {
	color: #FFFFFF;
	font-size: 50px;
	font-weight: 500;
}
.numver-section .numver-section-opact .numver-item>div>h2:before {
	content: "";
	display: block;
	width: 40px;
	border-top: 2px solid #BF9C46;
	margin-bottom: 7px;
}
.numver-section .numver-section-opact .numver-item>div>p {font-size: 17px;}

/*=============== 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 #BF9C46;
	position: absolute;
	top: 4px;
	left: 0;
}
.client-claider-wrapper .item:hover>div>div span {border-color: #BF9C46;}
.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: #0A0A19;
	text-transform: capitalize;
}
.client-claider-wrapper .item:hover>div>div>h6>a {color: #82550A;}
.client-claider-wrapper .item>div>div>i {
	display: block;
	font-size: 16px;
	color: #757578;
	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: #BF9C46;
	background: #BF9C46;
}

/*=============== Home Form Section ===============*/
.home-form-section {background: #232323;}
.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 {color: #FFFFFF;}
.home-form-section .form-text-item > .them-main-title > span {display: inline-block;}
.home-form-section .form-text-item > p {
	font-size: 18px;
	line-height: 36px;
	font-weight: 300;
	margin-top: 15px;
	color:#D3D3E0;
}
.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 #D3D3E0;
	padding: 0 20px;
}
.home-form-section .form-contact-item > form textarea:focus,
.home-form-section .form-contact-item > form input:focus {border: 1px solid #BF9C46;}
.home-form-section .form-contact-item > form textarea {
	width: 100%;
	max-width: 100%;
	height: 130px;
	max-height: 130px;
	margin-bottom: 15px;
	border: 1px solid #D3D3E0;
	padding: 20px;
}
.home-form-section .form-contact-item > form button {
	width: 155px;
	height: 45px;
	color: #BF9C46;
	border: 2px solid #BF9C46;
	background-color: transparent;
	text-transform: uppercase;
}
.home-form-section .form-contact-item > form button:hover {
	color: #0A0A19;
	background: #BF9C46;
	font-weight: 700;
}

/*=============== Latest News Section ===============*/
.home-latest-news {
	margin: 0;
	padding: 50px 0;
	background:#232323 url(/Templates/pic/bg_hot-product.jpg) center right no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.home-latest-news .them-main-title  {margin-top: 40px;}
.home-latest-news .them-main-title h2  {color: #FFFFFF;}
.home-latest-news .news-item-wrapper {margin-top: 60px;}
.news-item-wrapper .news-item {
	margin-bottom: 30px;
	border-left: none;
	border-right: none;
	text-align: center;
}
.news-item-wrapper .news-item .news-item-img {
	overflow: hidden;
	position: relative;
	background-color: #232323;
}
.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.5;}
.news-item-wrapper .news-item .news-item-img > span {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	background: #990000;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	color: #FCFCFF;
	text-transform: uppercase;
	padding:8px 20px;
}
.news-item-wrapper .news-item .news-text-item {padding: 20px 0;}
.news-item-wrapper .news-item .news-text-item> h3 {
    font-size: 22px;
    margin: 0;
}
.news-item-wrapper .news-item .news-text-item> h3 > a {
	line-height: 30px;
	color: #DCB964;
	text-transform: capitalize;
	font-weight: 600;
}
.news-item-wrapper .news-item:hover .news-text-item> h3 > a {color: #FFFFFF;}
.news-item-wrapper .news-item .news-text-item > p {
	color: #D3D3E0;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.news-item-wrapper .news-item .news-text-item > a {
	color: #DCB964;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 16px;
}
.news-item-wrapper .news-item:hover .news-text-item > a > i,
.news-item-wrapper .news-item:hover .news-text-item > a {color: #D3D3E0;}
.news-item-wrapper .news-item .news-text-item > a > i {
	color: #DCB964;
	vertical-align: middle;
	margin-right: 8px;
}

/*=============== 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: #BF9C46;
	background: linear-gradient(135deg,rgba(191, 156, 70, 1) 12%, rgba(250, 240, 205, 1) 50%, rgba(191, 156, 70, 1) 88%);
	padding: 30px 0;
}
.them-footer-section .footer-button-section .row {
	/** 使區塊內左右兩邊的子物件以高度中央對齊 **/
	display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.them-footer-section .footer-button-section h3 {
	font-size: 28px;
	color: #0A0A19;
	line-height: 34px;
	margin: 0;
}
.them-footer-section .footer-button-section a {
	width: 195px;
	line-height: 55px;
	color: #DCB964;
	background: #0A0A19;
	border: 1px solid #0A0A19;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	float: right;
}
.them-footer-section .footer-button-section a:hover {color:#0A0A19; background:#BF9C46; border:1px solid #DCB964;}
.them-footer-section .footer-section {
	background: #232323;
	padding-top: 50px;
	color: #D3D3E0;
}
/** 使footer-item-one到four自動等高 **/
.them-footer-section .footer-section .row {display:flex; flex-wrap:wrap;}
.them-footer-section .footer-section .row .footer-item {display:flex; flex-direction: column;}
.them-footer-section .footer-section .row .footer-item div {flex:1;}/** 即 footer-item-one到four **/

.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: 15px;}
.them-footer-section .footer-section .footer-item-one > p {
	margin: 10px 0 25px 0;
	color: #D3D3E0;
}
.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: #D3D3E0;
}
.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:#DCB964;}
.them-footer-section .footer-section .footer-item-one .footre-logo > img {margin: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: 35px;
	margin: 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 #BF9C46;
	position: absolute;
	left: 0;
	top: 18px;
}
.them-footer-section .footer-section .footer-item-two > ul > li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 12px;
	margin-left: 10px;
}
.them-footer-section .footer-section .footer-item-two > ul > li > i {
	position: absolute;
	left: 0;
	top: 3px;
}
.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: #DCB964;}
.them-footer-section .footer-section .footer-item-two > ul > li > a {
	text-transform: capitalize;
	color: rgba(255,255,255,0.75);
}
.them-footer-section .footer-section .footer-item-two > ul > li > a:hover {color: #DCB964;}
.them-footer-section .footer-section .footer-item-three > ul > li {margin-bottom: 20px;}
.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: #D3D3E0;
}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 > a:hover {color: #DCB964;}
.them-footer-section .footer-section .footer-item-three > ul > li > i {
	display: block;
	margin-top: 5px;
	color:rgba(255, 255, 255, 0.5);
}
.them-footer-section .footer-section .footer-item-four address > span {
	display: block;
	margin-bottom: 15px;
	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: 15px 0;
	background: #323232;
	margin: 50px 0 0 0;
}
.them-footer-section .footer-section .footer-bottom-item p {color: rgba(255, 255, 255, 0.5); line-height: 22px;}
.them-footer-section .footer-section .footer-bottom-item p > a {
	text-transform: capitalize;
	color: rgba(255, 255, 255, 0.5);
}
.them-footer-section .footer-section .footer-bottom-item p > a:hover {color: #DCB964;}
.them-footer-section .footer-section .footer-bottom-item p > sup {font-size:100%; top:0;}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p {
	color: rgba(255, 255, 255, 0.5);
	display: inline-block;
}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a {color: rgba(255, 255, 255, 0.5);}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a:hover {color: #FFFFFF;}

/*=============== index-2 ===============*/
.top-header-v-two {
	background: #232323;
	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: #FFFFFF;
}
.top-header-v-two .top-header-right>li>ul>li>a:hover {color: #DCB964;}

/*=============== 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: #0A0A19;
	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: #BF9C46;
	color: #0A0A19;
}
.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: #0A0A19;
	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 #e8e9ed;
    padding: 0 52px 0 10px;
}
.theme-menu-V-two-fix .search_option form button {
    display: block;
    width: 48px;
    background: #232323;
    color: #DCB964;
    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: #0A0A19;
	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: #232323;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	right: -10px;
	bottom: -10px;
	color: #DCB964;
}
.theme-menu-V-two-fix .search_option .search:hover,
.theme-menu-V-two-fix .manu-icon > div > a:hover {color: #FFFFFF;}
.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 {margin:100px 0;}
.home-two-experts-section .them-main-title>p {margin-top: 25px;}
.experts-claider-wrapper {margin-top: 70px;}
.experts-claider-wrapper .item .expert-img {
	height: 200px;
	width: 200px;
	overflow: hidden;
	border-radius: 2%;
	margin: 0 auto 30px;
}
.experts-claider-wrapper .item .expert-img>img {width: 100%;}
.experts-claider-wrapper .item h5 {
	color: #0A0A19;
	text-transform: capitalize;
	font-weight: 600;
}
.experts-claider-wrapper .item span {
	color: #82550A;
	font-size: 16px;
	margin: 10px 0;
	display: block;
	font-weight:600;
}
#home-two-experts-carousel.owl-theme .owl-dots .owl-dot span {display: none;}
.experts-claider-wrapper .item:hover h5 {color: #82550A;}

/*=============== Choose Section ===============*/
.choose-section .home-two-right-side {
	background: #BF9C46;
	background: linear-gradient(135deg,rgba(191, 156, 70, 1) 10%, rgba(250, 240, 205, 1) 50%, rgba(191, 156, 70, 1) 90%);
}
.choose-section .home-two-right-side .right-side-content {
	padding: 0 0 0 80px;
	margin: 80px 0;
}
.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: unset;
	margin: 0 0 30px 0;
	position: relative;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item:last-child {margin:0;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > i.flaticon,
.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: #0A0A19;
	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: #0A0A19;
	margin-bottom: 10px;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > span {
	color: #373219;
	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: #0A0A19;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item:hover > h4 > a {color: #552805;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > p {
	color: #373219;
	padding: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}

/*=============== Home two Recent work ===============*/
.Recent-work-section {margin-bottom: 120px;}
.Recent-work-taitle > p {
	color: #3C3C3C;
	margin: 30px 0;
}
.Recent-work-taitle > a {
	width: 152px;
	line-height: 45px;
	background: #BF9C46;
	text-align: center;
	font-weight: 600;
	color:#0A0A19;
}
.Recent-work-taitle > a:before {background: #232323; color:#DCB964;}
#Recent-work-claider-carousel.owl-theme .owl-dots .owl-dot span {display: none;}
#Recent-work-claider-carousel .item:hover img {opacity: 0.5;}

/*=============== Our Membership ===============*/
.Our-Membership {margin: 120px 0;}
.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: #232323;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color {background: #00abf2;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color>h5 {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 {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 {color: #70eac4;}
.Our-Membership .Our-Membership-item .Membership-div.item-three-color>span {color: #0c9a6d;}

/*=============== Enar-page-banner ===============*/
.Enar-page-banner {
	background-color: #232323;
	background-image: -moz-linear-gradient(top, #232323, #323232);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#232323), to(#323232));
	background-image: -webkit-linear-gradient(top, #232323, #323232);
	background-image: -o-linear-gradient(top, #232323, #323232);
	background-image: linear-gradient(to bottom, #232323, #323232);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#323232', GradientType=0);
	border-bottom:1px solid #D4D4D4;
}
.Enar-page-banner .Enar-page-banner-opact {padding:30px 0 40px;}
.Enar-page-banner .Enar-page-banner-opact h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 300;
	color: #DCB964;
	margin: 0 0 5px 0;
}
.Enar-page-banner .Enar-page-banner-opact h2 {
	color: #D3D3E0;
    font-weight: 400;
    line-height: 28px;
    font-size: 16px;
    text-transform: inherit;
}
.Enar-page-banner .Enar-page-banner-opact p {color: #D3D3E0;}
.Enar-page-banner .Enar-page-banner-opact ul {margin-top: 20px;}
.Enar-page-banner .Enar-page-banner-opact ul > li {
	display: inline-block;
	color: rgba(255, 255, 255, 0.75);
}
.Enar-page-banner .Enar-page-banner-opact ul > li > span.decoration {
	display: inline-block;
	width: 45px;
	border-bottom: 2px solid #BF9C46;
	vertical-align: middle;
	margin-right: 8px;
}
.Enar-page-banner .Enar-page-banner-opact ul > li > a {
	text-transform: capitalize;
	margin: 0 4px;
	color:#D3D3E0;
}
.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:#DCB964;}
.Enar-page-banner .Enar-page-banner-opact ul > li > a:hover {color:#DCB964;}

/*=============== About us & Branch ===============*/
.About-us-section .About-us-img-section .About-us-img {overflow: hidden; text-align:center; color:#757578;}
.About-us-section .About-us-img-section .About-us-img img {width: 100%;}
.About-us-section .About-us-img-section .About-us-img:hover img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 0.6;
}
.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: 38px;
    line-height: 50px;
    margin-bottom: 25px;
    font-weight: inherit;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text span {
	display: block;
	width: 65px;
	border-top: 2px solid #BF9C46;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text p {
	margin: 30px 0;
	color: #3C3C3C;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text ul>li>h6>a {
	color: #0A0A19;
	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: #A5690F;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text ul>li {color: #3C3C3C;}
.About-us-section .About-us-img-section > hr {
	border-bottom: 1px solid #D4D4D4;
	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: #0A0A19;
	margin-bottom: 15px;
}
.About-us-section .About-us-text-section .About-us-text p {
	margin-bottom: 30px;
}

.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: #82550A;
	margin: 15px 0;
}
.About-us-section .Branch-section .branches-block .branch-col p {
	color: #0A0A19;
	margin-bottom: 10px;
	font-size: 18px;
}
.About-us-section .Branch-section .branches-block .branch-col span {
	color: #3C3C3C;
	display: block;
	margin-bottom:10px;
}
.About-us-section .Branch-section .branches-block .branch-col span > i {
	color: #A5690F;
	vertical-align: middle;
	margin-right: 8px;
}
.About-us-section .Branch-section .branches-block .branch-col span > a {
	color: #A5690F;
	text-transform: none;
}
.About-us-section .Branch-section .branches-block .branch-col span > a:hover {color: #990000;}

.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: #82550A;
	margin: 15px 0;
}
.Branch-section .branches-block .branch-col p {
	color: #0A0A19;
	margin-bottom: 10px;
	font-size: 18px;
}
.Branch-section .branches-block .branch-col span {
	color: #3C3C3C;
	display: block;
	margin-bottom:10px;
}
.Branch-section .branches-block .branch-col span > i {
	color: #A5690F;
	vertical-align: middle;
	margin-right: 8px;
}
.Branch-section .branches-block .branch-col span > a {
	color: #A5690F;
	text-transform: none;
}
.Branch-section .branches-block .branch-col span > a:hover {color: #990000;}

.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.6;
}
.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 #BF9C46;
}
.normal_section .normal_img_section .img-text-border .img-text p {
	padding-right: 40px;
	margin: 30px 0;
	color: #3C3C3C;
}
.normal_section .normal_img_section .img-text-border .img-text ul>li>h6>a {
	color: #0A0A19;
	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: #82550A;}
.normal_section .normal_img_section .img-text-border .img-text:hover ul>li {color: #757578;}
.normal_section .normal_img_section > hr {
	border-bottom: 1px solid #e8e9ed;
	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: #82550A;
	margin-bottom: 15px;
}
.normal_section .text p {
	margin-bottom: 30px;
	color: #3C3C3C;
}
.normal_section .text > ul {margin: 0 0 30px 0;}
.normal_section .text > ul li {
	color: #3C3C3C;
	font-weight: 700;
	margin-bottom: 14px;
}
.normal_section .text > ul li > i {
	font-size: 8px;
	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: #82550A; margin: 15px 0;}
.normal_section .Branch-section .branches-block .branch-col p {color: #0A0A19; margin-bottom: 10px; font-size: 18px;}
.normal_section .Branch-section .branches-block .branch-col span {color: #3C3C3C; display: block; margin-bottom:10px;}
.normal_section .Branch-section .branches-block .branch-col span > i {color: #A5690F; vertical-align: middle; margin-right: 8px;}
.normal_section .Branch-section .branches-block .branch-col span > a {color: #A5690F; text-transform: none}
.normal_section .Branch-section .branches-block .branch-col span > a:hover {color: #990000;}

.About-us-section .About-us-img-section .img-text-border .About-us-img-text h4 {padding-top:30px; color:#82550A;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text h3 {
	padding-top: 30px;
    color: #82550A;
    font-size: 22px;
    line-height: 32px;
	margin-bottom: 0;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text .contact-us-tel {
	font-size: 22px;
	font-weight: 500;
	color:#82550A;
	width: unset;
	border-top: none;
}

/*=============== Service-V-1 ===============*/
.service-v1-section {margin: 80px 0;}
.service-v1-section .service-section .service-offer-item {background: #FFFFFF; border: 1px solid #D4D4D4;}
.service-v1-section .service-section .service-offer-item:hover {background: #232323;}
.service-v1-section .service-section .service-offer-item h3 > a {color: #0A0A19}
.service-v1-section .service-section .service-offer-item p {color: #3C3C3C;}
.service-v1-section .service-section .service-offer-item a {color: #A5690F;}
.service-v1-section .service-section .service-offer-item:hover h3 > a {color: #FFFFFF;}
.service-v1-section .service-section .service-offer-item:hover p {color: #D3D3E0;}
.service-v1-section .service-section .service-offer-item:hover a {color: #DCB964;}
.service-v1-section .service-section .service-offer-item > .service-icon > span {color: #557578;}

/*=============== Service-V-2 ===============*/
.our-service-v2-section {margin: 120px 0;}
.service-v2-item {margin-bottom: 45px;}
.service-v2-item .item-img {overflow: hidden; border:1px solid transparent; 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.6;
}
.service-v2-item .iteme-text {
	border: 1px solid transparent;
	border-top: none;
	padding: 30px 20px;
}
.service-v2-item:hover .item-img,
.service-v2-item:hover .iteme-text {border-color: #BF9C46;}
.service-v2-item .iteme-text > h3 {margin:0 0 15px;}
.service-v2-item .iteme-text > h3 > a {color: #0A0A19; text-transform: capitalize;}
.service-v2-item:hover .iteme-text > h3 > a {color: #82550A;}
.service-v2-item .iteme-text > p {
	color: #3C3C3C;
	margin: 0 0 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.service-v2-item .iteme-text > a {color: #A5690F; text-transform: capitalize; font-weight: 400;}
.service-v2-item .iteme-text > a > i {color: #A5690F; margin-right: 8px;}
.service-v2-item:hover .iteme-text > a {color: #990000;}
.service-v2-item:hover .iteme-text > a > i {color: #990000;}
.service-v2-item:hover .iteme-text > a:hover,
.service-v2-item:hover .iteme-text > a:hover > i {color: #990000;}
.service-v2-item:hover .iteme-text > a.but-more,
.service-v2-item:hover .iteme-text > a.but-more > i {color: #990000;}

/*=============== 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: #82550A;}
.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; 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.6;
}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area>h3>a {
	font-size: 28px;
	font-weight: 600;
	color: #0A0A19;
	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: #82550A;}
.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: #3C3C3C;}
.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;
	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: #3C3C3C; 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: #FCFCFF;}
.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: 1px solid #e8e9ed; 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: #3C3C3C;}
.Service-Details .Service-Details-left-side-item .coll-us-item > p > span {font-weight: 700; color: #0A0A19;}
.Service-Details .Service-Details-left-side-item .coll-us-item > h6 > a {color: #3C3C3C; 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 #D4D4D4;
	margin: 0 0 50px 0;
	padding: 20px;
}
.Download-PDF-item > h5 {font-weight: 600;}
.Download-PDF-item > p.Download-PDF-item-title {color:#0A0A19; font-size:20px; font-weight:600; margin:0 0 20px 0}
.Download-PDF-item > p {color:#3C3C3C; 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: #A5690F;
	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:#990000;}

.call-us-item {border:1px solid #D4D4D4; text-align: center; padding:20px; margin:0 0 50px 0;}
.call-us-item > p {font-size:18px; font-weight:300; color:#3C3C3C; line-height:30px;}
.call-us-item > a {color: #A5690F; 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:#990000;}
.call-us-item p.contact-us-tel-side {color:#82550A; 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 #e8e9ed;
	border-top: none;
}
.isotop-item .item-text-col > h5 {}
.isotop-item .item-text-col > h5 > a {color:#0A0A19; text-transform: capitalize;}
.isotop-item .item-text-col > h5 > a:hover {color:#82550A;}
.isotop-item .item-text-col > p {}
.isotop-item .item-text-col > a {color:#A5690F; text-transform: capitalize;}
.isotop-item .item-text-col > a > i {color:#A5690F;}
.isotop-item .item-text-col > a:hover,
.isotop-item .item-text-col > a:hover > i {color:#990000;}


/*=============== 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.6;
}
.Single-Project .Single-Project-Right-Side>h3>a,
.Single-Project .Single-Project-left-Side>h3>a {
	color: #0A0A19;
	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: #82550A;}
.Single-Project .Single-Project-left-Side>h6 {font-size: 18px; line-height: 25px; color: #0A0A19; margin-bottom: 20px;}
.Single-Project p {color: #3C3C3C;}
.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;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul>li>i {
	position: absolute;
	left: 0;
	top: 7px;
	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 #E4E4E4; margin-top: 50px;}
.Single-Project .Single-Project-Right-Side ul>li {border-bottom: solid 1px #E4E4E4; padding: 15px 10px 15px 40px;}
.Single-Project .Single-Project-Right-Side ul>li>h6>a {color: #0A0A19; font-size: 18px; text-transform: capitalize; margin-bottom: 10px;}
.Single-Project .Single-Project-Right-Side ul>li:hover>h6>a {color: #82550A;}

/*=============== 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.6;
}

/*=============== 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 #D4D4D4;}
.Blog-pages-button > li > a {color: #757578; font-weight: 600; line-height: 33px; padding: 0 12px;}
.Blog-pages-button > li:hover > a {color: #0A0A19; background: #BF9C46;}
.news-Sidebar-item-wrapper >form {border: 1px solid #D4D4D4; height: 55px; margin-bottom: 50px; border-radius: 3px;}
.news-Sidebar-item-wrapper >form > input {
	width: 85%;
	height: 100%;
	float: left;
	padding-left: 5%;
	color: #757578;
	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 {color: #82550A;}
.news-Sidebar-item-wrapper>form:hover>button {color: #DCB964; background: #232323;}
.news-Sidebar-item-wrapper>form>button {
	width: 15%;
	height: 100%;
	float: right;
	background: #BF9C46;
	color: #0A0A19;
	font-size: 20px;
}
.news-Sidebar-item-wrapper h3 {border-bottom: 1px solid #D4D4D4; padding-bottom: 20px; margin-bottom: 25px;}
.news-Sidebar-item-wrapper .Categories>ul>li {margin-bottom: 15px; padding: 0 0 15px 0; border-bottom:1px solid #D4D4D4;}
.news-Sidebar-item-wrapper .Categories>ul>li> a {color:#3C3C3C; text-transform:capitalize; display:block; padding:0 30px 0 0;}
.news-Sidebar-item-wrapper .Categories>ul>li> a:hover {padding-left:10px;}
.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:rgba(0, 0, 0, 0.45);}
.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:#757578; text-transform:capitalize; display:block; padding:0;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li > a:hover {padding-left:10px; color: #82550A;}
.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:rgba(0, 0, 0, 0.45);}
.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.6;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-text>h6>a {color: #0A0A19; text-transform: capitalize; line-height: 25px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-text>span {display: block; color: #757578; 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:#757578; border:1px solid #D4D4D4; padding:10px 15px;}
.news-Sidebar-item-wrapper .Keyword>ul>li:hover>a {color:#82550A; border:1px solid #82550A;}
/*==========*/
.blog-Vtwo-sidebar {
	margin:0 0 50px 0;
	border: 1px solid #D4D4D4;
	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: #757578; padding: 0 8px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text > .Share > ul > li > a:hover {color: #82550A;}
.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.7;}
.Blog-V-three-Singleblog .Singleblog-Comments > ul > li a {color: #0A0A19; 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: #757578; font-weight: 500;}
.Blog-V-three-Singleblog .Singleblog-Comments > ul > li > p {margin-top: 10px;}
.Blog-V-three-Singleblog .Singleblog-Comments > ul > li > a {position: absolute; top: -20px; right: 5px; color:#A5690F;}
.Blog-V-three-Singleblog .Singleblog-Comments > ul > li:hover > h6 > a {color: #82550A;}
.Blog-V-three-Singleblog .Singleblog-Comments > ul > li > a:hover {color:#990000;}

.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 #D4D4D4;
	font-weight: 500;
	color: #757578;
	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 #D4D4D4;
	font-weight: 500;
	color: #757578;
	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: #0A0A19;
	background: #BF9C46;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment > form button:before {background: #232323; color:#DCB964;}

/*=============== 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 {padding: 0;}
.News-index-page .news-list-col > ul > li {
	position: relative;
	padding: 0 10px 0 100px;
	margin-bottom: 60px;
	list-style: none;
}
.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.7;}
.News-index-page .news-list-col > ul > li a {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 > h5 a {color: #0A0A19;}
.News-index-page .news-list-col > ul > li > span {display:block; color:#757578; font-weight:400; margin:0 0 10px 0; font-size:14px; line-height: 20px;}
.News-index-page .news-list-col > ul > li > p {
	color: #3C3C3C;
	margin: 0 0 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.News-index-page .news-list-col > ul > li > a {display: block; font-weight: 400; color: #A5690F;}
.News-index-page .news-list-col > ul > li > a > i {margin-right:8px; color:#A5690F;}
.News-index-page .news-list-col > ul > li:hover > h5 > a {color:#82550A;}
.News-index-page .news-list-col > ul > li:hover > a,
.News-index-page .news-list-col > ul > li:hover > a > i {color:#990000;}

.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: #757578; font-weight: 500; margin: 0 0 10px 0;}
.News-single-page .news-detail > p {color: #3C3C3C; 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;
	vertical-align: middle;
	margin-right: 8px;
}
.News-single-page .news-detail > ul > li {color: #3C3C3C; 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: 22px; line-height: 30px; margin-top: 20px; margin-bottom: 10px;}
.single-item-Wrapper .single-Text-item h5 > a {color: #0A0A19; text-transform: capitalize; display: block; word-wrap: break-word;}
.single-item-Wrapper:hover .single-Text-item h5 > a {color: #82550A;}
.single-item-Wrapper .single-Text-item h6 {
	color: #82550A;
	font-size: 16px;
	float: left;
	display: inline-block;
}
.single-item-Wrapper .single-Text-item p {
	margin: 5px 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.single-item-Wrapper .single-Text-item > div.clear-fix > span {
	display: inline-block;
	color: #990000;
	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: #f3880a;}
.single-item-Wrapper .single-Text-item > a {
	display: block;
	background-color:#BF9C46;
	border-radius:3px;
	color:#0A0A19;
	font-weight: 500;
	line-height: 48px;
	text-align: center;
	margin-top: 10px;
	text-transform: capitalize;
}
.single-item-Wrapper .single-Text-item > a:before {background: #232323;}
.single-item-Wrapper .single-Text-item > a:hover {color: #DCB964;}
.single-item-Wrapper .single-Text-item > a > i {margin-right:8px;}

.display-in-grid .single-item-Wrapper .single-Text-item > a {
	display: block;
	border:1px solid #BF9C46;
	border-radius:3px;
	color:#0A0A19;
	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: #232323;}
.display-in-grid .single-item-Wrapper .single-Text-item > a:hover {color: #DCB964;}
.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: 22px; line-height: 30px; margin:0 0 10px; color: #0A0A19;}
.single-list-item-Wrapper .list-text-col h5 > a {color: #0A0A19; text-transform: capitalize;}
.single-list-item-Wrapper:hover .list-text-col h5 > a {color: #82550A;}
.single-list-item-Wrapper .list-text-col h6 {
	color: #82550A;
	font-size: 16px;
	display: inline-block;
}
.single-list-item-Wrapper .list-text-col > div.clear-fix > span {
	display: inline-block;
	color: #990000;
	font-size: 16px;
	float: right;
}
.single-list-item-Wrapper .list-text-col p {
	margin: 10px 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.single-list-item-Wrapper .list-text-col > a {
	display: block;
	background-color: #BF9C46;
	border-radius:3px;
	color: #0A0A19;
	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:#232323;}
.single-list-item-Wrapper .list-text-col > a:hover {color:#DCB964;}
.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:3px;
	border: none;
	color: #A5690F;
	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:#A5690F;}

.single-item-Wrapper:hover .single-Text-item > a.but-more,
.single-item-Wrapper:hover .single-Text-item > a.but-more > i {color:#990000;}
.single-list-item-Wrapper:hover .list-text-col > a.but-more,
.single-list-item-Wrapper:hover .list-text-col > a.but-more > i {color:#990000;}
/*=========*/
.sidebar-price {margin-bottom: 70px;}
.sidebar-price > h3 {
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 25px;
}
.sidebar-price .price-ranger {
	border: 1px solid #D4D4D4;
	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 #E4E4E4;
	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: #232323;}
.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: #BF9C46;
	color: #0A0A19;
	text-transform: capitalize;
	margin: 50px auto 0 auto;
}
.price-ranger .button-two.hvr-bounce-to-right:before {background: #232323; color:#DCB964;}

/*=============== Sidebar Popular Products ===============*/
.sidebar-popular-product {margin:0 0 50px 0;}
.sidebar-popular-product > h3 {
	font-size: 24px;
	text-transform: capitalize;
	margin-bottom: 25px;
	border-bottom: 1px solid #D4D4D4;
	padding-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: 6px;
	width: 40px;
	height: 50px;
	background: #990000;
	text-align: center;
}
.single-popular-product > div.banner > span {
	font-size: 18px;
	padding-top: 20px;
	color: #FCFCFF;
	display: block;
}
.single-popular-product .product {
	width: 100%;
	background: #232323;
	padding: 10px 15px;
	border-radius: 0 0 3px 3px;
}
.single-popular-product .product.hvr-bounce-to-right:before {background: #BF9C46; 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: #DCB964;
	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: #DCB964;
}
.single-popular-product:hover .product h6 a,
.single-popular-product:hover a.product h6,
.single-popular-product:hover a.product p {color: #0A0A19;}

.single-popular-product .product ul li {
	display: inline-block;
	color: #757578;
	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 #e8e9ed;
	padding-bottom: 20px;
}
.single-history-product {padding: 13px 0 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: #757578;
	text-align: center;
}
.single-history-product > div.del:hover {
	background: #232323;
	color: #FCFCFF;
    text-decoration: none;
}
.single-history-product > div.del > span {
	font-size: 13px;
	color: #FCFCFF;
}
.single-history-product .product {padding-left: 20px;}
.single-history-product .product h6 a {
	font-weight: 400;
	font-size: 16px;
	color: #3C3C3C;
	text-transform: capitalize;
	display: block;
	/* margin-bottom: 10px; */
	margin-top: 10px;
	line-height: 22px;
}
.single-history-product .product span {
	display: block;
	margin: 7px 0 0 0;
	font-size: 14px;
	color: #757578;
}
.history-product:hover .product h6 a {color: #82550A;}

/*=============== 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 {padding:0;}
.single-product-details .image ul li {
	display: inline-block;
	width: 65px;
	height: 100%;
	overflow: hidden;
	margin: 14px 6px 0 0;
	cursor: pointer;
	list-style: none;
}
.single-product-details .image ul li:nth-child(4n) {
	display: inline-block;
	width: 65px;
	height: 100%;
	overflow: hidden;
	margin: 14px 6px 0 0;
	cursor: pointer;
}
.single-product-details .info {width: 65%; padding-left: 40px;}
.single-product-details .info h2 {
	font-size: 38px;
    font-weight: 500;
    line-height: 145%;
    margin-bottom: 15px;
    color: #0A0A19;
}
.single-product-details .info h4 {
	font-size: 22px;
    font-weight: 500;
    margin: 0;
    color: #82550A;
    float: left;
    display: inline-block;
    line-height: 28px;
}
.single-product-details .info > div.clear-fix {margin:30px 0 0 0; overflow: hidden;}
.single-product-details .info > div.clear-fix > span {
	color: #990000;
	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: #f3880a; 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: #757578;
	font-weight: 400;
}
.single-product-details .info p {color: #3C3C3C; margin: 27px 0 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 #e8e9ed;
	padding: 0 0 0 20px;
}
.single-product-details .info .color-show a {
	min-width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #BF9C46;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
	color:#0A0A19;
}
.single-product-details .info .color-show a:hover {
	background: #232323;
	color:#DCB964;
	-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:#990000;
	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 #e8e9ed;
	padding: 0 0 0 20px;
}
.single-product-details .icon .color-show a {
	min-width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #BF9C46;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
	color:#0A0A19;
}
.single-product-details .icon .color-show a:hover {
	background: #232323;
	color:#DCB964;
	-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: #3C3C3C;
	margin-right: 10px;
	border: 1px solid #e8e9ed;
	border-bottom: none;
	padding: 15px 25px;
	font-weight: 400;
	font-size: 14px;
	border-radius: 0;
}
.review-tab .nav-tabs li a:hover {color:#82550A;}
.review-tab .nav-tabs > li.active > a,
.review-tab .nav-tabs > li.active > a:hover,
.review-tab .nav-tabs > li.active > a:focus {background: #BF9C46; border-top: 1px solid #BF9C46; color:#0A0A19;}
.review-tab .tab-pane {padding-top: 25px; border-top: 1px solid #e8e9ed; overflow: hidden;}
.review-tab .tab-pane > h5 {margin-bottom: 15px; line-height: 145%;}
.review-tab .tab-pane > p {color: #3C3C3C; margin: 0 0 30px 0;}
.review-tab .tab-pane > ul {color: #3C3C3C; 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; 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 #e8e9ed;}
.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: #0A0A19; text-transform: capitalize;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 > a:hover {color: #82550A;}
.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: #A5690F; 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: #990000;}

/*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: #3C3C3C; margin: 0 0 30px 0;}
.single-product-detail > ul {color: #3C3C3C; 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; 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 #e8e9ed;}
.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: #0A0A19; text-transform: capitalize;}
.single-product-detail .pdf-download-col > ul > li > h6 > a:hover {color: #82550A;}
.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: #A5690F; 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: #990000;}

.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: #757578;
	margin:0 3px;
	background: #ffffff;
	padding: 0;
}
.related-product-slider.owl-theme .owl-nav [class*=owl-]:hover {color: #BF9C46; border-color: #BF9C46;}
.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(50, 50, 50, 0.5);
    -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: rgba(14, 15, 65, 0.5);}

/*=============== Contact-us ===============*/
.Contact-us-section .Contact-us-form form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e8e9ed;
	color: #3C3C3C;
	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 #e8e9ed;
	color: #3C3C3C;
	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: #BF9C46;}
.Contact-us-section .Contact-us-form form button {
	width: 188px;
	height: 50px;
	background: #BF9C46;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 14px;
	color: #0A0A19;
}
.Contact-us-section .Contact-us-form form button:before {background: #232323; color:#DCB964;}
.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 #BF9C46;
	margin-top: 25px;
}
.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:#82550A;}
.Contact-us-section .Contact-us-title-text > ul {border-top: 1px solid #e8e9ed; padding-top:25px;}
.Contact-us-section .Contact-us-title-text > ul > li {display: block; margin: 8px 2px; color: #3C3C3C;}
.Contact-us-section .Contact-us-title-text > ul > li > i {margin-right: 12px;}
.Contact-us-section .Contact-us-title-text > ul > li > a {color: #A5690F;}
.Contact-us-section .Contact-us-title-text > ul > li > a:hover {color: #990000;}

.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: #3C3C3C;
    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: #3C3C3C; 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: #0A0A19;
  line-height: 30px;
  position: relative;
  padding: 12px 20px 12px 50px;
  text-transform: capitalize;
  font-size: 18px;
}
.inspiration-tab .panel-body {
  border: none !important;
  padding: 0 0 25px 50px;
}
.inspiration-tab .panel-body > p {
	color: #3C3C3C;
	margin: 0 0 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.inspiration-tab .panel-body > span > a {color:#A5690F; text-transform: capitalize; line-height: 28px;}
.inspiration-tab .panel-body > span > a > i {color:#A5690F; margin-right:8px;}
.inspiration-tab .panel-heading h6 a:hover {color:#A5690F;}
.inspiration-tab .panel-body > span > a:hover,
.inspiration-tab .panel-body > span > a:hover i {color:#990000;}

.inspiration-tab .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  margin: 5px 0;
}
.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 #A5690F;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  font-size: 20px;
  text-align: center;
  top:50%;
  color: #A5690F;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.inspiration-tab .panel-heading h6:hover a:before {color:#FCFCFF; background:#BF9C46; border:1px solid #BF9C46;}
.inspiration-tab .panel-heading.active-panel h6 a:before {content: '-'; color:#FCFCFF; background:#BF9C46; border:1px solid #BF9C46;}
/*==========*/
.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 #e8e9ed;
	color: #3C3C3C;
	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 #e8e9ed;
	color: #3C3C3C;
	padding: 20px;
	margin-bottom: 30px;
}
.faq-page-form-section form button {
	display: block;
	width: 190px;
	height: 50px;
	margin: 0 auto;
	color: #0A0A19;
	font-weight: 600;
	text-transform: uppercase;
	background: #BF9C46;
}
.faq-page-form-section form button:before {background: #232323; color:#DCB964;}
.faq-page-form-section form button:hover {color:#DCB964;}
.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: #3C3C3C; 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;
	vertical-align: middle;
	margin-right: 8px;
}
.faq-single-page .faq_cont > ul > li {color: #3C3C3C; 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: #3C3C3C; font-size: 18px; margin: 0 0 30px 0;}
.faq_cont > ul {margin: 0 0 30px 0;}
.faq_cont > ul > li > i {
	font-size: 8px;
	vertical-align: middle;
	margin-right: 8px;
}
.faq_cont > ul > li {color: #3C3C3C; 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: #3C3C3C; 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: #990000;
	font-weight: 600;
}
.error-pages-button-or-Search > li >a:hover {background: #232323;}
.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 #e8e9ed;}
.error-pages-button-or-Search > li > form > input {
	width: 85%;
	height: 100%;
	border: none;
	padding: 0 5%;
	color: #3C3C3C;
	float: left;
}
.error-pages-button-or-Search > li > form > button {
	width: 15%;
	height: 100%;
	background: #990000;
	border-left: 1px solid #e8e9ed;
	color: #FFFFFF;
}
.error-pages-button-or-Search >li > form > button:hover {background: #232323; 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:#FCFCFF!important;
	font-size: 30px;
	display: none;
	border:2px solid #414646;
	border-radius:2px;
}
.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: #FCFCFF!important;
	border: 2px solid #414646;
	background-color: #414646!important;
}
.scroll-inquiry i {
	font-size: 26px;
    top: -3px;
    left: 1.3px;
}
.scroll-inquiry:hover, .scroll-inquiry:active {
    border-color: #966928!important;
	background-color: #966928!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:#BF9C46; padding: 10px 0;}
.language_box {
	color: #232323;
	font-size: 0.85em;
	float: right;
	list-style: none;
	position: relative;
	z-index: 2;
	margin: 0 10px;
	padding: 0;
}
.language_box > li:first-child {float: left; margin-left: 0;}
.language_box > li {color: #232323; float: right; margin-left: 10px; position: relative; line-height: 16px;}
.language_box > li > a {color: #232323; margin-top: 1px;}
.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: 28px;
	background: #232323;
	border: 1px solid rgba(0,0,0,0.15);
}
.language_box > li.language ul a {
	display: block;
	padding: 5px;
	color: #D3D3E0;
	font-size: 0.85em;
	text-align: center;
}
.language_box > li.language ul a:hover {background-color: #0A0A19; color: #DCB964; text-decoration: none;}
.language_box .drop {display: none; list-style: none;}

.cart_col, .compare_col {
    padding: 10px;
    border-radius: 2px;
    width: 50px;
    margin: 0 15px 0 0;
}
.cart_col a > i, .compare_col a > i {
    font-size: 28px;
    position: relative;
    color: #D3D3E0;
}
.cart_col a:hover > i, .compare_col a:hover > i {color: #DCB964;}
.cart_col a > i > span, .compare_col a > i > span {
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	position: absolute;
	height: 16px;
	width: 16px;
	background-color: #DCB964;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	right: -6px;
	bottom: -6px;
	color: #0A0A19;
}
@media (max-width: 1200px) {
	.cart_col, .compare_col {
		position: fixed;
		right: 10px;
		padding: 4px 6px;
		width: 40px;
		height: 40px;
		margin: 0;
		bottom: 5px;
		z-index: 1;
		border: 2px solid #414646;
		background: #414646;
	}
	.cart_col:hover, .compare_col:hover {
		border-color: #966928!important;
		background-color: #966928!important;
		color: #FCFCFF!important;
	}
	.cart_col a > i, .compare_col a > i {font-size: 26px; color: #FCFCFF; left: -0.5px;}
	.cart_col a:hover > i, .compare_col a:hover > i {color: #FCFCFF;}
	.cart_col a > i > span, .compare_col a > i > span {right: -5px;}
	.navbar-fixed-top .cart_col, .navbar-fixed-top .compare_col {bottom: 105px;}
	.cart_col.index-cart-none, .compare_col.index-compare-none {display: none;}
}

/** Logo **/
.logo_col {width:50%!important;}

/** Table **/
table {
	background-color: #F4F4F4;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #D4D4D4!important;
	margin: 30px 0;
	color: #3C3C3C;
	clear: both;
	width: 100%;
}

th {
	padding: 12px 10px!important;
	font-size: 0.95em;
	line-height: 145%;
	border: 1px solid #D4D4D4!important;
	text-align: center;
	font-weight: bold;
	background-color: #C2C2C2;
}
td {
	padding: 12px 10px;
	font-size: 0.95em;
	line-height: 145%;
	border: 1px solid #D4D4D4!important;
	text-align: center;
}

tr:first-child > th {background-color:#232323; color:#FFFFFF;}

/*
tr:nth-child(1) {}
tr:nth-child(even) td {}
tr:nth-child(odd) td {}
*/

/** SEO Block & Keyword Tags **/
.seo_block {
	border: 1px solid #e8e9ed;
	border-radius: 4px;
	margin: 30px 0;
	padding: 25px;
}
.seo_block_full {
	border: 1px solid #e8e9ed;
	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: #757578;}
.seo_block > p,
.seo_block_full > p {color: #757578; 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: #3C3C3C; text-transform: capitalize;}
.seo_block a:hover,
.seo_block_full a:hover {color:#82550A;}

#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 #D4D4D4; padding-bottom:20px; margin-bottom: 25px; color:#757578;}
.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:#757578; border:1px solid #D4D4D4; padding:10px 15px;}
.Keyword > ul > li:hover > a,
.side_Keyword > ul > li:hover > a {color:#0A0A19; background:#BF9C46; border:1px solid #BF9C46;}

/** 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: 0.95em; color: #757578;}
.img_right_col:hover > a > img,
.img_left_col:hover > a > img,
.img_center_col:hover > a > img {opacity: 0.6;}

/** 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: #3C3C3C;
}
.sitemap-wrapper p {margin: 30px 0 40px 0;}
.sitemap-wrapper a {display:block;}
.sitemap-wrapper a:hover {color: #990000; 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;
}
.sitemap-wrapper ul li > a {text-transform: uppercase; color:#3C3C3C;}
.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:#A5690F;}

/** 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 #D4D4D4;}
.pages-button > li > a {color: #757578; font-weight: 600; line-height: 33px; padding: 0 12px;}
.pages-button > li:hover > a {color: #0A0A19; background: #BF9C46;}
.pages-button > li.active {color: #414646;}
.pages-button > li.active > a {color: #414646;}
.pages-button > li.active:hover > a {color: #0A0A19; background: #BF9C46;}

.pages-button .pagination {float:right;}
.pages-button .pagination > a {
	margin-right:8px;
	border:1px solid #D4D4D4;
	color:#757578;
	font-weight:400;
	font-size:14px;
	line-height:30px;
	padding:0 10px;
}
.pages-button .pagination > a:hover {color: #0A0A19; background: #BF9C46;}
.pages-button .pagination > a.current {color: #414646; border-color:#414646;}
.pages-button .pagination > a.current:hover {color: #0A0A19; background: #BF9C46;}
.pages-button > span.fleft {float:left; margin:20px 0; color:#757578; 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 #e8e9ed;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.multiple-search-page label {font-weight: 400; color: #3C3C3C; text-transform: capitalize;}
.multi-search-col {padding:0;}
.multi-search-col button {
	background: #BF9C46 !important;
	font-family: 'Lato', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #0A0A19;
	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: #232323; color:#DCB964;}
.multi-search-col button.hvr-bounce-to-right:hover {color:#DCB964;}

.multi-search-col select {
	width: 100%;
	height: 50px;
	border: 1px solid #e8e9ed;
	color: #3C3C3C;
	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:#82550A; margin-bottom: 15px;}
.category-intro p {margin-bottom: 30px;}
.category-intro > ul {margin: 0 0 30px 0;}
.category-intro > ul > li {color: #3C3C3C; font-weight: 700; margin-bottom: 14px;}
.category-intro > ul > li > i {font-size: 8px; vertical-align: middle; margin-right: 8px;}

.display-icon-wrapper {
	border: 1px solid #D4D4D4;
	border-right: none;
	border-left: none;
	margin: 30px 0 10px 0;
	padding: 15px 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:#757578; margin-right: 2px;}
.display-icon-wrapper > ul > li > a {color: #757578; padding: 0 4px;}
.display-icon-wrapper > ul > li > a:hover {color: #82550A;}
.display-icon-wrapper > ul > li > a.active {color:#3C3C3C;}
.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: #757578;}
.cart-page span > a:hover {color: #A5690F;}

.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 10px;}
.cart-icon-wrapper > ul > li > a {color: #A5690F; padding: 0 4px; text-transform: capitalize;}
.cart-icon-wrapper > ul > li > a > i {color:#A5690F; margin-right:8px;}
.cart-icon-wrapper > ul > li > a:hover,
.cart-icon-wrapper > ul > li > a:hover > i {color: #990000;}

.cart-item-list { overflow: hidden; border-bottom: 1px dotted #D4D4D4; padding-bottom: 10px; }
.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 #e8e9ed;
	margin: 0;
	color: #3C3C3C;
	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 #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	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 #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	border-left: 1px solid #ffffff;
	text-align: center;
}
.Table-page table td a {color: #3C3C3C;}
.Table-page table td a:hover {color: #82550A;}
.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: #e8e9ed;
	border-radius: 5px;
	color: #3C3C3C;
	padding: 10px 12px;
	margin: 4px;
}
.Table-page table tr td:last-child > ul > li > a:hover {background-color:#232323; 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: #757578;}
.Compare-page span > a:hover {color: #82550A;}
.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 #e8e9ed;
	margin: 0;
	color: #3C3C3C;
	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 #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	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 #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	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: #e8e9ed;
	border-radius: 5px;
	color: #3C3C3C;
	padding: 10px 12px;
	margin: 4px;
}
.Compare-page table tr:last-child td > ul > li > a:hover {background-color:#232323; 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: #e8e9ed;
	border-radius: 5px;
	color: #3C3C3C;
	padding: 10px 12px;
	margin: 4px;
}
table.compare-h td:last-child ul > li > a:hover {background-color:#232323; color:#ffffff;}

table img {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

/*new*/
.Compare-page table td a {
    color: #3C3C3C;
    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 #e8e9ed;
	color: #3C3C3C;
	padding: 0 20px;
	margin-bottom: 20px;
}
.Login-section .Login-form form button {
	width: 188px;
	height: 50px;
	background: #BF9C46;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'Poppins', 'Open Sans', Arial, '微軟正黑體', sans-serif;
	font-size: 14px;
	color: #0A0A19;
}
.Login-section .Login-form form button:before {background: #232323; color:#DCB964;}
.Login-section .Login-form form button:hover {color:#DCB964;}

.Login-section .Login-text span.decoration {
    display: block;
    width: 65px;
    border-top: 2px solid #BF9C46;
    margin-top: 25px;
}
.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: #82550A;
}

.section-container {
	padding:100px 0 70px;
	/*background: linear-gradient(180deg, #E1E1E1 0%, #FFFFFF 5%);*/
	background: url(/Templates/pic/bg_page.jpg) repeat-x top left;
}

/*=============== 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.6;
}
.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: #BF9C46;}
.category-index .service-v2-item .iteme-text>h3>a {color: #0A0A19; text-transform: capitalize; margin-bottom: 14px;}
.category-index .service-v2-item:hover .iteme-text>h3>a {color: #A5690F;}
.category-index .service-v2-item .iteme-text > p {color: #3C3C3C; margin: 0 0 30px 0;}
.category-index .service-v2-item .iteme-text > a {color: #0A0A19; text-transform: capitalize; font-weight: 500;}
.category-index .service-v2-item .iteme-text > a > i {color: rgba(0, 0, 0, 0.45); margin-right: 8px;}
.category-index .service-v2-item:hover .iteme-text > a {color: #0A0A19;}
.category-index .service-v2-item:hover .iteme-text > a > i {color: rgba(0, 0, 0, 0.45);}
.category-index .service-v2-item:hover .iteme-text > a:hover,
.category-index .service-v2-item:hover .iteme-text > a:hover > i {color: #A5690F;}

.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: #0A0A19;}
.content p {margin-bottom: 30px;}

.content ul,
.content ol {font-weight:bold; list-style:outside; margin:0 0 30px 0; padding:0 0 0 20px;}
.content ul > li {font-size:16px; font-weight:400; margin:4px 0; line-height:28px; list-style-type:disc;}
.content ol > li {font-size:16px; font-weight:400; margin:4px 0; line-height:28px; list-style-type:decimal;}
.content ul.not-list-style {padding:0;}
.content ul.not-list-style > li {list-style-type:none;}
.content ul.not-list-style > li > i {margin-right:8px; color:#BF9C46; font-size:14px; vertical-align:middle;} /** 聯絡資訊 icon 大小 **/
.content .display-icon-wrapper ul {margin-bottom: 0px;}
.content .display-icon-wrapper ul > li {font-weight:400; margin-bottom:0px;}
.content .display-icon-wrapper ul > li > i {margin-right:8px; font-size:8px; vertical-align:middle;}

.content h2.name {font-size:38px; line-height:50px; margin-bottom:25px;}
.content h3.name_title {font-size:22px; line-height:32px; color:#82550A; padding-top:30px;}
.content p.title {color: #3C3C3C; font-size: 18px; margin: 0 0 30px 0;}
.content span.date {display:block; color:#757578; 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: #990000;
    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: #BF9C46;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
	color:#0A0A19;
}
.content .color-show.normal a:hover {
	background: #232323;
	color:#DCB964;
	-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 #BF9C46; margin: 25px 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 #D4D4D4;
}
.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: #82550A;}

.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;
}
.tree-wrapper p {margin: 30px 0 40px 0;}
.tree-wrapper a {display:block;}
.tree-wrapper a:hover {color: #990000; 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;
}
.tree-wrapper ul li > a {text-transform: uppercase; color:#3C3C3C;}
.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:#A5690F;}

/* 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 #D4D4D4;
    border-radius:3px;
    margin:0 0 50px 0;
    padding:20px;
}
#box-6 {position: relative; margin:0 0 60px 0;}
#box-6 .rm-oesu {margin: 0;}

.rm-oesu h2 {
    font-size: 12px;
    font-weight: 600;
    color: #757578;
    line-height: 25px;
}

.rm-oesu p {
    color: #757578;
    font-size: 12px;
    margin: 15px 0;
	line-height: 25px;
}

#rm-oesulink {
    color: #757578;
    font-size: 12px;
	line-height: 25px;
    margin: 15px 0;
}

#rm-oesulink a {
    color: #757578;
    text-transform: initial;
}
#rm-oesulink a:hover {color: #A5690F;}

a.interlink {color: #A5690F; text-decoration: underline;}
a.interlink:hover {color: #990000; text-decoration: none;}

/* sitemap */
#sitemap ul.sitemap {padding-left: 20px;}
#sitemap ul.sitemap li {
    font-weight: 600;
    margin: 10px 0;
    line-height: 28px;
    list-style: disc outside;
}
#sitemap ul.sitemap li a:hover {
    color: #990000;
    padding-left: 10px;
}
#sitemap ul.sitemap li > a {
    text-transform: uppercase;
    color: #A5690F;
}
#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: #3C3C3C!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 #e8e9ed!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: #0A0A19!important;
	background-color: #BF9C46!important;
	background-image: none!important;
}
.Zebra_Form input.submit:hover {
	color: #DCB964!important;
	background-color: #232323!important;
	background-image: none!important;
}
.Zebra_Form .note {line-height: 150%!important; color: #3C3C3C!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_"] a {color: #A5690F; text-transform: initial;}
*[class^="desc_"] a:hover {color: #990000;}
*[class^="desc_"] a img {width: auto; max-width: 100%;}
*[class^="desc_"] h5 {margin-bottom: 15px; color: #0A0A19;}
*[class^="desc_"] h4 {margin:15px 0;}

/** item grid **/
#item-show {display: flex; display: -webkit-flex; flex-wrap: wrap;}

/** gallerys **/
#gallerys,
*[id^="gallerys_"] {margin-bottom: 40px;}

.icon_pdf {margin: 0 5px 2px 0;}
/** category next prev button **/
.blog_scroll.txt-1 {
    line-height: 24px;
    margin: 15px 0 0 0;
}
.blog_scroll .fleft {
    float: left!important;
}
.blog_scroll .fright {
    float: right!important;
}
.blog_scroll div a {
    margin-right: 8px;
    border: 1px solid #dcdcdc;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 600;
    line-height: 33px;
    padding: 0 12px;
}
.blog_scroll div a:hover {
    color: #DCB964;
    background: #232323;
}

/** lite menu **/
.navbar.navbar-inverse {
	margin-bottom: 0;
    background-color: #ffffff;
    border-color: #ffffff;
    min-height: 100px;
}
.navbar-fixed-top {border-bottom: 1px solid #D4D4D4!important;}
.navbar .container {margin-top: 13px;}
.navbar-brand {
	height: 70px;
    padding: 0 30px 0 15px;
}
.navbar-brand > img {
	height: auto;
	margin: 2px 0 0 0;
}
.navbar-nav {margin: 10px 0;}
.navbar-inverse .navbar-nav > li > a {
	color: #0A0A19;
	padding-top: 18px;
    padding-bottom: 18px;
	font-weight: 600;
}
.navbar-inverse .navbar-nav > li > a > b.caret {color: rgba(0,0,0,0.45);}
.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.45);}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {background-color: #BF9C46; color:#0A0A19;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {background-color: #BF9C46; color:#0A0A19;}
.navbar-inverse .navbar-nav .open > a,
.navbar-inverse .navbar-nav .open > a:focus,
.navbar-inverse .navbar-nav .open > a:hover {
    color: #0A0A19;
    background-color: #BF9C46;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #DCB964;
	color: #232323;
}
.dropdown-menu {
	padding:0;
	border-radius:0;
	border: 1px solid rgba(0,0,0,0.15);
	background-color: #BF9C46;
}
.dropdown-menu > li > a {
	padding: 12px 20px;
	text-transform: none;
	white-space: unset;
	color:#0A0A19;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color: #232323;
	color: #DCB964;
}

.navbar-nav > li.open > .dropdown-menu > li.dropdown > a:hover,
.navbar-nav > li.open > .dropdown-menu > li.dropdown.open > a {
	background-color: #232323;
	color: #DCB964;
}

.navbar-nav > li > ul.dropdown-menu-custom {
	border-radius: 0;
	min-width: 230px;
	padding: 0;
	border: 0px solid rgba(0,0,0,0.15);
}
.navbar-nav > li > ul.dropdown-menu-custom > li > ul.dropdown-menu-custom-sub {
	top: 0;
	left: 100%!important;
	min-width: 230px;
	border-radius: 0;
	padding: 0;
	border: 0px solid rgba(0,0,0,0.15);
}


@media (max-width: 991px) {
	.container { width: auto; }
	.navbar .container { margin:5px 0 0 0; }
	.navbar.navbar-inverse { min-height: 70px; }
	.navbar-brand > img {width:auto; height:55px; margin:6px 0 0 0;}
	.navbar-inverse .navbar-toggle { background-color: #232323; margin:15px 12px; }
	ul > li.dropdown > i.fa {
		float: right;
		display: block;
		line-height: 42px;
		width: 55px;
		font-size: 12px;
		color: rgba(0,0,0,0.45);
		position: absolute;
		top:8px;
		right: 0;
		text-align: center;
		cursor: pointer;
	}
	ul.dropdown-menu > li.dropdown > i.fa { top: 0; line-height: 40px; }
	ul > li.dropdown.open > i.fa {color:rgba(255,255,255,0.45);}
	.navbar-inverse .navbar-collapse { border-color: #ccc; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #0A0A19;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
	}
	ul > li.dropdown.open > ul > li.dropdown.open > a { color: #0A0A19; }
	ul > li.dropdown.open > ul > li.dropdown.open > ul > li > a { margin-left:-10px; padding-left:35px;}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #0A0A19;}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #BF9C46;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-inverse .navbar-nav .open > a, .navbar-inverse .navbar-nav .open > a:focus, .navbar-inverse .navbar-nav .open > a:hover {
		color: #DCB964;
		background-color: #232323;
	}
	.navbar-nav > li > ul.dropdown-menu-custom > li > ul.dropdown-menu-custom-sub {
		border-bottom: 1px dotted rgba(0,0,0,0.15);
		margin: 0 10px;
	}
	ul > li.dropdown.open > ul > li.dropdown.open > ul > li > a:hover {color:#DCB964; background-color: #232323;}
}

@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: #0A0A19;
	}
}

/** 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 #DCB964;
    margin: 8px 20px 0 0;
    line-height: 46px;
    text-align: center;
    opacity: 1;
    color: #DCB964
}
.carousel-caption a:before, .carousel-caption a:hover {	background-color: #DCB964; }
.carousel-caption a:hover {	color: #0A0A19; }
a.carousel-control i.fa {top: 50%;}

/** home image **/
#home-image {position: relative;}
#home-image .home-image-text {
	position: absolute;
	top: 33%;
	left: 0;
    width: 100%;
    padding: 0 20%;
}
#home-image .home-image-text a {
	max-width: 480px;
	padding: 0;
}
#home-image .home-image-text h1 {font-size:65px; line-height:75px; margin:0;}
#home-image .home-image-text h1 > span.slider-text-1 {color:#DCB964; font-weight:500; display:block;}
#home-image .home-image-text h1 > span.slider-text-2 {color:#FFFFFF; display:block;}
#home-image .home-image-text p {
	color: #D3D3E0;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-transform: none;
	margin: 10px 20px;
}

img {
	height: auto;
	width: 100%;
}
#tab_tplsys>li>a { color: #3C3C3C; }

.Zebra_Form .row img {width: auto;}

.dis_con { display: contents; }
.dis_non { display: none; }
.a_INQ {display:block; margin-bottom:20px;}

/*=============== top search ===============*/
.top_search { display: block; float: right; font-size: 0.85em; color: #232323; }
.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; }
    .navbar-collapse .search-here > button { padding-left: 0; top: 4px;}
	.navbar-collapse .search-here > input {margin-left: 5px;}
}
.language_box { margin: 2px 0 0 0; }
.language_box > li.language ul { top: 27px; }
.content .empty_wrap .search-here > button { padding: 0; }

/** Advanced Search **/
.advsearch-search {
	bottom: unset;
	z-index: unset;
	padding: 10px 15px;
	border: 2px solid #414646;
	border-radius: 2px;
	text-transform: none;
	background: #414646;
}
.advsearch-search:hover { background-color: #966928; border-color: #966928; }
.advsearch-search i { margin-right: 8px; font-size: 20px; }
@media (max-width: 1200px) {
	.advsearch-search {
		position: fixed;
		top: unset;
		bottom: 5px;
		z-index: 1;
		padding: 0;
		background: #414646;
		font-size: 22px;
		text-align: center;
		width: 40px;
		height: 40px;
		right: 10px;
	}
	.advsearch-search:hover {
        border-color: #966928!important;
        background-color: #966928!important;
        color: #FCFCFF!important;
    }
	.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 .all_conditions { text-decoration: underline; color: #757578; float: right; text-transform: initial; }
#show_adv_search_blk .all_conditions:hover { color: #82550A; }
#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: #0A0A19;
	font-weight: 600;
	line-height: 33px;
	padding: 7px 15px;
	background-color: #BF9C46;
	-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: #DCB964; background: #232323; }
#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: #D4D4D4;
	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: #0A0A19; text-transform: capitalize;}
.advsearch-search-box .form-text-item > .them-main-title > h2 > a:hover {color: #414646;}
.advsearch-search-box .form-text-item > .them-main-title > span {display: inline-block;}
.advsearch-search-box .form-text-item > p {
	color: #3C3C3C;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
}
.advsearch-search-box .form-section-opact .form-text-item > a {
	line-height: 45px;
	background: #BF9C46;
	text-align: center;
	font-weight: 600;
	margin-top: 15px;
	padding: 0 25px;
	color:#0A0A19;
}
.advsearch-search-box .form-section-opact .form-text-item > a:hover {background: #232323; color:#DCB964;}
.advsearch-search-box .form-section-opact .form-text-item.text-left {text-align: left; margin-left: 60px;}

/** menuModel **/
.menuModel {
	position: absolute;
    top: 22px;
    right: 15px;
}

/* 手機模版 */
@media (max-width: 991px) {
	/* menu全版展開 */
	.navbar-collapse {
		position: fixed;
		inset: 108px 0 0;
		z-index: 9999;
		background-color: white;
		margin: 0 !important;
	}
	.navbar-fixed-top .navbar-collapse { top: 69px; }

	/* menu icon 點擊轉成 x icon */
	.navbar-toggle .icon-bar { transition: all 0.3s ease-in-out; }
	.navbar-toggle.open { height: 35px; }
	.navbar-toggle.open .icon-bar:nth-child(2) { transform: translateY(-5.5px) rotate(-45deg); margin-top: 5px; background-color: #fff !important; }
	.navbar-toggle.open .icon-bar:nth-child(3) { opacity: 0; }
	.navbar-toggle.open .icon-bar:nth-child(4) { transform: translateY(6px) rotate(45deg); margin-top: -21px; background-color: #fff !important; }
}


/** item grid **/
#item-show {display: flex; display: -webkit-flex; flex-wrap: wrap;}
/* 讓產品分類區塊無論文字內容多寡，都自動等高 */
#item-show.display-in-grid {display:flex; flex-wrap:wrap;}
#item-show.display-in-grid [class*="col-"] {
    display: flex;
    flex-direction: column;
}
#item-show.display-in-grid .service-v2-item,
#item-show.display-in-grid .single-item-Wrapper {
    flex: 1;          /* 關鍵：讓內容自動填滿剩餘空間 */
    flex-direction: column;
	display: flex;
}
/* 將產品分類區塊中的按鈕推到容器底部 */
/* 1. 確保每一格內容容器都是滿高的 */
#item-show.display-in-grid .service-v2-item,
#item-show.display-in-grid .item-Wrapper {
    display: flex;
    flex-direction: column;
    height: 100%; /* 確保繼承父層等高的效果 */
}
/* 2. 讓文字區域變成一個垂直的 Flex 容器 */
#item-show.display-in-grid .iteme-text,
#item-show.display-in-grid .single-Text-item {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* 讓這區塊自動撐開，佔滿剩下的空間 */
}
/* 3. 讓按鈕自動推到最底部，但不撐開至與容器等寬 */
#item-show.display-in-grid a.hvr-bounce-to-right {
    margin-top: auto; /* 這行會推開上方空間 */
	display: block;
	height: auto;
}