/* Carshire - Car Repair Service HTML5 Template */


/************ TABLE OF CONTENTS ***************
1.  Fonts
2.  Reset
3.  Global
4.  Main Header
5.  Main Slider
6.  Features Section / Column View
7.  Intro section
8.  Tabs Section
9.  Testimonials Section
10. Meet Our Team
11. Latest Blog
12. Sponsors
13. Main Footer
14. Default Section
15. Gallery Tabs
16. Services Style
17. Price and Plans
18. Vertical Gallery
19. Filter Section
20. Sidebar Page / Blog Posts / Sidebar / Comments Area
21. Contact Us


**********************************************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;300;500;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@100;300;400;600;800&display=swap');

@import url('flaticon.css');
@import url('hover.css');
@import url('animate.css');
@import url('jquery.fancybox.css');
@import url('owl.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Open Sans', '微軟正黑體', sans-serif;
	font-size:16px;
	color:#292929;
	line-height:2em;
	font-weight:400;
	background:#ffffff;
}

a{
	text-decoration:none;
	cursor:pointer;	
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-family: 'Open Sans', '微軟正黑體', sans-serif;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.4em;
}

input,button,select,textarea{
	font-family: 'Open Sans', '微軟正黑體', sans-serif;	
}

/*::-webkit-input-placeholder { color:rgba(0,0,0,0.80);}
::-moz-placeholder { color:rgba(0,0,0,0.80) ;}
:-ms-input-placeholder { color:rgba(0,0,0,0.80) ;}
input:-moz-placeholder { color:rgba(0,0,0,0.80) ;}*/

p{
	position:relative;
		
}

.strike-through{
	text-decoration:line-through;	
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	min-height:400px;
	overflow:hidden;
	
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

.theme-btn{
	background: #067fcb;
	color: #fff;
	line-height: 40px;
	border-radius: 0;
	transition:all 300ms ease;
}

.center{
	text-align:center;	
}

.theme-bg{
	background-color:#087fcb;	
}

.theme-color{
	color:#087fcb;	
}

.out{
	opacity:0;	
}

.in{
	opacity:1;	
}

.uppercase{
	text-transform:uppercase !important;	
}

.capitalized{
	text-transform:capitalize !important;	
}

.lowercase{
	text-transform:lowercase !important;	
}

.no-uppercase{
	text-transform:none !important;	
}

.light-btn{
	position:relative;
	display:inline-block;
	padding:10px 30px;
	line-height:26px;
	border:1px solid transparent;
	background:#087fcb;
	margin-bottom:5px;
	color:#ffffff;
	text-transform:uppercase;
	font-family: 'Droid Sans', '微軟正黑體', sans-serif;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.dark-btn{
	position:relative;
	display:inline-block;
	padding:5px 20px;
	line-height:22px;
	font-size:14px;
	border:1px solid transparent;
	background:#067fcb;
	color:#ffffff;
	text-transform:uppercase;
}

.light-btn:hover,
.dark-btn:hover{
	background-color:#00a1e9;
	border-color:#00a1e9;
	color:#ffffff;	
}

.dark-btn.style-two{
	background:#bc3131;
}

.dark-btn.style-two:hover{
	color:#000000;
	background:#ffffff;	
}

.btn-style-one{
	position:relative;
	display:inline-block;
	overflow:hidden;
	border:1px solid #dddddd;
	background:#ffffff;
	color:#000000;
	line-height:22px;
	padding:5px 15px;
	font-size:14px;
	text-transform:uppercase;
}

.btn-style-one .fa,
.dark-btn .fa{
	position:relative;
	font-size:16px;
	padding-right:15px;	
}

.btn-style-one:hover{
	background-color:#00a1e9;
	border-color:#00a1e9;
	color:#ffffff;	
}

.default-btn{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:8px 24px;
	font-size:14px;
	text-transform:uppercase;
	margin:0px 10px;
	color:#000000;
	border:1px solid #dddddd;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.default-btn:hover{
	color:#ffffff !important;	
}

.default-btn::before{
	background-color:#3d3d3d;	
}

.color-white{
	color:#ffffff !important;
}

.color-grey{
	color:#292929 !important;
}

.no-margin{
	margin:0px !important;	
}

.no-float{
	float:none !important;	
}

.skew-lines{
	position:relative;
	font-size:18px;
	padding-left:60px;	
}

.skew-lines:before{
	content:'';
	position:absolute;
	left:10px;
	top:5px;
	width:10px;
	height:20px;
	background:#36404b;
	transform:skewX(-35deg);
	-webkit-transform:skewX(-35deg);
	-moz-transform:skewX(-35deg);
	-ms-transform:skewX(-35deg);
	-o-transform:skewX(-35deg);	
}

.skew-lines:after{
	content:'';
	position:absolute;
	left:24px;
	top:5px;
	width:10px;
	height:20px;
	background:#00a1e9;
	transform:skewX(-35deg);
	-webkit-transform:skewX(-35deg);
	-moz-transform:skewX(-35deg);
	-ms-transform:skewX(-35deg);
	-o-transform:skewX(-35deg);	
}

.padd-top-20{
	padding-top:20px !important;	
}

.padd-top-30{
	padding-top:30px !important;	
}

.padd-top-40{
	padding-top:40px !important;	
}

.padd-bott-20{
	padding-bottom:20px !important;	
}

.padd-bott-30{
	padding-bottom:30px !important;	
}

.padd-bott-40{
	padding-bottom:40px !important;	
}

.no-padd-bottom{
	padding-bottom:0px !important;	
}

.no-padd-top{
	padding-top:0px !important;	
}

.no-margin-bottom{
	margin-bottom:0px !important;	
}

.no-margin-top{
	margin-bottom:0px !important;	
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.GIF);}

.sec-title{
	position:relative;
	margin-bottom:30px;
	padding-bottom:12px;
}

.sec-title h3 {
	position: relative;
	z-index: 2;
	display: block;
	padding-bottom: 1.5rem;
	font-size:32px;
	text-transform:capitalize;
	font-weight:600;	
}

.sec-title:after { position: absolute; z-index: 1; left: 50%; top: 60%; display: block; content: attr(data-text); text-transform: uppercase; transform: translate(-50%,-50%); }
.sec-title:after { font-family: "Play", sans-serif; font-size: 42px; font-weight: 100; color: rgb(0 161 233 / 15%); }
/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:relative;
	width:100%;
	left:0px;
	top:0px;
	z-index:999;
	background:#ffffff;
	transition:all 300ms ease;
	border-bottom: 1px solid #dedede;
	box-shadow: 0 .5rem 4rem 0 #00000012;
}

.main-header .header-top{
	position:relative;
	height: 4px;
	background:#4475ae;
	transition:all 300ms ease;
	
}

.fixed-top-header .header-top{
	padding:0px 0px;
}

.fixed-top-header{
	position:fixed;	
	box-shadow: 0 1rem 6rem 0 rgba(0,0,0,.25);
}

.main-header .logo {
	position:relative;
	transition:all 300ms ease;
}
.main-header .logo a { display: block; padding: 10px 15px; transition: .3s; }
.main-header .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;	
	max-height: 60px;
	transition: .3s;
}
.main-header.fixed-top-header .logo a { padding: 5px 15px; }
.main-header.fixed-top-header .logo img {
	max-height: 50px;
}

.main-header .header-top .search-form .form{
	position:relative;
	margin-top:25px;
	padding-left:30px;	
}

.main-header .header-top .form input[type="text"],
.main-header .header-top .form input[type="password"]{
	position:relative;
	display:block;
	width:100%;
	height:40px;
	line-height:24px;
	font-size:13px;
	padding:7px 50px 7px 15px;
	border:1px solid #cccccc;
	background:#ffffff;
}

.main-header .header-top .form select{
	position:relative;
	display:block;
	width:100%;
	height:40px;
	line-height:24px;
	font-size:13px;
	padding:7px 15px;
	border:1px solid #cccccc;
	border-right:none;
	color:#888888;
	background:#ffffff url(../images/icons/icon-down.png) center right no-repeat;
	cursor:pointer;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
}

.main-header .header-top .form-group{
	position:relative;
	float:left;
	margin-bottom:10px;	
}

.main-header .header-top .medium{
	width:150px;	
}

.main-header .header-top .form button{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	background:#000000;
	line-height:40px;
	color:#ffffff;
	font-size:14px;	
}

.main-header .header-top .form button:hover{
	background:#00a1e9;	
}

.main-header .header-top .large{
	width:320px;	
}

.main-header .header-top .user-links{
	position:relative;
	margin-top:25px;
}

.main-header .header-top .user-links a{
	position:relative;
	text-transform:uppercase;
	font-size:13px;
	line-height:30px;
	padding:5px 0px;
	display:inline-block;
	margin:0px 5px;
	color:#565656;	
}

.main-header .header-top .user-links a:hover,
.main-header .header-top .user-links a.active{
	color:#00a1e9;	
}

.main-header .header-lower{
	position:relative;
	padding:0px 0px;
	background:#fff;
}
.main-header .header-lower .container-fluid { padding-left: 0; padding-right: 0; }

.main-menu{
	position:relative;
	z-index:5;
	padding: 0;
}

.main-menu .navbar-collapse{
	padding:0px 0px;	
}

.main-menu .navbar-collapse > ul > li{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:10px;
	top:50%;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	text-align:center;
	z-index:5;
	transform: translateY(-50%);
	transition: .3s;
}
.main-menu .navbar-collapse > ul > li.dropdown > a:hover:after,
.main-menu .navbar-collapse > ul > li.dropdown.current > a:after {
	color: #fff;
}

.main-menu .navbar-collapse > ul > li > a{
	position:relative;
	display:block;
	font-size:16px;
	line-height:40px;
	padding: 20px 15px;
	color:#000;
	background:none;
	overflow:hidden;
	text-transform:uppercase;
	transition:all 300ms ease;
}

.main-menu .navbar-collapse > ul > li.dropdown > a{
	padding:20px 30px 20px 14px;
}

.main-menu .navbar-collapse > ul > li:hover > a,
.main-menu .navbar-collapse > ul > li.current > a,
.main-menu .navbar-collapse > ul > li.current-menu-item > a{
	color:#fff;
	background: #00a1e9;
	background-blend-mode: multiply;
}

.main-menu .navbar-collapse > ul > li > a > span {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid transparent;
}
.main-menu .navbar-collapse > ul > li.current > a > span {
	border-bottom-color: #00A1E9;	
}
.main-menu .navbar-collapse > ul > li > a > span > b {
	position: relative;
	display: block;
	transition: .3s;
}
.main-menu .navbar-collapse > ul > li > a > span > b:before {
	position: absolute;
	top: 100%;
	display: block;
	content: attr(data-menu);
	font-weight: bold;
	color: #fff;
	transition: .3s;
}
.main-menu .navbar-collapse > ul > li > a:hover > span > b { transform: translateY(-100%); }


.main-menu .navbar-collapse > ul > li > ul{
    position: absolute;
    display: block;
    width: 210px;
    top: 120%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background: #00a1e9;
	border-radius:0px 0px 5px 5px;
}

.main-menu .navbar-collapse > ul > li:hover > ul{
	top:100%;
	opacity: 1;
    visibility: visible;
    transition:all 400ms ease 100ms;
}

.main-menu .navbar-collapse > ul > li > ul > li{
	position:relative;
	display:block;
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.main-menu .navbar-collapse > ul > li > ul li.dropdown:after{
	font-family: 'FontAwesome';
	content:'\f0da';
	position:absolute;
	right:7px;
	top:7px;
	width:20px;
	height:20px;
	display:block;
	color:#00a1e9;
	line-height:20px;
	font-size:16px;
	text-align:center;
	z-index:5;	
}

.main-menu .navbar-collapse > ul > li > ul > li:last-child{
	border:none;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	background:url(../images/icons/submenu-icon.png) center center no-repeat;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
	border-radius:3px;
}

.main-menu .navbar-collapse > ul > li > ul > li > a {
    display: block;
    line-height: 24px;
    font-size: 14px;
	color:#ffffff;
	padding:7px 15px;
	background:none;
	transition: all 300ms ease;
}
 
.main-menu .navbar-collapse > ul > li > ul > li:hover > a {
	background:rgba(255,255,255,0.30);
	padding-left:20px;
}

.main-menu .navbar-collapse > ul > li > ul > li > ul{
    position: absolute;
    display: block;
    width: 210px;
    top: -1px;
    left: 120%;
    opacity: 0;
    visibility: hidden;
    background: #00a1e9;
	border:1px solid rgba(255,255,255,0.50);
	border-radius:0px 5px 5px 5px;
}

.main-menu .navbar-collapse > ul > li > ul > li:hover > ul{
	opacity: 1;
	left:100%;
    visibility: visible;
    transition:all 400ms ease 100ms;
	-moz-transition:all 400ms ease 100ms;
	-webkit-transition:all 400ms ease 100ms;
	-ms-transition:all 400ms ease 100ms;
	-o-transition:all 400ms ease 100ms;
}

.main-menu .navbar-collapse > ul > li > ul > li > ul > li{
	position:relative;
	display:block;
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.main-menu .navbar-collapse > ul > li > ul > li > ul > li:last-child{
	border:none;	
}

.main-menu .navbar-collapse > ul > li > ul > li > ul > li > a {
    display: block;
    line-height: 24px;
    font-size: 14px;
	color:#ffffff;
	padding:7px 15px;
	background:none;
	transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
}
 
.main-menu .navbar-collapse > ul > li > ul > li > ul > li:hover > a {
	background:rgba(255,255,255,0.30);
	padding-left:20px;
}

.main-header.fixed-top-header .main-menu .navbar-collapse > ul > li > a,
.main-header.fixed-top-header .main-menu .navbar-collapse > ul > li.dropdown > a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.header-lower .social-outer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header-lower .social-links{
	position:relative;
	text-align:right !important;
	display: flex;
	justify-content: flex-start;
}

.header-lower .social-links a{
	position:relative;
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	background:#2a323a;
	color:#ffffff;
	font-size:16px;
	line-height:50px;
	transition:all .3s ease-out;
}
.header-lower .social-links a.social-facebook { background: #3B5998; }
.header-lower .social-links a.social-twitter { background: #1CB7EB; }
.header-lower .social-links a:hover{
	background:#00a1e9;	
}
.main-header .top-links img { transition: .3s; }
.main-header.fixed-top-header .top-links img { max-width: 60px; }
.main-header.fixed-top-header .header-lower .social-outer { padding-top: 5px; }
.main-header .top-links a { display: inline-block; width: 3.2rem; height: 3.2rem; text-align: center; line-height: 3.2rem; color: #000; }
.main-header .top-links a:hover { background: #00a1e9; color: #fff; }

/*** 

====================================================================
	Why Us style
====================================================================

***/

.why-us{
	position:relative;
	padding:50px 0px 10px;
	background:#ffffff;
}

.why-us .title-box{
	position:relative;
	padding:0px 0px 0px 24px;
	border-left:3px solid #00a1e9;
	margin-bottom:15px;
}

.why-us .title-box h3{
	font-size:28px;
	line-height:1.3em;	
}

.why-us .title-box h4{
	font-size:18px;
	line-height:1.6em;	
}

.why-us .text-content{
	position:relative;
	margin-bottom:20px;
}

.why-us .text-content .text{
	font-size:14px;
	padding-left:24px;	
}

.why-us .box{
	position:relative;
	margin-bottom:25px;	
}

.why-us .box .tab-link {
	position:relative;
	display:block;
	border:1px solid #cccccc;
	padding:16px 20px 16px 90px;
	font-size:14px;
	color:#292929;
}

.why-us .box .tab-link .arrow{
	position:absolute;
	right:0px;
	bottom:0px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	line-height:30px;
	background:#00a1e9;	
}

.why-us .box .tab-link:hover .arrow{
	background:#999999;	
}

.why-us .box .tab-link *{
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.why-us .box .tab-link.active-btn,
.why-us .box .tab-link:hover{
	background:#36404b;
	color:#ffffff;
	border-color:#36404b;	
}

.why-us .box .tab-link .icon{
	position:absolute;
	left:20px;
	top:28px;
	width:70px;
	height:70px;
	color:#00a1e9;
	font-size:42px;	
}

.why-us .box .tab-link.active-btn .icon,
.why-us .box .tab-link:hover .icon{
	color:#ffffff;	
}

.why-us .box .tab-link h4{
	font-size:16px;
	margin-bottom:0px;
}

.why-us .box .tab-link p{
	font-size:14px;
	color:#a7a7a7;
	margin-bottom:0px;
}

.why-us .box .tab-link.active-btn p,
.why-us .box .tab-link:hover p{
	color:#ffffff;	
}

/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider{
	position:relative;
	color:#ffffff;
	font-size:15px;
}

.main-slider .grey-title{
	position:relative;
	padding:10px 20px;
	background:rgba(54,64,75,0.85);
	color:#ffffff;	
}

.main-slider .white-title{
	position:relative;
	padding:10px 20px;
	background:rgba(255,255,255,0.85);
	color:#00a1e9;	
}

.main-slider h2{
	font-size:48px;
	line-height:1.2em;
	font-weight:300;
}

.main-slider .tp-bullets{
	display:none;	
}


.main-slider:after,
.page-banner:after,
.main-slider:before,
.page-banner:before{
	content:'';
	position:absolute;
	display:block;
	width:50%;
	height:1px;
	bottom:-1px;
	z-index:1;
}

.main-slider:after,
.page-banner:after{
	left:50%;
	background:#cccccc;
}

.main-slider:before,
.page-banner:before{
	left:0%;
	background:#00a1e9;
}

/*** 

====================================================================
	Featured Posts
====================================================================

***/

.featured-posts{
	position:relative;
	background:#ffffff;
	padding:30px 0px;
}

.column-view{
	position:relative;	
}

.column-view .column-box{
	position:relative;
	margin-bottom:30px;
}

.column-view .column-box .inner-box{
	position:relative;
	display:block;
	max-width:450px;
	margin:0 auto;
	border: 3px solid #dddddd;
	transition: all .3s ease-out .3s;
}

.column-view .column-box .inner-box:hover{
	border-color:#00a1e9;
	transform: translateY(-1rem);
	box-shadow: 0 2rem 4rem -2rem rgba(0,0,0,0.35);
}

.column-view .column-box .image{
	position:relative;
	overflow:hidden;
	box-shadow: inset 0 0 10rem 0 #00000021;
    background: #efefef;
    border-bottom: 1px solid #dedede;	
}
.column-view .column-box .image img { max-width: 100%; }
.column-view .column-box .image a {
	position:relative;
	display:block;
	width:100%;
	transition:all .3s ease-out .3s;
	mix-blend-mode: multiply;
}

.column-view .column-box .inner-box:hover .image a {
	transform:scale(1.1,1.1);
}

.column-view .column-box .image .tags{
	position:absolute;
	right:0px;
	bottom:0px;
	padding:10px 15px;
	color:#ffffff;
	background:#00a1e9;
	font-size:14px;
	font-weight:600;
	line-height: 1.2;
	z-index:1;
}

.column-view .column-box .image .tags sup{
	font-size:18px;
	padding-right:5px;	
}

.column-view .column-box .post-content{
	position:relative;
	padding:15px 20px 20px;	
}

.column-view .column-box .post-content h3{
	font-size:17px;
	margin-bottom:15px;
	line-height:1.4;
	text-transform:uppercase;
	font-weight:700;	
}

.column-view .column-box .post-content h3 a{
	color:#292929;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	min-height: 2.8em;
}

.column-view .column-box .post-content h3 a:hover{
	color:#00a1e9;	
}

.column-view .column-box .text-center .theme-btn{
	float:none;
	display:inline-block;
}

.column-view .column-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	padding:30px 24px 10px;
	overflow:auto;
	color:#ffffff;
	z-index:3;
	background:#00a1e9 url(../images/icons/price-table-header.png) -50px -50px no-repeat;
	opacity:0;
	transition:opacity .3s ease;
	-webkit-transition:opacity .3s ease;
	-ms-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	
}

.column-view .column-box:hover .overlay-box{
	opacity:1;
	-ms-animation-name: flipInX;
	-moz-animation-name: flipInX;
	-op-animation-name: flipInX;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-ms-animation-duration: 800ms;
	-moz-animation-duration: 800ms;
	-op-animation-duration: 800ms;
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;		
}

.column-view .column-box .overlay-box .skew-lines:before,
.column-view .column-box .overlay-box .skew-lines:after{
	background:#ffffff;
	height:18px;
}

.column-view .column-box .overlay-box .skew-lines{
	color:#ffffff;
	margin-bottom:20px;
	padding-left:50px;	
}

.column-view .column-box .overlay-box .text{
	position:relative;
	font-size:14px;
}

/*** 

====================================================================
	Featured Services
====================================================================

***/

.featured-services{
	position:relative;
	padding: 60px 0px 60px;
	background-color: #304f73;
	background-image: url(../images/background/texture-4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-blend-mode: overlay;
}

.featured-services .column-box .inner-box,
.column-view .column-box .inner-box {
	background:#ffffff;
	
}

.featured-services .column-box .text-center .theme-btn,
.column-view .column-box .text-center .theme-btn {
	float:none;
	vertical-align:middle;
	flex: 1;
}

.featured-services .column-box .text-center,
.column-view .column-box .text-center {
	display: flex;
	gap: 1.5rem;
}


/*** 

====================================================================
	Featured Services
====================================================================

***/

.gallery-section{
	position:relative;
	padding:40px  0px 50px;
	background:#ffffff;
}

.gallery-section .slide-item{
	position:relative;
	overflow:hidden;
	margin-top:15px;
	border:1px solid #00a1e9;		
}

.gallery-section .image-box img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.gallery-section .overlay{
	position:absolute;
	left:0px;
	top:-100%;
	width:100%;
	height:100%;
	background:url(../images/icons/icon-plus-2.png) center 40% no-repeat;
	background-color:rgba(0,0,0,1);
	opacity:0;
	z-index:2;
	transition:all .3s ease;
	-webkit-all:opacity .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-moz-transition:all .3s ease;
}

.gallery-section .slide-item:hover .overlay{
	opacity:0.80;
	top:0px;
}

.gallery-section .item-caption{
	position:absolute;
	left:0px;
	bottom:-100%;
	width:100%;
	text-align:center;
	color:#ffffff;
	padding:10px 15px;
	background-color:rgba(0,0,0,0.50);
	font-size:14px;
	z-index:3;
	opacity:0;
	color:#00a1e9;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-moz-transition:all .3s ease;
	border-top:2px solid #00a1e9;
}

.gallery-section .slide-item:hover .item-caption{
	opacity:1;
	bottom:0px;
}

.gallery-section .item-caption p{
	position:relative;
	font-size:14px;
	margin:0px;
	color:#ffffff;	
}

.gallery-section .item-caption h4{
	font-size:14px;	
}

.gallery-section .owl-stage-outer{
	overflow:visible;	
}

/*** 

====================================================================
	Intro Section style
====================================================================

***/

.intro-section{
	position:relative;
	color:#ffffff;
	padding:40px 0px;
	background:#fc6565;
}

.intro-section.theme-two{
	background:#36404b;	
}

.intro-section.theme-two .dark-btn{
	background-color:#545c66;	
}

.intro-section.theme-two .dark-btn:hover{
	background:#ffffff;
	border-color:#ffffff;
	color:#292929;
}

.intro-section .border{
	position:relative;
	border:1px solid rgba(255,255,255,0.50);
	padding:40px 25px;
	background:#fb4e4e;
}

.intro-section.theme-two .border{
	background:#2c333b;
}

.intro-section h3{
	font-size:24px;
	text-transform:uppercase;
}

/*** 

====================================================================
	Tabs Section style
====================================================================

***/

.tabs-section{
	position:relative;
	padding:40px 0px 0px;
	background:#ffffff;
}

.tabs-box .buttons-side{
	position:relative;
	float:right !important;
	margin-bottom:30px;
}

.tabs-box .tab-buttons{
	position:relative;	
}

.tabs-box .tab-buttons li{
	position:relative;
	margin-bottom:20px;	
}

.tabs-box .tab-buttons .tab-btn {
	position:relative;
	display:block;
	border:1px solid #cccccc;
	padding:20px 20px 20px 90px;
	font-size:14px;
	color:#292929;
}

.tabs-box .tab-buttons .tab-btn *{
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.tabs-box .tab-buttons .tab-btn.active-btn,
.tabs-box .tab-buttons .tab-btn:hover{
	background:#36404b;
	color:#ffffff;
	border-color:#36404b;	
}

.tabs-box .tab-buttons .tab-btn .icon{
	position:absolute;
	left:20px;
	top:28px;
	width:70px;
	height:70px;
	color:#00a1e9;
	font-size:42px;	
}

.tabs-box .tab-buttons .tab-btn.active-btn .icon,
.tabs-box .tab-buttons .tab-btn:hover .icon{
	color:#ffffff;	
}

.tabs-section .tab-buttons .tab-btn h4{
	font-size:16px;
	margin-bottom:0px;
}

.tabs-box .tab-buttons .tab-btn p{
	font-size:14px;
	color:#a7a7a7;
	margin-bottom:0px;
}

.tabs-box .tab-buttons .tab-btn.active-btn p,
.tabs-box .tab-buttons .tab-btn:hover p{
	color:#ffffff;	
}

.tabs-box .tabs-content{
	position:relative;
	float:left !important;
}

.tabs-box .tab-title{
	position:relative;
	margin-bottom:20px;	
}

.tabs-box .tab-title h2{
	font-size:36px;
	margin-bottom:10px;	
}

.tabs-box .tab-title h3{
	font-size:22px;
	color:#00a1e9;
	margin-bottom:0px;	
}

.tabs-box .tab .text{
	position:relative;
	margin-bottom:30px;
	line-height:1.8em;
	color:#565656;
}

.tabs-box .tab .list{
	position:relative;
	margin-bottom:30px;
	line-height:1.5em;
}

.tabs-box .tab .list ul li{
	position:relative;
	line-height:30px;
	padding-left:30px;
	margin-bottom:15px;
}

.tabs-box .tab .list ul li:before{
	font-family: 'FontAwesome';
	content: "\f00c";
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	height:30px;
	line-height:30px;
	padding-right:15px;
	font-size:18px;
	color:#00a1e9;	
}

.tabs-box .tab{
	position:relative;
	display:none;
	left:20px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;	
}

.tabs-box .tab.active-tab{
	display:block;
	left:0px;	
}

/*** 

====================================================================
	Testimonials Section style
====================================================================

***/

.testimonials-section{
	position:relative;
	padding:30px 0px 0px;
	background:url(../images/background/texture-map.png) center center no-repeat;
	background-color:#3d3d3d;
}

.testimonials-section .sec-title {
	border:none;
	color:#ffffff;
}

.testimonials-section .sec-title h3{
	display:inline-block;
	padding:0px 0px 10px;
	border-bottom:2px solid #00a1e9;	
}

.testimonials-section.theme-two .sec-title h3{
	border-bottom:2px solid #ffffff;	
}

.testimonials-section.theme-two{
	background-color:#00a1e9;	
}

.testimonials-section .testimonials-slider{
	position:relative;
}

.testimonials-section .testimonials-slider .slide-item{
	position:relative;
	margin:50px 0px 0px 0px;
	border:1px solid #00a1e9;
	background:#ffffff;
	text-align:center;
}

.testimonials-section .testimonials-slider .image-box{
	position:relative;
	width:80px;
	height:80px;
	margin:-40px auto 0px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
}

.testimonials-section .testimonials-slider .image-box img{
	position:relative;
	width:80px;
	height:80px;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
}

.testimonials-section .slide-item h3{
	position:relative;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	color:#000000;
	font-weight:600;
	margin:0px 5px 20px 0px;	
}

.testimonials-section .rating{
	position:relative;
	display:inline-block;
	vertical-align:middle;	
}

.testimonials-section .rating .star{
	position:relative;
	display:inline-block;
	width:20px;
	height:16px;
	background:url(../images/icons/star-icon.png) center center no-repeat;	
}

.testimonials-section .slide-text{
	position:relative;
	font-size:14px;
	color:#565656;
	font-style:italic;
	line-height:2em;
	padding:20px;	
}

.testimonials-section .column-carousel.three-column .owl-nav{
	display:none !important;	
}

.testimonials-section .column-carousel.three-column .owl-controls{
	position:relative;
	text-align:center;
	padding:20px 0px;
	top:0px;	
}

.testimonials-section .column-carousel.three-column .owl-dots{
	display:block !important;
}

.testimonials-section .column-carousel.three-column .owl-dot span{
	background:#909090;
	
}

.testimonials-section .column-carousel.three-column .owl-dot span:hover,
.testimonials-section .column-carousel.three-column .owl-dot.active span{
	background:#00a1e9;
	
}

.testimonials-section.theme-two .column-carousel.three-column .owl-dot span{
	background:#fbf948;
	
}

.testimonials-section.theme-two .column-carousel.three-column .owl-dot span:hover,
.testimonials-section.theme-two .column-carousel.three-column .owl-dot.active span{
	background:#ffffff;
	
}

/*** 

====================================================================
	Contact Options style
====================================================================

***/

.contact-options{
	position:relative;
	padding:0px;
	background-color:#ffffff;
	border-bottom:3px solid #00a1e9;
}

.contact-options .info-box{
	position:relative;
	float:right;
	padding:7px 20px;
	background:#00a1e9;
	color:#ffffff;	
}

.contact-options .info-box li{
	display:inline-block;
	min-width:200px;
	padding-right:30px;
	font-size:14px;	
}

.contact-options .info-box li a{
	color:#ffffff;	
}

.contact-options .info-box li a:hover{
	opacity:0.80;	
}

.contact-options .info-box li .fa{
	font-size:16px;
	padding-right:10px;
}

/*** 

====================================================================
	Our Team style
====================================================================

***/

.team-section{
	position:relative;
	padding:50px 0px 30px;
	background:#ffffff;
}

.column-carousel.four-column{
	margin-top:-15px;	
}

.column-carousel.four-column .column-box{
	padding-top:15px;
	padding-bottom:15px;	
}

.team-box{
	margin-bottom:0px !important;	
}

.team-box .social-links{
	position:absolute;
	right:0px;
	bottom:0px;
	padding-right:42px;
	width:100%;	
}

.team-box .social-links .plus-btn{
	position:absolute;
	right:0px;
	bottom:0px;
	width:42px;
	height:42px;
	background:#00a1e9 url(../images/icons/icon-plus.png) center center no-repeat;
	cursor:pointer;
	z-index:3;
}

.team-box .social-links .links{
	position:absolute;
	right:-220px;
	bottom:0px;
	transition:all 1000ms ease;
	-webkit-transition:all 1000ms ease;
	-ms-transition:all 1000ms ease;
	-o-transition:all 1000ms ease;
	-moz-transition:all 1000ms ease;
	z-index:1;
}

.team-box .social-links:hover .links{
	right:46px;	
}

.team-box .social-links li{
	position:relative;
	display:inline-block;
	margin:0px;	
}

.team-box .social-links li a{
	position:relative;
	display:block;
	width:42px;
	height:42px;
	padding:10px;
	text-align:center;
	font-size:16px;
	line-height:20px;
	color:#ffffff;
	background:#00a1e9;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.team-box .social-links li a:hover{
	background:#36404b;	
}

.team-box h3{
	text-transform:capitalize !important;
	margin-bottom:5px !important;
}

.team-box .occupation{
	font-size:16px;
	color:#00a1e9;
	text-transform:capitalize;
	margin-bottom:5px;	
}

.column-carousel .owl-dots{
	display:none !important;	
}

.column-carousel .owl-controls{
	position:absolute;
	right:0px;
	top:-60px;
}

.column-carousel.two-column .owl-controls{
	top:-75px;
}

.column-carousel .owl-controls .owl-next{
	position:absolute;
	right:0px;
	top:-24px;
	width:48px;
	height:48px;
	text-indent:100px;
	overflow:hidden;
	border:1px solid #dddddd;
	margin:0px !important;
	background:#ffffff url(../images/icons/arrow-next.png) center center no-repeat !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-o-border-radius:0px !important;
	-moz-border-radius:0px !important;
}

.column-carousel .owl-controls .owl-prev{
	position:absolute;
	right:58px;
	top:-24px;
	width:48px;
	height:48px;
	text-indent:100px;
	overflow:hidden;
	border:1px solid #dddddd;
	margin:0px !important;
	background:#ffffff url(../images/icons/arrow-prev.png) center center no-repeat !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-o-border-radius:0px !important;
	-moz-border-radius:0px !important;
}

.column-carousel .owl-controls .owl-next:hover,
.column-carousel .owl-controls .owl-prev:hover{
	border-color:#00a1e9;	
}

/*** 

====================================================================
	Blog Section style
====================================================================

***/

.news-section{
	position:relative;
	padding:50px 0px 30px;
	background-color: #fcfcfc;
}

.news-section .column-box .inner-box{
	display: flex;
	flex-direction: column;
	background: #fff;
}

.news-section .column-box .post-content{
	padding:20px;	
}

.news-section .column-box .post-title{
	text-transform:capitalize !important;
}
.sec-title.color-white:after { color: rgb(255 255 255 / 35%); }

.news-section .column-box .date {
	position: absolute;
	left: 0; bottom: 0;
	padding: 1.5rem;
	display: flex;
	align-items: center;
	font-size:14px;
	color: #fff;
	background: #3b5998;
}
.news-section .column-box .date big { padding-right: 1rem; font-size: 32px; font-weight: bold; border-right: 1px solid #cdcdcd; }
.news-section .column-box .date .year { padding-left: 1rem; }
.news-section .column-box .date .year small { display: block; line-height: 1; }

.news-section .column-box .text{
	position:relative;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom:20px;
	font-size:13px;
	color:#686868;
	line-height: 1.6;
	min-height: 4.8em;
}

.news-section .column-box .theme-btn{
	float:none;
	margin:0px;	
}

.blog-section {
	padding: 60px 0;
	background-color: #278381;
	background-image: url(../images/background/texture-8.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-blend-mode: overlay;
}
.blog-section .column-box .inner-box { display: flex; flex-direction: row; align-items: center; gap: 1.5rem; max-width: unset; padding: 0.6rem; background: #fff; }
.blog-section .column-box .inner-box .image { flex: 0 0 120px; }
.blog-section .column-box .inner-box .post-content { padding: 0; }
.blog-section .column-box .inner-box .post-content h3 { margin: 0; font-size: 14px; }
.blog-section .column-box .inner-box .post-content h3 a { transition: all .3s ease-out .3s; }
.blog-section .column-box .inner-box .post-content .date { color: #00a1e9; font-size: 12px; transition: all .3s ease-out .3s; }
.blog-section .column-box .inner-box:hover { background: #039e9a; border-color: #039e9a; }
.blog-section .column-box .inner-box:hover .post-content,
.blog-section .column-box .inner-box:hover .post-content h3,
.blog-section .column-box .inner-box:hover .post-content h3 a,
.blog-section .column-box .inner-box:hover .post-content .date { color: #fff !important; }

.blog-flex { display: flex; flex-wrap: wrap; gap: 3rem; }
.blog-flex .items .inner-box .image { border-bottom: 0; }
.blog-flex .items .column-box .inner-box .post-content h3 { margin: 0.5rem 0 0; }
.blog-flex .items:first-child { flex: 0 0 calc(45% - 1.5rem); }
.blog-flex .items:first-child .inner-box { flex-direction: column; padding: 2rem; }
.blog-flex .items:first-child .inner-box .image { flex: 1 1 100%; }
.blog-flex .items:first-child .inner-box .image img { width: 100%; }
.blog-flex .items:first-child .inner-box .post-content h3 { margin-bottom: 0; font-size: 16px; }
.blog-flex .items:last-child { flex: 1 1 calc(55% - 1.5rem); }
.blog-flex .items:last-child .column-box { margin-bottom: 2rem; }
.blog-flex .items .column-box .inner-box .post-content .date { color: #039e9a; }

/*** 

====================================================================
	Sponsors Style
====================================================================

***/

.sponsors{
	position:relative;
	text-align:center;
	background:#ffffff;
	padding:22px 0px;
	border-top:1px solid #d0d0d0;	
}

.sponsors .auto-container{
	padding-left:30px;
	padding-right:30px;	
}
	
.sponsors .slider{
	position:static;
}

.sponsors .slider .owl-stage-outer{
	z-index:10;		
}

.sponsors li img{
	position:relative;
	display:inline-block !important;
	width:auto !important;
	max-width:100% !important;
	opacity:0.80;
	transition:all 300ms ease-in;
	-webkit-transition:all 300ms ease-in;
	-ms-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
	-moz-transition:all 300ms ease-in;	
}

.sponsors li img:hover{
	opacity:1;	
}

.sponsors .owl-dots{
	display:none !important;	
}

.sponsors .owl-controls{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:3;
	margin:0px !important;
	opacity:0.40;	
}

.sponsors:hover .owl-controls{
	opacity:1;	
}

.sponsors .owl-controls .owl-prev{
	position:absolute;
	left:20px;
	top:50%;
	margin:0px !important;
	width:50px;
	height:50px;
	border:1px solid #3d3d3d;
	font-size:0px;
	overflow:hidden;
	text-indent:100px;
	transform: translateY(-50%);
	background: #fff url(../images/icons/arrow-prev.png) center center no-repeat !important;
}

.sponsors .owl-controls .owl-next{
	position:absolute;
	right:20px;
	top:50%;
	margin:0px !important;
	width:50px;
	height:50px;
	border:1px solid #3d3d3d;
	font-size:0px;
	overflow:hidden;
	text-indent:100px;
	transform: translateY(-50%);
	background: #fff url(../images/icons/arrow-next.png) center center no-repeat !important;
}

/*** 

====================================================================
	Main Footer style
====================================================================

***/

.main-footer{
	position:relative;
	background:#36404b;
}

.main-footer .footer-upper{
	position:relative;
	padding: 40px 0px;	
}

.main-footer .footer-upper .col-md-3{
	position:relative;
	margin-bottom:25px;	
}

.main-footer .footer-upper .footer-widget{
	position:relative;
	max-width:600px;
		
}


.main-footer .footer-upper h3{
    position: relative;
    font-size: 18px;
    margin-bottom: 25px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
}

.main-footer .footer-upper .text{
    position: relative;
    font-size: 14px;
    font-family: 'Droid Sans', '微軟正黑體', sans-serif;
    margin-bottom: 10px;
    color: #ffffff;
    line-height: 25px;
}

.main-footer .footer-upper .info{
	position:relative;
	font-size:14px;
}

.main-footer .footer-upper .info li{
	position:relative;
	margin-bottom:5px;
	line-height:1.7em;
	color:#ffffff;	
}

.main-footer .footer-upper .info li strong{
	position:relative;
	padding-right:10px;
	font-weight:500;
	color:#ffffff;	
}

.main-footer .footer-upper a{
	color:#00a1e9;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.main-footer .footer-upper a:hover{
	color:#11c3f0!important;	
}

.main-footer .footer-upper .links{
	position:relative;
	font-size:16px;
}

.main-footer .footer-upper .links li{
	position:relative;
	line-height:30px;
	overflow:hidden;	
}

.main-footer .footer-upper .links li a{
	position:relative;
	display:block;
	color:#ffffff;
	font-size: 14px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.main-footer .footer-upper .links li a:hover{
	color:#00a1e9 !important;
}

.main-footer .footer-upper .links li a i {
	color: #00a1e9;
	margin-right: 7px;
	font-size: 17px;
}
.main-footer .footer-upper .newsletter-widget .form{
	position:relative;
	padding-top:15px;
	margin-bottom:40px;
}

.main-footer .footer-upper .newsletter-widget .form-group{
	position:relative;
	display:block;
	margin:0px;
}

.main-footer .footer-upper .newsletter-widget input,
.main-footer .footer-upper .newsletter-widget textarea {
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:8px 40px 8px 15px;
	color:#292929;
	font-size:15px;
	background:#ffffff;
	border:1px solid #ddd;
	transition: all .3s ease;
}
.main-footer .footer-upper .newsletter-widget input:focus,
.main-footer .footer-upper .newsletter-widget textarea:focus {
	border:1px solid #00a1e9;	

}

.main-footer .footer-upper .newsletter-widget button{

	line-height:24px;
	padding:8px 5px;
	text-align:center;
	font-size:14px;
	color:#ffffff;
	background:#00a1e9;
	border: 1px solid #00a1e9;
	float: right;
	padding: 5px 10px;
	transition: all .3s;
}
.main-footer .footer-upper .newsletter-widget button:hover {
	color: #00a1e9;
}
.main-footer .footer-upper .newsletter-widget button:before{
	background:#fff;	
}

.main-footer .footer-bottom{
	position:relative;
	padding:5px 0px;
	font-size:14px;
	line-height:20px;
	background:#2c343d;
	color:#ffffff;	
}

.main-footer .footer-bottom .copyright{
	padding:12px 0px;	
}

.main-footer .social-links{
	position:relative;
	text-align:left;
	padding-bottom:6px;	
}

.main-footer .social-links a{
	position:relative;
	display:inline-block;
	width:36px;
	height:32px;
	text-align:center;
	background:#2c343d;
	color:#ffffff;
	font-size:16px;
	line-height:32px;
	margin:9px 2px 0px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;	
}

.main-footer .social-links a:hover{
	background:#00a1e9;	
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:83px;
	right:20px;
	width:48px;
	height:48px;
	color:#ffffff;
	border-radius: 100%;
	background:#087fcb url(../images/icons/arrow-up.png) center center no-repeat;
	font-size:20px;
	line-height:48px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	display:none;	
}

.scroll-to-top:hover{
	background-color:#00a1e9;
	color:#ffffff;
}

/*** 

====================================================================
	Default Section Style
====================================================================

***/

.default-section{
	position:relative;
	width:100%;
	padding:50px 0px 30px;
	background:#ffffff;
}

.default-content{
	position:relative;
	margin-bottom:40px;	
}

.default-content h2{
	font-size:26px;
	font-weight:400;
	font-family:'Montserrat', '微軟正黑體', sans-serif;
	margin-bottom:10px;
	text-transform:uppercase;	
}

.default-content h3{
	font-size:22px;
	font-weight:300;
	margin-bottom:20px;
	color:#00a1e9;	
}

.default-content .text{
	position:relative;
	font-size:16px;
	margin-bottom:10px;
	color:#565656;
}

.default-section .column-box .text-center .theme-btn{
	margin:0px !important;
	float:none !important;
}

/*** 

====================================================================
	Gallery Tabs Style
====================================================================

***/

.gallery-tabs{
	position:relative;
	width:100%;
	padding:0px 0px;
	background:#ffffff;
}

.gallery-tabs .tabs-two{
	position:static;
	min-height:540px;	
}

.gallery-tabs .tabs-two .buttons-side{
	position:relative;
	float:right !important;
	margin-bottom:30px;
}

.gallery-tabs .tabs-two .tab-buttons{
	position:relative;	
}

.gallery-tabs .tabs-two .tab-buttons li{
	position:relative;
	margin-bottom:24px;	
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn{
	position:relative;
	display:block;
	border:1px solid #cccccc;
	padding:20px 20px 20px 90px;
	font-size:14px;
	color:#292929;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn *{
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn.active-btn,
.gallery-tabs .tabs-two .tab-buttons .tab-btn:hover{
	background:#36404b;
	color:#ffffff;
	border-color:#36404b;	
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn .icon{
	position:absolute;
	left:20px;
	top:28px;
	width:70px;
	height:70px;
	color:#00a1e9;
	font-size:42px;	
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn.active-btn .icon,
.gallery-tabs .tabs-two .tab-buttons .tab-btn:hover .icon{
	color:#ffffff;	
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn h4{
	font-size:16px;
	margin-bottom:0px;
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn p{
	font-size:14px;
	color:#a7a7a7;
	margin-bottom:0px;
}

.gallery-tabs .tabs-two .tab-buttons .tab-btn.active-btn p,
.gallery-tabs .tabs-two .tab-buttons .tab-btn:hover p{
	color:#ffffff;	
}

.gallery-tabs .tabs-two .buttons-side{
	z-index:2;	
}

.gallery-tabs .tabs-two .tabs-content{
	position:absolute;
	left:0px;
	top:0px;
	padding:0px 80px 0px 0px;
	height:540px;
}

.gallery-tabs .tabs-two .tab{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:540px;
	padding-right:80px;
	left:20px;
	opacity:0;
	visibility:hidden;
	z-index:-1;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;		
}

.gallery-tabs .tabs-two .tab.active-tab{
	left:0px;
	opacity:1;
	visibility:visible;
	z-index:3;
}

.gallery-tabs .tabs-two .slide-item{
	position:relative;
	height:530px;
	width:100%;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;	
}

.gallery-tabs .tabs-two .slide-item .lightbox-image{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:3;
	background:#00a1e9;
	opacity:0;
	transition:all .3s ease-in;
	-webkit-transition:all .3s ease-in;
	-ms-transition:all .3s ease-in;
	-o-transition:all .3s ease-in;
	-moz-transition:all .3s ease-in;
}

.gallery-tabs .tabs-two .slide-item .lightbox-image:hover{
	opacity:0.25;
}

.gallery-tabs .tabs-two .bx-controls{
	position:absolute;
	right:92px !important;
	bottom:62px !important;
	z-index:5;	
}

.gallery-tabs .tabs-two .bx-controls .bx-next{
	position:absolute;
	right:0px;
	top:0px;
	width:42px;
	height:42px;
	text-indent:100px;
	overflow:hidden;
	border:1px solid #292929;
	margin:0px !important;
	background:url(../images/icons/arrow-next.png) center center no-repeat !important;
	background-color:rgba(255,255,255,0.75) !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-o-border-radius:0px !important;
	-moz-border-radius:0px !important;
}

.gallery-tabs .tabs-two .bx-controls .bx-prev{
	position:absolute;
	right:52px;
	top:0px;
	width:42px;
	height:42px;
	text-indent:100px;
	overflow:hidden;
	border:1px solid #292929;
	margin:0px !important;
	background:#ffffff url(../images/icons/arrow-prev.png) center center no-repeat !important;
	background-color:rgba(255,255,255,0.75) !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-o-border-radius:0px !important;
	-moz-border-radius:0px !important;
}

.gallery-tabs .tabs-two .bx-controls .bx-next:hover,
.gallery-tabs .tabs-two .bx-controls .bx-prev:hover{
	border-color:#00a1e9;
	background-color:rgba(255,255,255,1) !important;	
}


/*** 

====================================================================
	Services Section Style
====================================================================

***/

.services-section{
	position:relative;
	background:#ffffff;
	padding:40px 0px 0px;
}

.services-section .post{
	position:relative;
	margin-bottom:50px;	
}

.services-section .post .post-title{
	position:relative;
	font-size:18px;
	margin-bottom:20px;
	font-weight:600;
	padding:15px 0px 0px 70px;	
}

.services-section .post .icon{
	position:absolute;
	left:0px;
	top:8px;
	font-size:50px;
	color:#00a1e9;
	line-height:32px;
	width:70px;	
}

.services-section.theme-two .post .icon{
	color:#36404b;	
}

.services-section .post .inner{
	position:relative;
	max-width:540px;
	margin:0 auto;
}

.services-section .post .text{
	position:relative;
	font-size:15px;
	color:#565656;
}

/*** 

====================================================================
	Price Plans Style
====================================================================

***/

.price-plans{
	position:relative;
	padding:30px 0px 10px;	
}

.price-plans .table-column{
	position:relative;
	margin-bottom:30px;
	padding:0px 15px;
	text-align:center;
}

.price-plans .table-inner{
	position:relative;
	border:1px solid #d0d0d0;
	background:#ffffff;
	padding:0px;
	width:100%;
	margin:0 auto;
}

.price-plans .table-column .table-header{
	position:relative;
	margin-left:-1px;
	margin-right:-1px;
	padding:30px 10px;
	letter-spacing:2px;
	background:url(../images/icons/price-table-header.png) right center no-repeat;
	background-color:#00a1e9;
	transition:all 700ms ease-in-out;
	-webkit-transition:all 700ms ease-in-out;
	-ms-transition:all 700ms ease-in-out;
	-o-transition:all 700ms ease-in-out;
	-moz-transition:all 700ms ease-in-out;		
}

.price-plans .table-column .table-inner:hover .table-header{
	background-position:left center;
	background-color:#36404b;	
}

.price-plans .table-column .table-header h3{
	font-size:18px;
	line-height:1.8em;
	text-transform:uppercase;
	color:#ffffff;
}

.price-plans .price-column{
	position:relative;
	padding:25px;
}

.price-plans .price .amount{
	position:relative;
	display:block;
	font-size:70px;
	font-weight:700;
	text-align:center;
	line-height:1.2em;
	margin-bottom:0px;
}

.price-plans .price .amount sup{
	font-size:50px;
	padding-right:5px;	
}

.price-plans .price p{
	color:#8f8f8f;
	font-size:14px;
	margin-bottom:0px;
	text-transform:uppercase;
}

.price-plans .list{
	position:relative;
	padding:0px 0px 30px;
	border-top:1px dashed #d0d0d0;
}

.price-plans .list h3{
	font-size:18px;
	margin-bottom:10px;	
}

.price-plans .list li{
	position:relative;
	padding:12px 0px;
	line-height:30px;
	color:#7f7f7f;
	border-bottom:1px dashed #d0d0d0;
}

.price-plans .recommended .table-inner .price p,
.price-plans .recommended .table-inner .list li,
.price-plans .table-inner:hover .price p,
.price-plans .table-inner:hover .list li,
.price-plans .recommended .table-inner .amount,
.price-plans .recommended .table-inner .list h3{
	color:#36404b;	
}

.price-plans .list li:before{
	font-family: 'FontAwesome';
	content:'\f00c';
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;
	width:25px;
	height:20px;
	text-align:left;
	line-height:30px;
	font-size:16px;
	color:#00a1e9;	
}

.price-plans .recommended .list li:before,
.price-plans .table-inner:hover .list li:before{
	color:#36404b;	
}

.price-plans .read-more{
	position:relative;
	display:inline-block;
	width:auto;
	font-size:14px;
	text-transform:uppercase;
	line-height:24px;
	padding:7px 20px;
	margin-bottom:30px;
	color:#ffffff;
	background:#00a1e9;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.price-plans .read-more .fa{
	position:relative;
	padding-right:15px;
	top:0px;
	font-size:18px;	
}

.price-plans .read-more:before{
	background-color:#36404b;	
}

.price-plans .recommended .read-more,
.price-plans .table-inner:hover .read-more{
	background:#36404b;
}

/*** 

====================================================================
	Price Plans Section style
====================================================================

***/

.vertical-gallery{
	position:relative;
	background:#ffffff;
	padding:0px 0px;	
}

.ms-tabs-vertical-template .ms-nav-next {
	position:absolute;
	display:block;
	right:12px;
	bottom:12px;
	margin:0px !important;
	width:42px;
	height:42px;
	text-indent:100px;
	overflow:hidden;
	border:1px solid #292929;
	background:url(../images/icons/arrow-next.png) center center no-repeat !important;
	background-color:rgba(255,255,255,0.75) !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-o-border-radius:0px !important;
	-moz-border-radius:0px !important;
	z-index:5;
	cursor:pointer;
	opacity:1 !important;
}

.ms-tabs-vertical-template .ms-nav-prev{
	position:absolute;
	display:block;
	right:62px;
	bottom:12px;
	margin:0px !important;
	width:42px;
	height:42px;
	text-indent:100px;
	overflow:hidden;
	border:1px solid #292929;
	background:#ffffff url(../images/icons/arrow-prev.png) center center no-repeat !important;
	background-color:rgba(255,255,255,0.75) !important;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-o-border-radius:0px !important;
	-moz-border-radius:0px !important;
	z-index:5;
	cursor:pointer;
	opacity:1 !important;
}

.ms-tabs-vertical-template .ms-nav-next:hover,
.ms-tabs-vertical-template .ms-nav-prev:hover{
	border-color:#00a1e9;
	background-color:rgba(255,255,255,1) !important;	
}

.vertical-gallery .slide-desc{
	position:absolute;
	left:0px;
	bottom:-20px;
	font-size:14px;
	margin-bottom:20px;
	background:#00a1e9;
	color:#ffffff;
	padding:20px 20px 10px 90px;
	opacity:1 !important;	
}

.vertical-gallery .slide-desc .icon{
	position:absolute;
	left:20px;
	top:20px;
	font-size:50px;
	color:#ffffff;
	line-height:50px;
	width:60px;	
}

.vertical-gallery .slide-desc h4{
	font-size:16px;
	font-weight:600;
}

.vertical-gallery .slide-desc p{
	font-size:14px;
	margin-bottom:0px;
}

.ms-vertical-template .ms-thumb-frame-selected{
	opacity:0.60 !important;	
}

/*** 

====================================================================
	Our Features style
====================================================================

***/

.features-section{
	position:relative;
	padding:40px 0px 30px;
	background:#ffffff;
}

.features-section .column-box{
	margin-bottom:0px;	
}


/*** 

====================================================================
	Page Banner style
====================================================================

***/

.page-banner{
	position:relative;
	padding:80px 0px 0px;
	background-color:#36404b;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.page-banner .page-title{
	position:relative;
	margin-bottom:35px;
	text-align:center;	
}

.page-banner .page-title h1{
	position:relative;
	display:inline-block;
	padding:5px 15px;
	font-size:40px;
	font-weight:300;
	color:#00a1e9;
	text-transform:uppercase;
	background:rgba(255,255,255,0.80);	
}

.page-banner .bread-crumb{
	position:relative;
	line-height:24px;
	padding-bottom:10px;	
}

.page-banner .bread-crumb a,
.page-banner .bread-crumb span{
	position:relative;
	display:inline-block;
	margin:0px 5px 0px 0px;
	color:#ffffff;
	font-size:14px;	
}

.page-banner .bread-crumb a:hover{
	color:#00a1e9;	
}

.page-banner .bread-crumb a:after{
	font-family: 'FontAwesome';
	content:'\f105';
	position:relative;
	display:inline-block;
	left:0px;
	top:0px;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	font-size:16px;	
}

/*** 

====================================================================
	Filters Section style
====================================================================

***/

.filter-section{
	position:relative;
	background:#ffffff;
	padding:50px 0px 20px;	
}

.filter-section.page-section .sec-title {
	margin: 0 0 3rem 0;	
}

.about-section.page-section.page-section .sec-title h3,
.news-section.page-section .sec-title h3,
.video-section.page-section .sec-title h3,
.filter-section.page-section .sec-title h3,
.blog-section.page-section .sec-title h3,
.contact-section.page-section .sec-title h3,
.inquiry-section.page-section .sec-title h3,
.links-section.page-section .sec-title h3 {
	position: relative;
	padding: 0 0 0 4rem;
	color: #00a1e9;
	font-weight: 700;
	font-family: "Montserrat", "微軟正黑體", sans-serif;
}
.about-section.page-section .sec-title h3:before,
.news-section.page-section .sec-title h3:before,
.video-section.page-section .sec-title h3:before,
.filter-section.page-section .sec-title h3:before,
.blog-section.page-section .sec-title h3:before,
.contact-section.page-section .sec-title h3:before,
.inquiry-section.page-section .sec-title h3:before,
.links-section.page-section .sec-title h3:before {
	position: absolute;
	left: 0; top: 50%;
	display: block;
	content: "";
	width: 8px; height: 24px;
	background: #000;
	transform: skew(335deg) translateY(-50%);
}
.about-section.page-section .sec-title h3:after,
.news-section.page-section .sec-title h3:after,
.video-section.page-section .sec-title h3:after,
.filter-section.page-section .sec-title h3:after,
.blog-section.page-section .sec-title h3:after,
.contact-section.page-section .sec-title h3:after,
.inquiry-section.page-section .sec-title h3:after,
.links-section.page-section .sec-title h3:after {
	position: absolute;
	left: 8px; top: 50%;
	display: block;
	content: "";
	width: 8px; height: 24px;
	background: #00a1e9;
	transform: skew(335deg) translateY(-50%);
}

.filter-section .filter-tabs{
	float:right;	
}

.filter-section .filter-tabs li{
	position:relative;
	float:left;
	margin:0px 15px 10px 0px;
	padding:4px 20px;
	font-size:15px;
	text-transform:uppercase;
	color:#36404b;
	cursor:pointer;
	background:#ffffff;
	border:1px solid #dddddd;	
}

.filter-section .filter-tabs li:hover,
.filter-section .filter-tabs li.active{
	background:#36404b;
	color:#ffffff;
	border-color:#36404b;
}

.filter-section .filter-list{
	position:relative;	
}

.filter-section .filter-list .column-box{
	position:relative;
	display:none;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	-moz-transition:all .3s ease;
	margin-bottom:50px !important;	
}

.pagination { display: inline-flex; gap: 2px; margin: 0 auto; background: #ddd; border: 1px solid #ddd; border-radius: 0; }
.pagination li{ border: 0; }
.pagination li a{ padding:10px 18px; font-size:15px; color:#292929; border-radius: 0 !important; }
.pagination li:hover a,
.pagination li.current a{ background:#00a1e9; color:#ffffff; }


/*** 

====================================================================
	Side Bar Page Style
====================================================================

 ***/
 
.sidebar-page{
	position:relative;
	padding:50px 0px;	
}

.sidebar-page .left-content{
	position:relative;
}

.sidebar-page .side-bar{
	position:relative;
}

.sidebar-page .post{
	position:relative;
	margin-bottom:60px;	
}

.sidebar-page .post .post-image{
	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom:30px;
}

.sidebar-page .post .post-image img{
	position:relative;
	width:100%;
	min-height:160px;
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}

.sidebar-page .post .post-image:hover img,
.sidebar-page .post-detail .post-image img{
	transform:scale(1.05,1.05);
	-webkit-transform:scale(1.05,1.05);
	-ms-transform:scale(1.05,1.05);
	-o-transform:scale(1.05,1.05);
	-moz-transform:scale(1.05,1.05);	
}

.sidebar-page .post .overlay{
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:100%;
	height:100%;
	z-index:2;
}

.sidebar-page .post .overlay .icon{
	position:absolute;
	right:-52px;
	bottom:0px;
	display:block;
	text-align:center;
	width:42px;
	height:42px;
	z-index:3;
	opacity:0;
	font-size:18px;
	line-height:40px;
	color:#ffffff;
	background:#00a1e9;
	border:1px solid #ffffff;
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	border-radius:5px 0px 0px 0px;
	-webkit-border-radius:5px 0px 0px 0px;
	-ms-border-radius:5px 0px 0px 0px;
	-moz-border-radius:5px 0px 0px 0px;
	-o-border-radius:5px 0px 0px 0px;
}

.sidebar-page .post:hover .post-image .overlay .icon{
	right:0px;
	opacity:1;	
}

.sidebar-page .post .caption{
	position:absolute;
	left:-90px;
	top:0px;
	width:90px;
	color:#ffffff;
	text-align:center;
	z-index:5;
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;	
}

.sidebar-page .post:hover .caption,
.sidebar-page .post-detail .caption{
	left:0px;	
}

.sidebar-page .post .caption .date{
	position:relative;
	background:#00a1e9;
	padding:20px 0px 10px;
	font-size:15px;
	text-transform:uppercase;
}

.sidebar-page .post .caption .day{
	font-size:38px;
	display:block;
	margin-bottom:10px;
	color:#ffffff;
}

.sidebar-page .post .caption .comments{
	padding:10px 0px;
	background:#36404b;
	font-size:14px;	
}

.sidebar-page .post .caption .comments .fa{
	font-size:18px;	
}

.sidebar-page .post .post-title{
	font-size:18px;
	font-weight:600;
	margin:0px 0px 10px;
}

.sidebar-page .post .post-title a{
	color:#292929;	
}

.sidebar-page .post .post-title a:hover{
	color:#00a1e9;	
}

.sidebar-page .post .content-box{
	padding:25px 30px;
	border:1px solid #cccccc;	
}

.sidebar-page .post .post-info{
	position:relative;
	font-size:14px;
	margin-bottom:10px;
}

.sidebar-page .post .post-info a{
	color:#00a1e9;	
}

.sidebar-page .post .post-text{
	font-size:16px;
	color:#565656;
	margin-bottom:15px;
	line-height:2em;
}

.sidebar-page .post-detail h2{
	font-size:30px;
	margin:0px 0px 30px;
}

.sidebar-page .post-detail .text{
	margin:30px 0px;
}

.sidebar-page .post-detail{
	font-family:'Droid Sans','Open Sans',sans-serif;
	font-size:15px;
}

.sidebar-page blockquote{
	font-size:15px;
	padding-top:0px;
	padding-bottom:0px;
	border-left-color:#00a1e9;	
}

.sidebar-page .blog-detail a,
.sidebar-page blockquote a{
	color:#00a1e9;	
}

.sidebar-page .blog-detail p{
	margin-bottom:24px;	
}

.sidebar-page .social-links{
	position:relative;	
}

.sidebar-page .social-links a{
	position:relative;
	display:inline-block;
	width:36px;
	height:32px;
	text-align:center;
	background:#f1f1f1;
	color:#bcbcbc;
	font-size:16px;
	line-height:32px;
	margin:9px 2px 0px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;	
}

.sidebar-page .social-links a:hover{
	background:#00a1e9;
	color:#ffffff;
}

.sidebar-page .social-links strong{
	font-size:16px;
	font-weight:600;
	line-height:36px;
	text-transform:capitalize;
	padding-right:40px;	
}

.sidebar-page .about-author{
	position:relative;
	padding:30px;
	border:1px solid #dddddd;
	margin-bottom:40px;	
}

.sidebar-page .about-author h3{
	margin-bottom:30px;
	font-size:20px;
}

.sidebar-page .about-author .author-info{
	margin-bottom:20px;	
}

.sidebar-page .about-author .author-info strong{
	font-weight:600;	
}

.sidebar-page .about-author .author-desc{
	position:relative;
	padding:10px 10px 10px 100px;
}

.sidebar-page .about-author .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:84px;
	height:84px;	
}

.sidebar-page .about-author .author-thumb img{
	width:100%;
	display:block;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page .comments-area{
	position:relative;	
}

.sidebar-page .comments-area .comment-box{
	position:relative;	
}

.sidebar-page .comments-area .comment{
	position:relative;
	margin:0px 0px 50px 0px;
	padding:0px 0px 10px 110px;	
}

.sidebar-page .comments-area .reply-comment{
	margin-left:50px;	
}

.sidebar-page .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:84px;
	height:84px;	
}

.sidebar-page .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page .comments-area .comment-info{
	margin-bottom:10px;
	color:#bcbcbc;	
}

.sidebar-page .comments-area .comment-box strong{
	color:#292929;
	font-weight:600;	
}

.sidebar-page .comments-area .reply-btn{
	position:absolute;
	right:0px;
	top:-10px;	
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.sidebar-page .comment-form{
	position:relative;	
}

.sidebar-page .comment-form .sec-title{
	margin-bottom:30px;
}

.sidebar-page .comment-form .msg-text{
	margin-bottom:40px;
	color:#565656;
}

.sidebar-page .comment-form .form-group{
	position:relative;
	display:block;
	padding:0px 0px;
	margin-bottom:16px;	
}

.sidebar-page .comment-form .form-group .form-label{
	display:block;
	margin-bottom:12px;
	font-weight:600;	
}

.sidebar-page .comment-form input[type="text"],
.sidebar-page .comment-form input[type="password"],
.sidebar-page .comment-form input[type="email"],
.sidebar-page .comment-form input[type="tel"],
.sidebar-page .comment-form input[type="number"],
.sidebar-page .comment-form input[type="file"],
.sidebar-page .comment-form input[type="url"],
.sidebar-page .comment-form select,
.sidebar-page .comment-form textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:12px 20px;
	font-size:14px;
	color:#292929;
	border:1px solid #dddddd;
	background:#ffffff;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
}

.sidebar-page .comment-form input[type="text"]:focus,
.sidebar-page .comment-form input[type="password"]:focus,
.sidebar-page .comment-form input[type="email"]:focus,
.sidebar-page .comment-form input[type="tel"]:focus,
.sidebar-page .comment-form input[type="number"]:focus,
.sidebar-page .comment-form input[type="file"]:focus,
.sidebar-page .comment-form input[type="url"]:focus,
.sidebar-page .comment-form select:focus,
.sidebar-page .comment-form textarea:focus{
	border-color:#292929;	
}

.sidebar-page .comment-form input.error,
.sidebar-page .comment-form textarea.error{
	border-color:#ff0000 !important;
	background:rgba(252,90,27,0.05);
}

.sidebar-page .comment-form label.error{
	display:none !important;	
}

.sidebar-page .comment-form textarea{
	height:272px;
	resize:none;
	margin-bottom:20px;	
}

.sidebar-page .comment-form button{
	background:#36404b;
	padding:10px 20px;
}

.sidebar-page .comment-form button:before{
	background:#00a1e9;	
}

.sidebar-page .pagination a{
	position:relative;
	display:block;
	line-height:20px;
	padding:12px 16px;
	font-size:16px;
	color:#292929;
	background:#ffffff;
	border:none;
	font-weight:600;
	border-radius:0px !important;
	-webkit-border-radius:0px !important;
	-ms-border-radius:0px !important;
	-o-border-radius:0px !important;
	-moz-border-radius:0px !important;	
}

.sidebar-page .pagination a:hover,.sidebar-page .pagination a.active{
	background:#00a1e9;
	color:#ffffff;
}

/*** 

====================================================================
	Side Bar Style
====================================================================

 ***/

.side-bar .widget{
	position:relative;
	margin-bottom:50px;
}

.side-bar .search-form input[type="search"],
.side-bar .search-form input[type="text"]{
	position:relative;
	width:100%;
	line-height:24px;
	padding:8px 48px 8px 15px;
	border:1px solid #dddddd;
	background:#ffffff;
	color:#2d2d2d;
	height:42px;
	font-size:14px;
	color:#292929;
}

.side-bar .search-form input[type="search"]:focus,
.side-bar .search-form input[type="text"]:focus{
	border-color:#00a1e9;	
}

.side-bar .search-form .form-group{
	position:relative;	
}

.side-bar .search-form button{
	position:absolute;
	right:1px;
	top:1px;
	line-height:24px;
	display:block;
	width:44px;
	height:40px;
	padding:8px 10px;
	text-align:center;
	font-size:16px;
	color:#ffffff;
	background:#36404b;	
}

.side-bar .search-form button:hover{
	background:#00a1e9;	
}

.side-bar .sec-title{
	margin-bottom:30px;	
}


.side-bar .tags a{
	position:relative;
	display:inline-block;
	margin:0px 8px 10px 0px;
	line-height:20px;
	padding:5px 20px;
	font-size:14px;
	background:#bcbcbc;
	color:#ffffff;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
}

.side-bar .tags a:hover{
	color:#ffffff;
	background:#00a1e9;	
}

.side-bar .latest-updates .update-box{
	position:relative;
	padding:20px 20px;
	border:1px solid #dddddd;
	font-size:14px;
	line-height:1.8em;
	color:#565656;
}

.side-bar .latest-updates h4{
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
	color:#292929;	
}

.side-bar .latest-comments .comment{
	position:relative;
	margin-bottom:20px;
}

.side-bar .latest-comments .comment-info{
	font-size:14px;
	font-weight:400;
	margin-bottom:10px;
	color:#292929;	
}

.side-bar .latest-comments .comment-info a{
	color:#00a1e9;	
}

.side-bar .latest-comments .comment .comm-box{
	position:relative;
	padding:20px 20px 10px;
	border:1px solid #dddddd;
	font-size:15px;
	line-height:2em;
	color:#565656;
}

.side-bar .latest-comments .comment .comm-box p a{
	position:relative;
	color:#565656;
}

.side-bar .latest-comments .comment .comm-box p a:hover{
	color:#00a1e9;	
}

.side-bar .latest-comments .comment .read-more{
	position:relative;
	display:inline-block;
	width:30px;
	height:20px;
	background:url(../images/icons/arrow-next.png) center right no-repeat;	
}

.side-bar .latest-posts .post{
	position:relative;
	font-size:15px;
	margin-bottom:40px;
	min-height:70px;
	padding:0px 0px 0px 90px;
}

.side-bar .latest-posts .post .post-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
	height:70px;	
}

.side-bar .latest-posts .post .post-thumb img{
	width:100%;
	display:block;	
}

.side-bar .latest-posts .post h4{
	font-size:16px;
	font-weight:600;
	margin-bottom:10px;
	color:#292929;	
}

.side-bar .latest-posts .post a{
	color:#00a1e9;	
}

.side-bar .latest-posts .post h4 a{
	color:#292929;	
}

.side-bar .latest-posts .post .fa{
	font-size:18px;	
}

.side-bar .cont-info .cont-box{
	position:relative;
	padding:20px 20px;
	border:1px solid #dddddd;
	font-size:14px;
	line-height:1.8em;
	color:#565656;
}

.side-bar .cont-info .cont-box .text{
	position:relative;
	font-size:15px;
	margin-bottom:16px;
	color:#565656;
}

.side-bar .cont-info .cont-box .info{
	position:relative;
	font-size:16px;
}

.side-bar .cont-info .cont-box .info li{
	position:relative;
	margin-bottom:5px;
	line-height:1.7em;
	color:#565656;
	font-size:15px;	
}

.side-bar .cont-info .cont-box .info li strong{
	position:relative;
	padding-right:8px;
	font-weight:500;
	color:#292929;	
}

.side-bar .cont-info .cont-box .info li a{
	color:#00a1e9;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;	
}

.side-bar .cont-info .cont-box .info li a:hover{
	color:#11c3f0 !important;	
}

/*** 

====================================================================
	Contact Us Style
====================================================================

 ***/

.contact-form{
	position:relative;	
}

.contact-form .sec-title{
	margin-bottom:30px;
}

.contact-form .msg-text{
	margin-bottom:40px;
	color:#565656;
}

.contact-form .form-group{
	position:relative;
	display:block;
	padding:0px 0px;
	margin-bottom:16px;	
}

.contact-form .form-group .form-label{
	display:block;
	margin-bottom:12px;
	font-weight:600;	
}

.contact-form input[type="text"],
.contact-form input[type="password"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="number"],
.contact-form input[type="file"],
.contact-form input[type="url"],
.contact-form select,
.contact-form textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:12px 20px;
	font-size:14px;
	color:#292929;
	border:1px solid #dddddd;
	background:#ffffff;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="password"]:focus,
.contact-form input[type="email"]:focus,
.contact-form input[type="tel"]:focus,
.contact-form input[type="number"]:focus,
.contact-form input[type="file"]:focus,
.contact-form input[type="url"]:focus,
.contact-form select:focus,
.contact-form textarea:focus{
	border-color:#292929;	
}

.contact-form input.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;
	background:rgba(252,90,27,0.05);
}

.contact-form label.error{
	display:none !important;	
}
.contact-form label.required:after { display: inline; content: "*"; margin-left: .5rem; color: #f44336; }

.contact-form textarea{
	resize:none;
	margin-bottom:20px;	
}

.contact-form button{
	background:#36404b;
	padding:10px 20px;
}

.contact-form button:before{
	background:#00a1e9;	
}

.map-location{
	position:relative;
	width:100%;
	height:500px;	
}


/**
* Header Top Infos Styles.
**/
.header-top-infos  {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.header-top-infos > li {
    border-right: 1px solid #D3D3D3;
    padding: 0 18px;
}
.header-top-infos > li:last-child {
	padding-right: 0;
	border: none;
}
.header-top-infos {
	font-size: 16px;
	line-height: 20px;
	color: #36404B;
}
.header-top-infos p {
	margin: 0px;
}
.header-top-infos .top-links {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-bottom: 1rem;
}
.header-top-infos .top-links:last-child {
	margin-bottom: 0;
}
.header-top-infos .top-links i {
	color: #00A1E9;
}
.header-top-infos .top-links p b {
	display: block;
}
.header-top-infos .top-links p a {
	display: block;
	white-space: nowrap;
	font-size: 14px;
	color: #36404B;
}
.support-widget .links { display: flex; flex-wrap: wrap; }
.support-widget .links li { width: 33.3333333%; }

.theme-btn.icon-btn { display: flex !important; padding: 0; overflow: hidden; }
.theme-btn.icon-btn .fas { flex: 0 0 40px; height: 40px; text-align: center; line-height: 40px; background: rgba(0,0,0,0.15); transform: translateX(0%); transition: .3s; }
.theme-btn.icon-btn span { flex: 1 1 auto; text-align: center; font-size: 15px; line-height: 40px; font-weight: bold; transition: .3s; }
.theme-btn.icon-btn:hover .fas,
.theme-btn.icon-btn:focus .fas { transform: translateX(-100%); }
.theme-btn.icon-btn:hover span,
.theme-btn.icon-btn:focus span { transform: translateX(-20px);}

.top-righter { display: flex; justify-content: flex-end; align-items: center; gap: 1rem; padding-top: 1rem; }
.main-header.fixed-top-header .top-righter { padding-top: 5px; }
.top-inquiry a,
.top-inquiry a span { display: block; }
.top-inquiry a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60px; height: 60px; background: #32b990; color: #fff; text-align: center; }
.top-inquiry a span { font-size: 13px; line-height: 1.2; }
.top-inquiry a .fas { font-size: 20px; padding-bottom: 8px; }
.top-inquiry b { margin-left: .5rem; }

.main-footer .footer-upper .footer-widget.contact-widget .text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.main-breadcrumb { padding: 1rem 0; background: #ebf7fc; font-size: 14px; }
.main-breadcrumb a:after { display: inline; content: "/"; margin: 0 .6rem; color: #ccc; }
/* About */
.card { margin-bottom: 3rem; }
.card.borded { padding: 3rem; border: 2px solid #ddd; background-color: #ffffff88; }
.card .title { position: relative; z-index: 2; margin-bottom: 2rem; }
.card .title h2 { font-size: 24px; font-weight: 700; }
.card .text { position: relative; z-index: 3; }
.card .text ul { padding-left: 3rem; }
.card .text ul li { list-style: disc; }
.flex-box { display: flex; gap: 3rem; }
.flex-box .card { flex: 1; position: relative; }
.flex-box .card:after { position: absolute; z-index: 1; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #00000033; }
.about-section { padding: 60px 0; }
.about-section .card b { font-weight: 700; font-family: "Montserrat", "微軟正黑體", sans-serif; color: #00a1e9; }

@media(max-width: 480px) {
	.main-footer { margin-bottom: 46px; }
	.flex-box { flex-wrap: wrap; }
	.flex-box .card { flex: 1 1 100%; margin-bottom: 0; }
	.top-righter { display: block !important; }
	.top-righter .top-links { display: none; }
	.top-inquiry { position: fixed; left: 0; bottom: 0; right: 0;}
	.top-inquiry a { flex-direction: row; width: 100%; height: 46px; background: #fff; color: #32b990; box-shadow: rgb(0 0 0 / 13%) 0 -2px 20px;  }
	.top-inquiry a .fas { padding: 0 1rem; font-size: 24px; }
	.top-inquiry a span { font-size: 18px; }
	.scroll-to-top { z-index: 999; left: 5px; bottom: 5px; width: 36px; height: 36px; border-radius: 3px; }
}

/* Product */
.widget-category .widget-heading { display: none; }
.widget-category .widget-content { border: 2px solid #ddd; }
.widget-category .widget-content li { border-bottom: 1px solid #ddd; }
.widget-category .widget-content li:last-child { border-bottom: 0; }
.widget-category .widget-content li a { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 1rem; color: #000; transition: .3s;}
.widget-category .widget-content li a:hover { color: #067fcb; }
.widget-category .widget-content li a i { font-size: 12px; }
.widget-category .widget-content li a.has-submenu { font-weight: 700; font-family: "Montserrat", "微軟正黑體", sans-serif; }
.widget-category .widget-content li.active a.has-submenu { color: #067fcb; }
.widget-category .widget-content li.active .submenu { display: block; background: #ebf7fc; border-top: 1px solid #ddd; }
.widget-category .widget-content li .submenu li a { display: block; padding-left: 1.5rem; padding-top: 0rem; padding-bottom: 0rem; font-size: 14px; }
.widget-category .widget-content li .submenu li a:before { display: inline; content: "-"; margin-right: 1rem; vertical-align: middle; }
.widget-category .widget-content li .submenu li a:hover,
.widget-category .widget-content li .submenu li.active a { background: #d7f2ff; color: #00a1e9; font-weight: bold; }

.product-section{ position:relative; padding:50px 0px 20px; background:#ffffff;}
.product-section .sec-title { margin:10px 0px 0px; }
.product-section .sec-title h3 { font-weight: 700; font-family: "Montserrat", "微軟正黑體", sans-serif; }

.product-top { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 3rem; padding: 1rem; border: 2px solid #ddd; }
.product-inner .prod-album,
.product-inner .prod-brief { flex: 1 1 50%; max-width: calc(50% - .5rem); }
.product-inner .prod-brief { padding: 3rem; background: #f3f3f3; }
.product-inner .prod-desc { flex: 1 1 100%; }
.product-inner .prod-album { }
.product-inner .prod-album .gallery-top { display: flex; align-items: center; margin-bottom: .5rem; }
.product-inner .prod-album .gallery-top,
.product-inner .prod-album .gallery-thumbs,
.product-inner .prod-album .gallery-top img { display: block; margin: 0 auto; max-width: 100%; }
.product-inner .prod-album .gallery-thumbs img { display: block; width: 100%; }
.product-inner .prod-album .gallery-thumbs img { opacity: .5; border: 2px solid #ddd; outline: none; }
.product-inner .prod-album .gallery-thumbs .swiper-slide-thumb-active img { opacity: 1; border-color: #00a1e9; }

.product-inner .prod-album .swiper-button-next,
.product-inner .prod-album .swiper-button-prev { margin-top: 0; width: 14px; height: 100%; background: #00000035; transform: translateY(-50%); }
.product-inner .prod-album .swiper-button-next { right: 0px; }
.product-inner .prod-album .swiper-button-prev { left: 0px; }
.product-inner .prod-album .swiper-button-next:after,
.product-inner .prod-album .swiper-button-prev:after { font-size: 14px; }

.product-inner .prod-brief .product-title { margin-bottom: 3rem; font: 700 30px/1.1 "Montserrat", "微軟正黑體", sans-serif; }
.product-inner .short-description { margin-bottom: 3rem; line-height: 1.6; }
.product-inner .short-description  p{
	line-height: 1.75;
}
.product-inner .short-description ul { padding-left: 3.5rem; list-style: disc; margin-bottom: 15px;}
.product-inner .short-description ul li { list-style: disc; }

.product-inner .prod-button .theme-btn { display: inline-flex !important; min-width: 14rem; }
.product-inner .prod-button .theme-btn span { display: block; white-space: nowrap; }

.product-inner .prod-desc { margin-bottom: 3rem; padding: 2rem; border: 2px solid #ddd; }
.product-inner .prod-desc .desc-title { margin-bottom: 2rem; padding-bottom: 2rem; font-size: 22px; font-weight: 700; color: #00a1e9; border-bottom: 1px solid #ddd; }

.product-inner .fck-box h4 { margin: 2rem 0; font-size: 20px; font-weight: bold; color: #000; }
.product-inner .fck-box h4 span { padding-right: 1rem; color: #00a1e9; text-transform: uppercase; font-family: "Montserrat", "微軟正黑體", sans-serif; }
.product-inner .fck-box h4:after { display: block; content: ""; margin-top: 1rem; max-width: 3rem; border-bottom: 3px solid #00a1e9; }
.product-inner .fck-box ul { padding-left: 3.5rem; list-style: disc; }
.product-inner .fck-box ul li { list-style: disc; }

.related-products h2 { margin-bottom: 3rem; font-size: 22px; font-weight: bold; color: #000; }
.related-products .product-lists { display: flex; gap: 3rem; margin-bottom: 3rem; }
.related-products .product-lists .column-box .inner-box{ position:relative; display:block; max-width:450px; margin:0 auto; border: 3px solid #dddddd; transition: all .3s ease-out .3s; }
.related-products .product-lists .column-box .inner-box:hover { border-color:#00a1e9; transform: translateY(-1rem); box-shadow: 0 2rem 4rem -2rem rgba(0,0,0,0.35); }
.related-products .product-lists .column-box .image { position:relative; overflow:hidden; box-shadow: inset 0 0 10rem 0 #00000021; background: #efefef; border-bottom: 1px solid #dedede;	}
.related-products .product-lists .column-box .image img { position:relative; display:block; width:100%; transition:all .3s ease-out .3s; mix-blend-mode: multiply; }
.related-products .product-lists .column-box .inner-box:hover .image img{ transform:scale(1.1,1.1); }
.related-products .product-lists .column-box .image .tags{ position:absolute; right:0px; bottom:0px; padding:10px 15px; color:#ffffff; background:#00a1e9; font-size:14px; font-weight:600; line-height: 1.2; z-index:1; }
.related-products .product-lists .column-box .post-content{ position:relative; padding:15px 20px 20px; }
.related-products .product-lists .column-box .post-content h3 { font-size:17px; margin-bottom:15px; line-height:1.4; text-transform:uppercase; font-weight:700; }
.related-products .product-lists .column-box .post-content h3 a{ color:#292929; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 2.8em; }
.related-products .product-lists .column-box .post-content h3 a:hover{ color:#00a1e9; }
.related-products .product-lists .column-box .text-center { display: flex; gap: 1.5rem; }
.related-products .product-lists .column-box .text-center .theme-btn{ display:block; flex: 1;}

.video-section { padding: 60px 0; }
.video-box { margin-bottom: 3rem; border: 2px solid #ddd; }
.video-box .video-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 2.8em; margin-top: 2rem; padding: 0 2rem; font-size: 17px; line-height: 1.4; text-transform: uppercase; font-weight: 700; }
.video-box .video-desc { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 5.6em; margin: 1rem 0 2rem; padding: 0 2rem; font-size: 14px; line-height: 1.4; }
.video-section .sec-categories { display: inline-flex; justify-content: flex-end; gap: 1rem; }
.video-section .sec-categories a { padding: 0 1.5rem; line-height: 40px; font-weight: 700; border: 2px solid #ddd; }
.video-section .sec-categories a.active { background: #00a1e9; color: #fff; border-color: #00a1e9; }

.flex-box.justify-between.items-start { justify-content: space-between; align-items: flex-start; }

.news-section .news-album {  }
.news-section .gallery-top { }
.news-section .gallery-top,
.news-section .gallery-thumbs,
.news-section .gallery-top img,
.news-section .gallery-thumbs img,
.blog-section .gallery-top img  { display: block; width: 100%; }
.news-section .gallery-thumbs img { opacity: .5; border: 2px solid #ddd; outline: none; }
.news-section .gallery-thumbs .swiper-slide-thumb-active img { opacity: 1; border-color: #00a1e9; }

.news-section .swiper-button-next,
.news-section .swiper-button-prev { margin-top: 0; width: 14px; height: 100%; background: #00000035; transform: translateY(-50%); }
.news-section .swiper-button-next { right: 0px; }
.news-section .swiper-button-prev { left: 0px; }
.news-section .swiper-button-next:after,
.news-section .swiper-button-prev:after { font-size: 14px; }

.news-section { background: url(../images/background/texture-7.jpg) no-repeat center bottom; background-size: 100% auto; }
.news-section .page-title,
.blog-section .page-title { margin:10px 0px 3rem; border-bottom: 1px solid #ddd; }
.news-section .page-title.no-border,
.blog-section .page-title.no-border { border: 0; } 
.news-section .page-title h3,
.blog-section .page-title h3 { font-size: 32px; line-height: 1.2; font-weight: 700; font-family: "Montserrat", "微軟正黑體", sans-serif; }
.news-section .page-title date,
.blog-section .page-title date { color: #00a1e9; font-size: 14px; }
.news-section .fck-box center img,
.blog-section .fck-box center img { margin: 3rem 0; }

.no-bg { background: none !important; }
.blog-section.no-bg .sec-title { padding-bottom: 0; }
.blog-section.no-bg .sec-desc { position: relative; margin-bottom: 3rem; padding: 1.5rem 1.5rem 1.5rem 5rem; background: #eaf6fb; color: #78a4d4; line-height: 1.6; }
.blog-section.no-bg .sec-desc:before { position: absolute; left: 20px; top: 20px; content: '"'; font-size: 42px; line-height: 1; color: #00a1e9; font-family: "Catamaran", "微軟正黑體", sans-serif;  }
.blog-lists { display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 3rem; }
.blog-lists .items { flex: 0 0 calc(50% - 1rem); }
.blog-lists .column-box { margin-bottom: 0; }
.blog-lists .column-box .inner-box .image { flex: 0 0 35%; border-bottom: 0; }
.blog-lists .column-box .inner-box .post-title { font-size: 20px !important; line-height: 1.2; font-family: "Montserrat", "微軟正黑體", sans-serif; }
.blog-lists .column-box .post-content h3 a { -webkit-line-clamp: 1; min-height: 1.2em; }
.blog-lists .column-box .inner-box .date { color: #999!important; }
.blog-lists .column-box .inner-box .date .fas { margin-right: .5rem; }
.blog-lists .column-box .inner-box .post-desc { margin: 0; font-size: 14px; line-height: 1.6; transition: all .3s ease-out .3s;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 3.2em; max-height: 3.2em;
}
.blog-lists .column-box .inner-box .post-button { margin-top: 1rem; text-align: right; }
.blog-lists .column-box .inner-box .btn.theme-btn { padding: 0; background: none; color: #00a1e9; line-height: 1.2; transition: all .3s ease-out .3s; }
.blog-lists .column-box:hover .inner-box .btn.theme-btn { color: #fff; }

.links-section { padding: 60px 0; }
.links-section .flex-box { flex-wrap: wrap; width: 100%; gap: 3rem; }
.links-section .flex-box a { flex: 0 0 25%; max-width: calc(25% - 2.25rem); border: 2px solid #ddd; padding: 1.5rem; text-align: center; transition: all .3s ease-out .3s; }
.links-section .flex-box a:hover { border-color: #00a1e9; }
.links-section .flex-box a img { margin: 0 auto; transition: all .3s ease-out .3s; }
.links-section .flex-box a:hover img { transform: scale(1.1); opacity: .8; }

.inquiry-section,
.contact-section { padding: 60px 0; }
.inquiry-section .flex-box { flex-direction: column; gap: 1rem; }
.inquiry-section .inquiry-items { display: flex; gap: 1rem; justify-content: space-between; align-items: center; padding: 1rem; border: 2px solid #ddd; }
.inquiry-section .inquiry-items .type { display: flex; flex: 1 1 auto; align-items: center; gap: 1rem; padding-right: 3rem; }
.inquiry-section .inquiry-items .type .image { flex: 0 0 120px; }
.inquiry-section .inquiry-items .type .title h4 a { font-size: 16px; line-height: 1.1; font-family: "Montserrat", "微軟正黑體", sans-serif; font-weight: 700; color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 2.2em; max-height: 2.2em; }
.inquiry-section .inquiry-items .type .title span { display: inline-block; padding: .2rem .4rem; background: #00a1e9; color: #fff; font-size: 12px; line-height: 1.1; }
.inquiry-section .inquiry-items .quantity { display: flex; border: 1px solid #ddd; width: 100px; }
.inquiry-section .inquiry-items .quantity span { display: block; width: 30px; font-size: 12px; text-align: center; cursor: pointer; }
.inquiry-section .inquiry-items .quantity input { width: 40px; text-align: center; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.inquiry-section .inquiry-items .controls a { padding: .7rem 1rem; background: #fff; color: black; }
.inquiry-section .inquiry-items .controls a:hover { background: #ff000023; color: red; }

.inquiry-section .inquiry-items .metas { display: flex; flex-wrap: wrap; }
.inquiry-section .inquiry-items .metas div { flex: 0 0 calc(50% - .5rem); font-size: 1.3rem; color: #666; line-height: 1.6; }

.inquiry-form { display: block; border: 2px solid #ddd; padding: 2rem; }

@media(max-width: 768px) {
	.links-section .flex-box a { flex: 0 0 50%; max-width: calc(50% - 1.5rem); }
}
@media(max-width: 480px) {
	.blog-lists .items { flex: 0 0 100%; }
	.blog-lists .column-box .inner-box .post-desc { display: none; }
	.links-section .flex-box a { flex: 1 1 100%; }

	.inquiry-section .inquiry-items { flex-wrap: wrap; justify-content: center; }
	.inquiry-section .inquiry-items .type { flex: 1 1 100%; padding-right: 0; }
	.inquiry-section .inquiry-items .quantity { margin-left: 130px; }
}

.contact-info{

}
.contact-info li {

}
.contact-info li i{
	width: 20px;
	color: #00a1e9;
}
.contact-info li a{
	color: #333;
}
.contact-info li a:hover{
	text-decoration: underline;
	color: #00a1e9;
}

.captcha-box{
	margin-top: 8px;
	text-align: right;
}
.contact-form .submit-btn{
	
}
.contact-form .submit-btn .theme-btn{
	width: 100%;
}
@media(max-width: 992px) {
	.captcha-box{
		text-align: left;
	}
}	
@media(max-width: 480px) {
	.captcha-box{
		margin-top: 15px;
		text-align: left;
	}
	.submit-btn{
		text-align: left;
	}
}

.dealer-box { display: grid; grid-gap: 3rem; grid-template-columns: 1fr 1fr 1fr; }
.dealer-items { padding: 1.5rem 2rem; border: 1px solid #dedede; }
.dealer-items h3 { margin-bottom: 1.5rem; font-weight: bolder; font-family: "Montserrat", "微軟正黑體", sans-serif; }
.dealer-items ul li { position: relative; padding-left: 3rem; }
.dealer-items ul li .fas { position: absolute; left: 0; top: .6rem; color: #999; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; }
.dealer-items ul li a { text-decoration: underline; color: inherit; transition: .3s; }
.dealer-items ul li a:hover, .dealer-items ul li a:focus { color: #00A1E9; }

.filter { display: flex; gap: 1rem; margin-bottom: 3rem; }
.filter li a { display: block; padding: .5rem 1.5rem; border: 1px solid #ddd; transition: .3s; }
.filter li a:hover, .filter li a:focus { background: #ebf7fc; }
.filter li.active a { background: #00a1e9; color: #fff; font-weight: bold; border-color: #00a1e9; }

.page-section .sec-title { display: flex; justify-content: space-between; align-items: center; }
.page-section .sec-title form { display: flex; border: 2px solid #ddd; }
.page-section .sec-title form input[type="text"] { flex: 1 1 auto; }
.page-section .sec-title form input[type="submit"] { padding: 4px 15px; max-width: 7rem; background: #00a1e9; color: #fff; font-weight: bold; }

.prod-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.options-items { display: flex; flex-wrap: wrap; background: #fff; border: 1px solid #ddd; border-radius: .5rem; overflow: hidden; }
.options-items .items-title { flex: 1 1 100%; margin: 0; padding: 0 .5rem; background: #eaf6fb; font-size: 1.3rem; line-height: 1.8; border-bottom: 1px solid #ddd;}
.options-items .items-content { flex: 1 1 100%; padding: 0 .5rem; }
.options-items .items-content select { width: 100%; }
.prod-options + .prod-button { margin-top: 3rem; }

.grecaptcha-badge { bottom: 0!important; z-index: 999; }
.fixed-line { position: fixed; z-index: 999; bottom: 20px; right: 20px; width: 48px; height: 48px; background: #32d938; border-radius: 100%; overflow: hidden; }

@media (max-width: 480px) {

	.page-section .sec-title { flex-wrap: wrap; }
	.page-section .sec-title h3,
	.page-section .sec-title form { flex: 1 1 100%; }
	.page-section .sec-title form { margin-top: 1.5rem; }

	.filter-section .row,
	.product-section .row { display: flex; flex-wrap: wrap; }
	.filter-section .left-content,
	.product-section .left-content { float: none; order: 2; }
	.filter-section .side-bar,
	.product-section .side-bar { float: none; order: 1; }
	.filter-section .side-bar .widget,
	.product-section .side-bar .widget { margin-bottom: 1.5rem; }
	.filter-section .side-bar .widget-category,
	.product-section .side-bar .widget-category { border: 2px solid #ddd;}
	.filter-section .side-bar .widget-category .widget-heading,
	.product-section .side-bar .widget-category .widget-heading { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem 1rem 1rem; font-weight: bold; }
	.filter-section .side-bar .widget-category .widget-content,
	.product-section .side-bar .widget-category .widget-content { display: none; }
	.filter-section .side-bar .widget-category .widget-content.active,
	.product-section .side-bar .widget-category .widget-content.active { display: block; border-left: 0; border-bottom: 0; border-right: 0; }

	.filter-section.page-section .sec-title { margin-bottom: 1.5rem; }

	.news-section.page-section .sec-title { margin-bottom: 1.5rem; margin-left: -1rem; margin-right: -1rem; }
	.news-section.column-view { padding-left: 1rem; padding-right: 1rem; }
	.news-section.column-view .column-box { padding-left: .5rem; padding-right: .5rem; }
	.news-section .column-box .date { padding: .5rem .8rem; }
	.news-section .column-box .date big { font-size: 2rem; padding-right: .5rem; }
	.news-section .column-box .date .year { padding-left: .5rem; }
	.news-section .column-box .post-content { padding: 1rem; }
	.column-view .column-box .post-content h3 { margin-bottom: 0; }
	.news-section .column-box .text { display: none !important; }
	
	.pagination { margin: 0 -1rem; }	
	.pagination li a { padding: 5px 11px; }

	.product-top { flex-wrap: wrap; }
	.product-inner .prod-album, .product-inner .prod-brief { flex: 1 1 100%; max-width: 100%; }

	.fck-box img { max-width: 100% !important; height: auto !important; }
	
	.left-content .column-view { padding-left: 1rem; padding-right: 1rem; }
	.left-content .column-view .column-box { padding-left: .5rem; padding-right: .5rem; }
	.left-content .column-view .column-box .post-content { padding: 1rem; }
	.left-content .column-view .column-box .text-center { flex-direction: column; gap: 0; }
	
	.main-breadcrumb .auto-container { display: flex; }
	.main-breadcrumb a { flex: 0 0 auto; }
	.main-breadcrumb span { flex: 1 1 auto; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
	.news-section .page-title h3, .blog-section .page-title h3 { font-size: 22px; }

	.main-footer .contact-widget,
	.main-footer .services-widget {
		margin-bottom: 3rem;
	}

	.fixed-line { right: 5px; bottom: 5px; width: 36px; height: 36px; border-radius: 3px; }

	.dealer-box { grid-template-columns: 1fr;  }
}